Explore the best components and templates for your project to help you stand out from the crowd.
3D Card Effect
A card perspective effect, hover over the card to elevate card elements.
Background Beams With Collision
Exploding beams in the background
Background Lines
A set of svg paths that animate in a wave pattern. Good for hero sections background, as seen on height.app
Background Ripple Effect
A grid of cells that ripple when clicked.
Pixelated Canvas
Convert any image to a pixelated canvas mouse distortion effects, as seen on Tailwind CSS Website.
Aurora Background
A subtle Aurora or Southern Lights background for your website.
Background Beams
Multiple background beams that follow a path of SVG, makes a good hero section background.
Background Gradient Animation
A smooth and elegant background gradient animation that changes the gradient position over time.
Canvas Reveal Effect
A dot background that expands on hover, as seen on Clerk's website
Grid and Dot Backgrounds
A simple grid and dots background to make your sections stand out.
Hero Highlight
A background effect with a text highlight component, perfect for hero sections.
Shooting Stars and Stars Background
A shooting star animation on top of a starry background, as seen on figmaplug.in
Vortex Background
A wavy, swirly, vortex background ideal for CTAs and backgrounds.
Wavy Background
A cool background effect with waves that move.
Wobble Card
A card effect that translates and scales on mousemove, perfect for feature cards.
Background Boxes
A full width background box container that highlights on hover
Background Gradient
An animated gradient that sits at the background of a card, button or anything.
We are working hard to bring you more components. Bookmark this page to stay tuned!