21 free 3D and tilt components
Depth you can feel — cards that tilt to the cursor, perspective hovers and layered parallax that pull flat UI off the page. All built with React and Tailwind, copy-paste or shadcn-installable, each with an AI prompt to tune the depth and easing.
3D Tilt Cards
OriginalA responsive grid of cards that tilt in 3D toward your cursor with a light glare and lifted depth layers, powered by Framer Motion springs.
3D Flip Cards
OriginalPricing-style cards that flip in 3D on hover or tap to reveal details on the back, keyboard accessible with a staggered entrance animation.
Tilt Spotlight Card
primitivesA reusable tilt spotlight card for React and Tailwind, with hover and motion.
Retro Perspective Grid
OriginalA launch and waitlist section set over an infinite neon grid that scrolls into a glowing horizon with rising particles.
Staggered stat band with marquee ticker
OriginalA dark stat band where 3D-tilt cards stagger into view with count-up figures over an animated gradient mesh, finished by an infinite marquee ticker of highlight chips that pauses on hover.
Tilt Cards Gallery
OriginalA grid of image cards that tilt in 3D toward the cursor on hover, with a soft glare.
Flip Cards Gallery
OriginalA grid of cards that flip in 3D on hover to reveal a caption and details on the back.
Deck Cycle Gallery
OriginalA 3D stacked deck of photos; clicking sends the top card to the back.
Tilt Shine Gallery
OriginalImage cards that tilt toward the cursor with a diagonal shine sweep on hover.
Tilted Marquee Gallery
OriginalA slightly tilted, edge-faded marquee band of images that pauses on hover.
Flip Grid Gallery
OriginalA grid of image cards that flip in 3D to a coloured caption back on hover.
Tilt 3d Effect
OriginalImage tilts in 3D toward the cursor on hover.
Tilt Glare Effect
OriginalImage tilts in 3D with a moving glare on hover.
Perspective Push Effect
OriginalImage pushes back in perspective with an overlay on hover.
Tilt Scroll Effect
OriginalImage tilts subtly based on scroll position.
Polaroid Effect
OriginalA polaroid frame with a caption that tilts on hover.
Card Tilt Hover Effect
OriginalA card that tilts in 3D toward the cursor on hover.
3D Button Hover Effect
OriginalA chunky 3D push-button that depresses on hover and press.
3D Press Button
OriginalChunky 3D buttons that depress on press.
3D Text Effect
OriginalLayered 3D text built from stacked offset copies to give letters extruded depth. Use it on poster-style headings or retro hero blocks where flat type would feel plain, the layered shadow giving the words a solid, dimensional weight.
Tilted Marquee
OriginalTilted marquee that presents its scrolling band on a diagonal slant across the layout. Use it to break up an otherwise flat section with a dynamic, poster-like angle, the content sliding along the tilted axis for a bolder editorial look.