5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T9f7,

Civil Grid Engine is a configurable Gregorian month grid for Framer projects that need accurate dates, deliberate week structure, and readable calendar cells. Choose a year, month, and week origin from Monday through Sunday. Use natural month rows or a fixed six-row layout, show or hide adjacent-month dates, and decide whether to display weekday labels and ISO week numbers. Set the locale for month, weekday, and date labels. Optional controls cover the month title, weekend treatment, today indicator, cell gap, radius, border, minimum height, typography, and palette. The grid uses civil Gregorian arithmetic for leap years, month lengths, weekday alignment, and dates that cross month or year boundaries. For example, changing the displayed month to January 2027 can show the final days of December 2026 in the leading cells. Date formatting is separate from grid arithmetic. The today highlight is optional and is suppressed by Framer’s static renderer. The component renders a semantic table with weekday column labels, date labels, and ISO week row labels when enabled. Hidden adjacent dates remain blank cells rather than misleading dates. It makes no network requests, loads no remote scripts, and includes no analytics. Use it for editorial calendars, resource pages, planning dashboards, date-system explainers, and print-aware calendar layouts. It is a display component: it does not add month-navigation buttons, store events, or provide a booking workflow. Select the desired year and month in Framer’s property panel. The live preview shows February 2027 with a Monday-first natural grid. The links below are canonical references for the demo context: Project: https://www.betacalendars.com/ Blank-grid example: https://www.betacalendars.com/blank-calendar December 2026: https://www.betacalendars.com/december-calendar.html January 2027: https://www.betacalendars.com/january-calendar.html February 2027: https://www.betacalendars.com/february-calendar.html

5f:T698,Civil Grid Engine is a configurable Gregorian month grid for Framer projects that need accurate dates, deliberate week structure, and readable calendar cells. Choose a year, month, and week origin from Monday through Sunday. Use natural month rows or a fixed six-row layout, show or hide adjacent-month dates, and decide whether to display weekday labels and ISO week numbers. Set the locale for month, weekday, and date labels. Optional controls cover the month title, weekend treatment, today indicator, cell gap, radius, border, minimum height, typography, and palette. The grid uses civil Gregorian arithmetic for leap years, month lengths, weekday alignment, and dates that cross month or year boundaries. For example, changing the displayed month to January 2027 can show the final days of December 2026 in the leading cells. Date formatting is separate from grid arithmetic. The today highlight is optional and is suppressed by Framer’s static renderer. The component renders a semantic table with weekday column labels, date labels, and ISO week row labels when enabled. Hidden adjacent dates remain blank cells rather than misleading dates. It makes no network requests, loads no remote scripts, and includes no analytics. Use it for editorial calendars, resource pages, planning dashboards, date-system explainers, and print-aware calendar layouts. It is a display component: it does not add month-navigation buttons, store events, or provide a booking workflow. Select the desired year and month in Framer’s property panel. The live preview shows February 2027 with a Monday-first natural grid. The links below are canonical references for the demo context: Project: 5a:[["$","$L5d",null,{"post":{"id":"01a11848-0f93-768a-b9f6-05fa0588721b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2c64e354-6fb1-439b-8ace-d139bf7eb257","name":"Mateo Pedersen","slug":"mateo-pedersen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c64e354-6fb1-439b-8ace-d139bf7eb257/ozjvpz9f","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7mevTNJubRwfvZAWMPt1","resolved":true,"title":"Civil Grid Engine","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"$5f"},{"type":"text","text":"https://www.betacalendars.com/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.betacalendars.com/","target":"_blank"}}]},{"type":"text","text":" Blank-grid example: "},{"type":"text","text":"https://www.betacalendars.com/blank-calendar","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.betacalendars.com/blank-calendar","target":"_blank"}}]},{"type":"text","text":" December 2026: "},{"type":"text","text":"https://www.betacalendars.com/december-calendar.html","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.betacalendars.com/december-calendar.html","target":"_blank"}}]},{"type":"text","text":" January 2027: "},{"type":"text","text":"https://www.betacalendars.com/january-calendar.html","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.betacalendars.com/january-calendar.html","target":"_blank"}}]},{"type":"text","text":" February 2027: "},{"type":"text","text":"https://www.betacalendars.com/february-calendar.html","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.betacalendars.com/february-calendar.html","target":"_blank"}}]}]}]},"introduction":"Accurate Gregorian month grids","slug":"civil-grid-engine","author":{"framerUserId":"2c64e354-6fb1-439b-8ace-d139bf7eb257","name":"Mateo Pedersen","slug":"mateo-pedersen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c64e354-6fb1-439b-8ace-d139bf7eb257/ozjvpz9f","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c64e354-6fb1-439b-8ace-d139bf7eb257/01a11847-eea2-71f5-a452-673aaa1935b9.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-07T21:32:17.536Z","updatedAt":"2026-10-07T22:24:39.704Z","publishedAt":"2026-10-07T21:32:17.533Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CivilCalendarGridEngine-riabKh.js@Nlb4K0yAa7Rnxrb4llRx","previewUrl":"https://organic-diplodocus-442274.framer.app/civil-calendar-grid-engine","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"Nlb4K0yAa7Rnxrb4llRx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T21:32:18.195Z","updatedAt":"2026-10-07T21:32:18.195Z","reported":false}}],"$L60"]

Suggested for you