v1.0 Public Beta Live

Refined.

Polished React components with motion built in.Browse, copy, or install via shadcn CLI.

Tailwind CSSmotion/reactshadcn CLI
Browse Components →

Components

Crafted to build beautiful, accessible user interfaces.

Text Effects
We Do

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

Text Effects
Cards
Priya Nair

Priya Nair

Design Lead

Text Effects
Creating componentsfor the digitalbrandsof today and making real impacton the web.

How it works

01

Browse the vault

Explore the collection of polished components in the registry.

02

Run one command

npx shadcn add @refinery/terminal-text

03

Component lands in your project

Source code drops directly into your codebase. Fully yours.

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, reshape — no library lock-in, no fighting abstractions.

Built with reasoning.

Every component includes Design Notes — a brief account of how it was built and why.

Questions

10+ ComponentsOpen SourceFree Forever

Ready to refine your UI?