Every satisfying

detail, one copy away.

Polished UI components with GSAP animations.
Built for developers who notice the details.

Scroll
Components

Crafted with obsessive
attention to detail

01

Buttons

2 variants
02

Cards

4 variants
03

Carousel

1 variant
04

Accordion

1 variant
05

FAQ

1 variant
View all components

One component.
Multiple personalities.

Each variation crafted for a different context.

How it works

Simple by design.
Powerful by default.

01

Browse

Explore our curated collection. Find the component that fits your vision.

02

Copy

One click. The code is yours. No packages, no dependencies to manage.

03

Ship

Drop it in your project. Customize the details. Launch with confidence.

Developer experience

Ready to use.
Ready to ship.

AnimatedCard.tsx
import { AnimatedCard } from "@/components/ui";

export default function App() {
  return (
    <AnimatedCard
      variant="hover-lift"
      animation="fade-up"
    >
      <h2>Your content here</h2>
    </AnimatedCard>
  );
}
9
Components
5
Categories
0
Dependencies