Components

Calendar component for ViewComponent and Tailwind CSS

Rails Designer’s Calendar Component is a nifty and versatile calendar to add to your app. Easily list events per day in a month, quadweekly or week view. Including a mini-variant and a dark theme.

  • Default # Get this component

    30
    31
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    01
    02
    03

  • Basic, quadriweekly # Get this component

    27
    28
    29
    30
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24

  • Basic, weekly # Get this component

    27
    28
    29
    30
    01
    02
    03

  • With header # Get this component

    April 2025

    30
    31
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    01
    02
    03

  • With static header # Get this component

    My Calendar

    30
    31
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    01
    02
    03

  • With navigation # Get this component

    30
    31
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    01
    02
    03

  • With header, icon navigation, and events # Get this component

    April 2025

    30
    31
    • Ruby 4.0 Preview
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    • JavaScript for Rails Developers book published
    • Hotwire Deep Dive
    01
    • Forge by Rails Designer release
    02
    • Ship by Rails Designer release
    03

  • Dark theme # Get this component

    30
    31
    • Ruby 4.0 Preview
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    • JavaScript for Rails Developers book published
    • Hotwire Deep Dive
    01
    • Forge by Rails Designer release
    02
    • Ship by Rails Designer release
    03

  • Mini # Get this component

    30
    31
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    01
    02
    03

  • Mini(mal), with events # Get this component

    30
    31
    • Ruby 4.0 Preview
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    • JavaScript for Rails Developers book published
    • Hotwire Deep Dive
    01
    • Forge by Rails Designer release
    02
    • Ship by Rails Designer release
    03

  • Mini(mal), dark, with events # Get this component

    30
    31
    • Ruby 4.0 Preview
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    • JavaScript for Rails Developers book published
    • Hotwire Deep Dive
    01
    • Forge by Rails Designer release
    02
    • Ship by Rails Designer release
    03

The library of components is continuously evolving, with new components added regularly. See the roadmap for a glimpse of future enhancements, and check out the changelog for the latest additions and updates.