50:I[267044,["/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/41gwzxjlh6wda.js","/creators-assets/_next/static/immutable/chunks/0tb62zkq3ytzl.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/0gsy0nazl2cht.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/0y1e6y4tai9kl.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/1gasll1b30-2c.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/15ey03cfkkg-y.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/29vwz5igguxfe.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/0xifckmqg-iju.js"],"S"] 51:Tc07,

What it does A pixel-perfect recreation of the native iOS scroll-wheel picker, built entirely for Framer. Users can drag, scroll, click, or use arrow keys to select dates and times — with real momentum physics, snap-to-row animation, and infinite looping on time wheels.

Four variants

Time — hour, minute, AM/PM
Date — scrollable day wheel (±5 years)
Date + Time — both in one picker
Time Range — from/to time selection

Three display modes

Inline — always visible on the page
Dropdown — expands from a trigger field with auto-positioning
Modal — centered overlay with backdrop

What you can customize Everything. From the property panel, no code needed:

Typography — separate font controls for selected row, dimmed rows, labels, and buttons (family, size, weight, style, spacing)
Colors — independent color for each text role, plus a single accent color for buttons, icons, and chevron
Surface — transparent (inherits page), auto (detects light/dark parent), or solid with custom color
Layout — row height, visible rows (5 or 7), corner radius
Buttons — show/hide confirm, cancel, and reset independently, custom labels, filled or text style, configurable order
Time format — 12-hour with AM/PM or 24-hour clock
Minute step — 1, 5, 15, or any interval up to 30
Date format — short, long, weekday+date, or auto
Locale — any BCP-47 tag (en-US, fr-FR, ja-JP, etc.) for automatic month/day translation
Animation — three presets: Snappy, Classic iOS, Smooth
Trigger field — optional icon (calendar, clock, flag), custom label, configurable date/time format string

For developers

Controlled and uncontrolled modes (value/defaultValue + onChange/onConfirm)
Output format: JS Date, ISO string, or structured object
onChange fires live during scroll (for previews), onConfirm fires on button press (for saves)
Fully typed TypeScript

Use cases

Booking & scheduling forms
Event creation flows
Alarm & reminder setting
Delivery time selection - Any form that needs a date or time input with a premium feel

52:T5e3,

A polished notification stack component that matches iOS 26's liquid glass aesthetic. Drop it on any background — dark, light, gradient, image — and it adapts.What you can control

Tint color — sets the translucent bubble fill; text color auto-derives from luminance or can be overridden manually
Font — full Framer font picker (family, weight, size, line height) applied across all text
Items — array of 1–5 notifications, each with name, message, timestamp, avatar image, and logo badge image
Header — editable section title with independent color control
Show Less pill — toggle visibility, change label text, pick from 6 SVG icon options or hide the icon
Dismiss button — toggle visibility, pick from 3 SVG icon options
Border radius — adjustable per-item corner rounding (0–40)
Width — component fills its container; all content reflows responsively

Design details

Backdrop blur with -webkit-backdrop-filter fallback detection — gracefully degrades to opaque tint on unsupported browsers
Messages clamp to 3 lines with overflow ellipsis
Avatars fall back to auto-generated initials when no image is provided
Logo badges fall back to a generic chat icon
Subtle hover effects: lift, shadow bloom, background brightening

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-753f1085-0137-4d25-8789-72166c303b27-all:/unified/creator/753f1085-0137-4d25-8789-72166c303b27/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:753f1085-0137-4d25-8789-72166c303b27:/unified/posts/?creator=753f1085-0137-4d25-8789-72166c303b27&with=reposts":[{"data":[{"id":"019e2103-fce4-7432-a778-18594473bb1d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"753f1085-0137-4d25-8789-72166c303b27","name":"Giollesco","slug":"giollesco","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"db4yHhw1N4jqXWFqx6mN","resolved":true,"title":"Date Picker","body":"$51","bodyJson":null,"introduction":"iOS Drag-scroll date & time wheels","slug":"iosdatepicker","author":{"framerUserId":"753f1085-0137-4d25-8789-72166c303b27","name":"Giollesco","slug":"giollesco","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/db4yHhw1N4jqXWFqx6mN/iosdatepicker-X2YXYh34GZYE9g13ItJHJ9SpyoHs65","metadata":{"tint":{"h":215,"s":93,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-03T14:23:06.225Z","updatedAt":"2026-06-02T11:53:52.048Z","publishedAt":"2026-05-13T11:06:10.020Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://innocent-maintenance-105268.framer.app/","price":"5","paymentUrl":"https://ivandjolo.gumroad.com/l/xtytr","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"CvbniWYDByA0LWEdJrvJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-13T11:06:10.020Z","updatedAt":"2026-05-13T11:06:10.020Z","type":"post"},{"id":"019dd2da-b334-75c2-81f9-e7d2fb789fc1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"753f1085-0137-4d25-8789-72166c303b27","name":"Giollesco","slug":"giollesco","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"vLEt0ri8tFzyVEvnj8iS","resolved":true,"title":"Notification Stack","body":"$52","bodyJson":null,"introduction":"iOS 26 liquid glass notification cards","slug":"notification-stack","author":{"framerUserId":"753f1085-0137-4d25-8789-72166c303b27","name":"Giollesco","slug":"giollesco","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/vLEt0ri8tFzyVEvnj8iS/iosnotificationstack-6kVzg7atBB36TaSxZbfIZ5iLU7zzCq","metadata":{"tint":{"h":215,"s":93,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-17T12:50:32.054Z","updatedAt":"2026-04-27T20:55:05.666Z","publishedAt":"2026-04-28T06:50:41.332Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://likely-arrow-555533.framer.app/","price":"3","paymentUrl":"https://ivandjolo.gumroad.com/l/qlxdr","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"t8GUBk9VSYaDaDaY62NI","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-28T06:50:41.332Z","updatedAt":"2026-04-28T06:50:41.332Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]