56:I[473921,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mwzcaalgk6io.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/30ex342hi0wzr.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/222e_wk0i41rv.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/3pe6luvwzbwnz.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/33kea80yupbzt.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/05yll7e_snxjv.js"],"PostDetailCard"] 57:T9a3,

Cal UI is a Cal.com booking calendar you design yourself, right in Framer. No more boxed-in embeds that clash with your site: every color, font, corner and label comes from the property panel, so your booking flow looks like the rest of your brand.

What you get

Live availability. Open days and times come straight from your Cal.com event, shown in each visitor’s own time zone.
A complete booking flow. Visitors pick a day, choose a time, add their details and confirm, all without leaving your page.
A proper confirmation screen, with Add to Google Calendar, Apple and Outlook buttons, plus a link to reschedule or cancel.
Built for every screen. Side by side on desktop, neatly stacked on tablets and phones.
Smooth motion. A sliding day selection, a springy time picker and soft step transitions, all respecting reduced-motion settings.

Make it yours

Light or dark theme
Any accent color or gradient
Your own fonts for titles and body text
Corner radius, spacing and padding
Tiled or minimal day style
12h/24h clock with an optional visitor switch
Time zone picker, end times, grouped time slots
Custom labels for every button and message

Setup

Add Cal UI to any page.
Enter your Cal.com username and event slug.
Style it and publish.

Refunds Because this is a digital product, sales are final. If Cal UI doesn’t work as described, contact me within 14 days and I’ll fix it or refund you.

Support Questions or setup help: hello@buildershub.sh. I usually reply within 1–2 business days.

Cal UI is an independent product, not affiliated with Cal.com.

53:[["$","$L56",null,{"post":{"id":"01a155ac-eb4e-77f3-b0b7-f1b457356e79","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c701df91-6fb5-421a-8376-9b8da203fb9e","name":"Builders Hub","slug":"builders-hub","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c701df91-6fb5-421a-8376-9b8da203fb9e/i6i4zda9","followed":false,"followsYou":false},"media":[],"resources":[{"id":"pcquBzWLDaBOvLnkgZgH","resolved":true,"title":"Cal UI","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cal UI","marks":[{"type":"bold"}]},{"type":"text","text":" is a "},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"href":"http://Cal.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":" booking calendar you design yourself, right in Framer. No more boxed-in embeds that clash with your site: every color, font, corner and label comes from the property panel, so your booking flow looks like the rest of your brand."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What you get","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live availability.","marks":[{"type":"bold"}]},{"type":"text","text":" Open days and times come straight from your "},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"href":"http://Cal.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":" event, shown in each visitor’s own time zone."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A complete booking flow.","marks":[{"type":"bold"}]},{"type":"text","text":" Visitors pick a day, choose a time, add their details and confirm, all without leaving your page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A proper confirmation screen,","marks":[{"type":"bold"}]},{"type":"text","text":" with Add to Google Calendar, Apple and Outlook buttons, plus a link to reschedule or cancel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built for every screen.","marks":[{"type":"bold"}]},{"type":"text","text":" Side by side on desktop, neatly stacked on tablets and phones."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth motion.","marks":[{"type":"bold"}]},{"type":"text","text":" A sliding day selection, a springy time picker and soft step transitions, all respecting reduced-motion settings."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Make it yours","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light or dark theme"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any accent color or gradient"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Your own fonts for titles and body text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Corner radius, spacing and padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tiled or minimal day style"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"12h/24h clock with an optional visitor switch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Time zone picker, end times, grouped time slots"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom labels for every button and message"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Setup","marks":[{"type":"bold"}]}]},{"type":"orderedList","attrs":{"start":1,"type":null},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add Cal UI to any page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enter your "},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"href":"http://Cal.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":" username and event slug."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style it and publish."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refunds","marks":[{"type":"bold"}]},{"type":"text","text":" Because this is a digital product, sales are final. If Cal UI doesn’t work as described, contact me within 14 days and I’ll fix it or refund you."}]},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":" Questions or setup help: "},{"type":"text","text":"hello@buildershub.sh","marks":[{"type":"link","attrs":{"href":"mailto:hello@buildershub.sh","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":". I usually reply within 1–2 business days."}]},{"type":"paragraph","content":[{"type":"text","text":"Cal UI is an independent product, not affiliated with ","marks":[{"type":"italic"}]},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"href":"http://Cal.com","target":"_blank","rel":"noopener noreferrer nofollow"}},{"type":"italic"}]},{"type":"text","text":".","marks":[{"type":"italic"}]}]}]},"introduction":"Custom Cal.com UI","slug":"cal-ui","author":{"framerUserId":"c701df91-6fb5-421a-8376-9b8da203fb9e","name":"Builders Hub","slug":"builders-hub","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c701df91-6fb5-421a-8376-9b8da203fb9e/i6i4zda9","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c701df91-6fb5-421a-8376-9b8da203fb9e/01a155ac-bd44-7404-a209-53bd2d6478a2.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-19T19:39:17.513Z","updatedAt":"2026-10-19T20:23:23.167Z","publishedAt":"2026-10-19T19:39:17.511Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://calui.framer.website/preview","price":"9","paymentUrl":"https://polar.sh/checkout/polar_c_m57yN8s3p8yyZ7GvtZUGZMWtgnhTMdXyHU0JR43zCUB","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"icyVNcakXVRIQP5I4gqB","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-19T19:39:18.222Z","updatedAt":"2026-10-19T19:39:18.222Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you