Premium Component Library

Beautiful Components
Built for 2026

A collection of stunning, production-ready components built with React, TypeScript, and Tailwind CSS. Get started with free components or unlock the full library.

Kath - Live Chat

Free

A chat widget with smooth animations

Real-time Messaging

Instant message delivery with typing indicators and smooth animations

AI Integration Ready

Built for easy integration with OpenAI, Anthropic, or your custom AI

Beautiful Design

Gorgeous animations, avatars, and auto-responses out of the box

Image Support

Upload, drag & drop, or paste images directly into the chat

npx shadcn@latest add @drum/kath

Till - Cart & Checkout

Free

A complete e-commerce system that beats Shopify and Stripe's UX. Cart management, checkout flow, coupons, and beautiful animations - all in one component.

Lightning Fast
Beautiful Animations
Production Ready
npx shadcn@latest add @drum/till

Complete System

Everything you need: cart management, checkout flow, coupon codes, and multiple cart UI variations

8+ Page Templates

Ready-to-use templates for e-commerce, consulting, services, SaaS, and more - all pre-integrated with Till

Beats the Best

Superior UX compared to Shopify and Stripe. Beautiful animations, intuitive flows, and delightful interactions

What's Included

Cart Components

Multiple cart UI variations - sidebar, dropdown, floating button

Checkout Flow

Complete checkout with shipping, payment, and order review

8+ Page Templates

Pre-built pages for every business model with Till integrated

npx shadcn@latest add @drum/till

Simple, Transparent Pricing

One-time payment. Lifetime access. No subscriptions.

Free
Get started with our free components
$0
  • All Free Components
  • Full Source Code
  • MIT License
  • TypeScript Support
Browse Free Components
Most Popular
Lifetime Access
One-time payment for all components, forever
$199one-time
  • All Free Components
  • All Premium Components
  • Instant Access Token
  • Lifetime Updates
  • Priority Support
  • Full Source Code
  • Commercial License

Easy Installation

Add components to your project with a single command

Installing Free Components
No authentication required. Install directly or via registry.

Option 1: Direct install (easiest)

npx shadcn@latest add animated-button

Option 2: Via registry namespace

npx shadcn@latest add https://drum.so/r/animated-button.json

Step 3: Import and use

import { AnimatedButton } from "@/components/ui/animated-button"

export default function App() {
  return <AnimatedButton>Click me</AnimatedButton>
}

Frequently Asked Questions

Everything you need to know about Drum