Refined.
Polished React components with motion built in.Browse, copy, or install via shadcn CLI.
Components & Crafts
Browse installable components and expressive crafts built for polished, motion-forward interfaces.
Planning
Design
Development
Testing
SEO
Branding
Marketing
Maintenance
Planning
Design
Development
Testing
SEO
Branding
Marketing
Maintenance
Planning
Design
Development
Testing
SEO
Branding
Marketing
Maintenance
Planning
Design
Development
Testing
SEO
Branding
Marketing
Maintenance
Planning
Design
Development
Testing
SEO
Branding
Marketing
Maintenance
Planning
Design
Development
Testing
SEO
Branding
Marketing
Maintenance
Planning
Design
Development
Testing
SEO
Branding
Marketing
Maintenance
Planning
Design
Development
Testing
SEO
Branding
Marketing
Maintenance
"Refinery made it easier to assemble polished UI pieces quickly without fighting the design system."
"The component vault feels organized and practical, like having a clean starting point for every screen."
"It is easy to find well-crafted building blocks here, which keeps the work moving instead of slowing down."
"The spacing, hierarchy, and motion details feel thoughtful, so the final interface looks put together fast."
"Refinery gives the kind of reusable patterns that make dashboard work feel repeatable and calmer."
"The cards and sections feel like a polished UI kit, but with just enough personality to stay memorable."
"Refinery makes the UI workflow feel lighter, because the pieces already look coherent and production-ready."
How it works
Browse the vault
Explore polished components and crafts in the registry.
Run one command
npx shadcn add @refinery/terminal-text
Component lands in your project
The source lands in your codebase, ready to own and edit.
Built with
Why Refinery
Motion by default.
Every component ships with animation baked in. Not as a prop you opt into. Not as a wrapper you add later. Motion is the baseline.
Yours the moment it lands.
Components install as source code into your project. Edit, delete, and reshape them without library lock-in or hidden abstractions.
Built with context.
Every component includes notes on how it was built, why the details matter, and where you can tune it for your own interface.
Questions
Refinery is a curated collection of polished interface pieces you can drop into your project. Everything ships as clean, ownable source code, so there are no black boxes to work around.