5c:I[333483,["/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2g1-svyitruaw.js","/creators-assets/_next/static/immutable/chunks/2b5cxzb67_1ly.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/27tv74g0ylm-9.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/42t2lmjzk29f-.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/1fk3xiz40jsei.js","/creators-assets/_next/static/immutable/chunks/3epu8cl3lqon0.js","/creators-assets/_next/static/immutable/chunks/1a76m297ea_ip.js","/creators-assets/_next/static/immutable/chunks/2ya_ftprgwh4o.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/13drmorrvlvtw.js","/creators-assets/_next/static/immutable/chunks/3pgym_pkc-y-q.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/02hvv1fzvt9c4.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3btmtdncmfoz8.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/34tdjji5bsp8p.js","/creators-assets/_next/static/immutable/chunks/24m05qh8-cey5.js","/creators-assets/_next/static/immutable/chunks/332vzaq_p6q-i.js","/creators-assets/_next/static/immutable/chunks/1fvrye_9gm367.js","/creators-assets/_next/static/immutable/chunks/3s2ucmapivl2j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/20p7v4k5-b-k1.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/0p-ykuu58axvn.js"],"PostDetailCard"] 5d:T890,

✦ What's included

A Liquid Glass Select / Dropdown component in the same visual system as Glassdrop Buttons and Cards — glass fill, backdrop blur, and the signature magnetic glow. Built as a native Framer Code Component, fully keyboard accessible and wired to submit correctly inside Framer's native forms.

🧩 Features

Full keyboard navigation — Arrow keys, Enter, Space, Escape, Tab
Real form submission — hidden native <select> stays in sync, so Framer's form actions (email, Google Sheets) pick up the value automatically
Drop-in replacement for a native select — same behavior, glass look
Default option support — mark any option as pre-selected
Staggered spring animation when the dropdown opens
Focus-visible ring — clean keyboard-only outline

✦ Animations Same magnetic glow and shine as the rest of the Glassdrop system — radial glow follows the cursor, specular highlight, subtle moving shimmer. Opening the dropdown triggers a spring stagger across the options.

🎨 Customization Label, Options (label/value/default per row), Placeholder, Name, Required, Font, Color, Fill, Padding (trigger + options, independent)

🚀 How to use

After purchase, copy the Component URL from your confirmation
Paste it directly onto your Framer canvas — the component installs automatically
Drop it inside any native Framer Form
Edit label, options, and styling from the properties panel — no code needed
Connect your form's submit action as usual — the selected value is included automatically

⚙ Requirements Framer, any plan. Native Code Component — behaves like a built-in Framer element. No plugins needed.

59:[["$","$L5c",null,{"post":{"id":"019f9ea6-5740-72b2-bcef-9c5f3987d9e8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1540a837-f172-48a1-bd6e-2f4376ecd9ba","name":"Liubomyr Yurchyshyn","slug":"liubomyr-yurchyshyn","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1540a837-f172-48a1-bd6e-2f4376ecd9ba/uwxo0l23","followed":false,"followsYou":false},"media":[],"resources":[{"id":"H81CPOOzCvKqwo2ppYoF","resolved":true,"title":"Glassdrop Select","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"✦ What's included","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A Liquid Glass Select / Dropdown component in the same visual system as Glassdrop Buttons and Cards — glass fill, backdrop blur, and the signature magnetic glow. Built as a native Framer Code Component, fully keyboard accessible and wired to submit correctly inside Framer's native forms."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"jigsaw","emoji":"🧩"}},{"type":"text","text":" Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full keyboard navigation — Arrow keys, Enter, Space, Escape, Tab"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real form submission — hidden native "},{"type":"text","text":"

Suggested for you