shadcn Registry

GitHub

Custom Registry Demo

This demo showcases custom shadcn/ui components served from a local registry server. Pull these into any project!

Registry: https://shadcn-registry-tan.vercel.app/rApp: https://shadcn-web-six.vercel.app

Animated Counter Component

$0

Revenue

0.0%

Uptime

0

Users

0+

Countries

Fancy Button Component

Gradient Card Component

Rainbow Card

Animated gradient border with hover effects

This card features an animated rainbow gradient border that continuously moves, creating an eye-catching effect.

Aurora Card

Northern lights inspired gradient

Inspired by the Aurora Borealis, this card brings the magic of the northern lights to your UI.

Fire Card

Warm, energetic gradient animation

A fiery gradient that adds warmth and energy to your design, perfect for call-to-action sections.

How to Add Custom Components

Pull components from the custom registry into your project

# Add a component from the custom registry

npx shadcn@latest add custom/fancy-button

# Add multiple components

npx shadcn@latest add custom/gradient-card custom/animated-counter

# List available components

curl http://localhost:3001/r/index.json