EXPERIENCE CALENDAR GRID LIVE
120+ CUSTOMIZABLE FEATURES
From the grid lines to the day cells,
every detail is yours.
Month & Date Logic
• Month and year selector with auto-calculated days
• Leap year detection for February
• Manual days override for custom layouts
• First day of week: Monday, Sunday, or Saturday
• Start day selector to align the 1st correctly
• Leading and trailing empty cells auto-generated
Day Header Row
• Initial or full day name format (M vs Monday)
• Capitalize, uppercase, or lowercase text case
• Day header background color
• Day header font size for desktop and mobile
• Day header border radius
• Independent show/hide toggle for desktop and mobile
Day Cells
• Image or video per day via section blocks
• Cover or contain media fit per block
• Optional link URL per day cell
• Per-day hover color override
• Day number overlay with four corner positions (top-left, top-right, bottom-left, bottom-right)
• Day number position independent for desktop and mobile
• Day number X and Y offset for desktop and mobile
• Day number font size for desktop and mobile
• Show or hide day numbers independent for desktop and mobile
Grid Layout
• Column count independent for desktop and mobile (2–7)
• Row height in vh for desktop and mobile
• Column max width in vw for desktop and mobile
• Cell interior padding for desktop and mobile
Empty Days
• Custom empty day background color
• Hide empty days completely (removes borders and background)
Hover State
• Enable or disable hover effect on day cells
• Custom hover background color
• Per-day hover color override via blocks
Scroll Animation
• Scroll entrance animation with fade and slide
• Adjustable animation duration
• Stagger delay per cell for cascading reveal
Border Radius
• Section border radius
• Day cell border radius
• Day header border radius
Colors
• Section background color
• Day box and header background color
• Empty day background color
• Grid line color and weight
• Month title, day header, and day number text colors
Font Sizes
• Month title font size for desktop and mobile
• Day header font size for desktop and mobile
• Day number font size for desktop and mobile
Layout
• Independently adjust grid padding top, right, bottom, left for desktop and mobile
OUT OF THE BOX
This is how Calendar Grid with default settings will look upon install






