Mellow UI — animated React components with editorial aesthetics
Vol. 02 — A motion-first library
MMXXVI · Edition II
19 components · 7 templates
Components that move, quietly.
Motion-led primitives for builders who care about texture, timing, and the small theatre of an interface. Copy the source. Own it.
Next.js 15 · React 19motion/react · canvasNo package — just files
Move your cursor through the wordshadcn registry
The point of view
Most interfaces shout. Mellow moves quietly — texture, timing, and the small theatre of a cursor crossing a surface. One command writes the source into your repo. Read it. Patch it. Make it yours.
- I.
Copy, don't install
Every component ships as a shadcn registry item. One command writes the source into your repo — you own the file the moment you read it.
- II.
Motion as language
Built on motion/react and raw canvas. Scroll, hover, and mount triggers — orchestrated, not decorative. Reduced motion respected without exception.
- III.
No version trap
There is no @mellow/core package to pin. No breaking change to migrate. The code is yours, the patches are yours, the future is yours.
The collection
In rotation.
Every stage below cycles through live components — the same files you'd copy into your repo. Hover to hold one.
Premium templates
Finished faces.
Complete Next.js sites, each built around one gesture you'll remember. $49, buy once, own the source.
MCP server · available
Your agent, fluent in Mellow.
One line in your config and Claude, Cursor, or any MCP client can search this registry, read component source and props, and wire the right piece into your app — without you leaving the prompt.
- list_components — search by feel, category, or name
- get_component — full markdown: props, aiPrompt, source, demo
- Install via shadcn CLI — you own the file
Also: npx -y mellow-ui-mcp · no API keys
Run one command.Keep the source.
One command writes the component into your codebase. No runtime, no dependency on us, no upgrade path to fear.