micro library for shipping quicker

BeautifulComponentsforModern Web

Animated components with gradients and glass effects. Built for designers who want to ship faster.

React

TypeScript

Framer Motion

Gradients. Glass. Animation.

Components that combine all three beautifully

app/page.tsx

<AnimatedBadge>
  Animated & Gradient
</AnimatedBadge>

<InteractiveButton 
  variant="glass" 
  size="lg"
>
  Hover for Magic
</InteractiveButton>

<p className="text-sm">
  Magnetic tracking • Glassmorphism
</p>

your badge here

Magnetic tracking • Glassmorphism

Explore Components

Choose a category to get started

Hero Sections

Full viewport hero sections with gradients and animations

1 Component →

Buttons

Interactive buttons with magnetic effects and animations

1 Component →

Cards

Feature and pricing cards with glass effects

2 Components →