Build faster.
Look outstanding.
Meticulously crafted, animated components. Fully compatible with shadcn/ui — copy, paste, ship.
Activity Rings
Apple-style activity tracking rings with beautiful animated stroke offsets. Perfect for modern React and Next.js applications using Tailwind CSS.
Cinematic Media Card
A media-focused card that expands slightly and plays a video on hover with a smooth backdrop blur. Perfect for modern React and Next.js applications using Tailwind CSS.
Cursor Card
A premium interactive card featuring dynamic mouse-following gradient glows. Perfect for modern React and Next.js applications using Tailwind CSS.
Directional Reveal Card
A highly polished card where a glassmorphic overlay slides in from the exact edge your mouse enters. Perfect for modern React and Next.js applications using Tailwind CSS.
Dynamic Image Reveal
An interactive image reveal component that uncovers hidden media dynamically. Perfect for modern React and Next.js applications using Tailwind CSS.
Expandable Cards
Horizontal expand on hover effect with smooth transitions and content reveal. Perfect for modern React and Next.js applications using Tailwind CSS.
Pro
Flipping Card
A 3D-perspective flipping card that reveals content on hover. Perfect for modern React and Next.js applications using Tailwind CSS.
Pro
Glassmorphism Card
A stunning glassmorphic media player card with a custom SVG turbulence filter for a liquid effect. Perfect for modern React and Next.js applications using Tailwind CSS.
Graph Card
A polished analytics card featuring animated SVG line graphs and modern stat badges. Perfect for modern React and Next.js applications using Tailwind CSS.
Magnetic Glare Card
Magnetically pulls towards the cursor while projecting a dynamic specular lighting glare across frosted glass. Perfect for modern React and Next.js applications using Tailwind CSS.
Parallax Depth Card
Hovering shifts the background deeply in one direction, while the text floats aggressively in the opposite direction. Perfect for modern React and Next.js applications using Tailwind CSS.
Pricing Card
A high-conversion pricing tier card with featured states and feature checklists. Perfect for modern React and Next.js applications using Tailwind CSS.
Social Card
A polished profile card featuring social links and dynamic 3D hover animations. Perfect for modern React and Next.js applications using Tailwind CSS.
Social Post Card
A sleek, frosted-glass card ideal for social media posts, reviews, or testimonials. Perfect for modern React and Next.js applications using Tailwind CSS.
Stacked Cards
A visually appealing layout of layered, stacked cards with beautiful hover interactions. Perfect for modern React and Next.js applications using Tailwind CSS.
Stats Card
A beautiful bento-style card displaying comparative statistics and animated line graphs. Perfect for modern React and Next.js applications using Tailwind CSS.
Vertical Expandable Cards
Vertical expand on hover effect with smooth transitions and content reveal. Perfect for modern React and Next.js applications using Tailwind CSS.