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.
2 Free Components
3 Premium Components
Lifetime Updates
Component Library
Production-ready components that you can copy and paste into your apps. Free and premium options available.
Simple, Transparent Pricing
One-time payment. Lifetime access. No subscriptions.
Free
Get started with our free components
$0
- 2 Free Components
- Full Source Code
- MIT License
- TypeScript Support
Most Popular
Lifetime Access
One-time payment for all components, forever
$199one-time
- All Free Components
- 3 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-buttonOption 2: Via registry namespace
npx shadcn@latest add https://guten.io/r/animated-button.jsonStep 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 Guten