Morph & Gooey

Controls that change shape. Menus pour out of their triggers, blobs fuse, and the motion reads as liquid rather than a panel swapping in.

6 components

Gooey Dropdown Menu

A capsule trigger drips a menu out of its underside. Arrow keys, live shortcuts, and a clear Delete row come built in.

Gooey Search Bar

A search circle stretches into a field, and results drip out below it. Ask Claude, ChatGPT, or Google in one keystroke.

Gooey Dock

A dock of icons in a solid pill. The active capsule stretches to the item you pick and flips its icon and label inside.

Gooey Range Slider

Drag the thumb and the filled track stretches with it, then the thumb contracts into a circle when you let go.

Gooey Floating Toolbar

Tools share one liquid panel. It pours out of the icon you click, stretches to the next one, then drains back in.

Gooey Navigation Menu

A liquid FAB whose child actions stretch out of the trigger like molten metal.

More categories

Browse other categories

All components

Agentic AI Interfaces

8 components

Agentic AI interface components for React: prompt inputs, model pickers, voice orbs, image generation and streaming skeleton states, built for real AI products.

Explore category

Cinematic Interactions

20 components

Big-feeling motion: parallax, scrub-scroll sequences, sticky storytelling, page transitions. The components that make a marketing site feel alive.

Explore category

Heavy SaaS Blocks

5 components

Command palettes, kanban boards, data tables, pricing toggles, RBAC controls - the dense product surfaces real apps need on day one.

Explore category