Build faster.
Look outstanding.
Meticulously crafted, animated components. Fully compatible with shadcn/ui — copy, paste, ship.
3D Flip Button
A physical-feeling button that acts like a 3D box, rotating 90 degrees on hover. Perfect for modern React and Next.js applications using Tailwind CSS.
Attract Button
A highly interactive and beautifully animated Attract Button component, engineered with Framer Motion and Tailwind CSS for React.
Black Hole Button
On hover, a singularity expands from the center, sucking in the original text and exploding out the new state. Perfect for modern React and Next.js applications using Tailwind CSS.
Blacklight Reveal Button
Invisible UV ink effect that only glows when the cursor acts as a blacklight passing over it. Perfect for modern React and Next.js applications using Tailwind CSS.
Border Beam Button
A sleek modern button featuring a high-intensity gradient beam racing around its perimeter. Perfect for modern React and Next.js applications using Tailwind CSS.
Brutalism Button
A harsh, unapologetic brutalist design with thick borders and a solid drop-shadow. Perfect for modern React and Next.js applications using Tailwind CSS.
Pro
Camera Iris Button
A mechanical, multi-blade aperture that smoothly spirals open on hover to reveal the text. Perfect for modern React and Next.js applications using Tailwind CSS.
Chromatic Prism Button
An advanced glassmorphism button that simulates light refraction with RGB shadows. Perfect for modern React and Next.js applications using Tailwind CSS.
Pro
Cosmic Starfield Button
Contains a literal moving galaxy of twinkling stars and nebula gradients. Perfect for modern React and Next.js applications using Tailwind CSS.
Creepy Button
An interactive button with a dynamic, eerie hover effect for unique call-to-actions. Perfect for modern React and Next.js applications using Tailwind CSS.
Cyberpunk Glitch Button
A futuristic button with angled corners and glitch effects. Perfect for modern React and Next.js applications using Tailwind CSS.
Elastic Pull Button
A physics-based button powered by Framer Motion that bows and stretches towards the cursor. Perfect for modern React and Next.js applications using Tailwind CSS.
Elastic Stretch Button
Replicates a physical elastic band that stretches and squishes organically. Perfect for modern React and Next.js applications using Tailwind CSS.
EQ Spectrum Button
Features vertical bars that bounce dynamically, mimicking an audio spectrum analyzer. Perfect for modern React and Next.js applications using Tailwind CSS.
Fingerprint Auth Button
Biometric scan animation with sweeping lasers and glowing ridges on hover. Perfect for modern React and Next.js applications using Tailwind CSS.
Floating Orb Button
A fluid, floating sphere gradient that rotates and squishes on interaction. Perfect for modern React and Next.js applications using Tailwind CSS.
Frosted Glass Button
True glassmorphism using backdrop-blur, specular highlights, and soft inner borders. Perfect for modern React and Next.js applications using Tailwind CSS.
Glitch Reveal Button
A cyberpunk button with aggressive RGB chromatic aberration and slice glitches. Perfect for modern React and Next.js applications using Tailwind CSS.
Holo Foil Trading Card
A shimmering, iridescent foil gradient that perfectly tracks your mouse cursor. Perfect for modern React and Next.js applications using Tailwind CSS.
Holographic Foil Button
A button with a shiny, shifting holographic foil effect using SVG noise. Perfect for modern React and Next.js applications using Tailwind CSS.
Kinetic Scatter Button
Text shatters into physics-based floating letters on hover that scatter randomly before snapping back. Perfect for modern React and Next.js applications using Tailwind CSS.
Liquid Mercury Button
Heavy silver metallic gradients combined with SVG Gooey filters to look like a living bead of liquid metal. Perfect for modern React and Next.js applications using Tailwind CSS.
Magnetic Thread Button
An SVG string border stretches elastically towards the cursor and snaps back with wobble physics. Perfect for modern React and Next.js applications using Tailwind CSS.
Magnifying Lens Button
A glass sphere physically tracks your cursor inside the button, magnifying the text and warping the background. Perfect for modern React and Next.js applications using Tailwind CSS.
Marquee Scroll Button
Text continuously scrolls horizontally in an infinite loop until hovered. Perfect for modern React and Next.js applications using Tailwind CSS.
Minimal Arrow Slide
An elegant minimal button where an arrow smoothly pushes the label text aside. Perfect for modern React and Next.js applications using Tailwind CSS.
Origami Fold Button
A highly tactile button that mimics folded paper corners folding inward. Perfect for modern React and Next.js applications using Tailwind CSS.
Outline Draw Button
A button that seamlessly "draws" a border around itself on hover. Perfect for modern React and Next.js applications using Tailwind CSS.
Pro
Paper Tear Button
A jagged rip tears horizontally across the button on hover, separating into halves to reveal a hidden layer. Perfect for modern React and Next.js applications using Tailwind CSS.
Particle Burst Button
A button that explodes with physics-driven colorful confetti dots on click. Perfect for modern React and Next.js applications using Tailwind CSS.
Pixel Shatter Button
Background shatters into dozens of square pixels that explode outward on hover. Perfect for modern React and Next.js applications using Tailwind CSS.
Retro Arcade Button
A chunky 3D button that actually pushes down into its own shadow when held. Perfect for modern React and Next.js applications using Tailwind CSS.
Ripple Effect Button
A modern material ripple effect that expands exactly from the click coordinate. Perfect for modern React and Next.js applications using Tailwind CSS.
Scratch Reveal Button
An interactive button where the cursor acts like a coin scratching off a matte layer. Perfect for modern React and Next.js applications using Tailwind CSS.
Slice Reveal Button
On hover, the button physically slices in half diagonally, moving apart to reveal hidden text beneath. Perfect for modern React and Next.js applications using Tailwind CSS.
Spotlight Border Button
A button where a soft glowing spotlight border follows the user cursor. Perfect for modern React and Next.js applications using Tailwind CSS.
Pro
Stacked 3D Acrylic Button
3 distinct translucent acrylic sheets that physically separate in 3D space. Perfect for modern React and Next.js applications using Tailwind CSS.
Typographic Fill Button
Large outlined text that fills vertically with liquid color on hover. Perfect for modern React and Next.js applications using Tailwind CSS.
Pro
Underline Expand Button
Minimalist text where a tiny underline expands upwards to fill the background. Perfect for modern React and Next.js applications using Tailwind CSS.
Pro
Warp Speed Button
A button containing a deep space starfield that accelerates to hyperspace on hover. Perfect for modern React and Next.js applications using Tailwind CSS.
Wave Invert Button
A fluid wave undulates up the button, inverting the text color using mix-blend-mode. Perfect for modern React and Next.js applications using Tailwind CSS.