component
Morph Dropdown
By BuiltByKern
Details
- BuiltByKernAuthor
- componentType
- 2026-08-02Published
- 2026-09-11Updated
- 2026-08-02Added
- NavigationCategories
Summary
Morph Dropdown opens with a liquid metaball morph from pill to floating menu, then settles with a clean gap.
Description
Morph Dropdown opens with a liquid metaball morph from pill to floating menu, then settles with a clean gap. Options get a sliding hover highlight; choosing one crossfades the trigger label and morphs closed. Configurable options, colors, gap, and typography. Canvas-safe Preview Open, reduced-motion aware, zero packages beyond framer + framer-motion. The pointer is the product — no Auto Demo.
Introduction
Liquid-morph dropdown - gooey open
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2271