Free animated cards for React
Interactive React cards with tilt, spotlight, reveal, stack and 3D treatments that remain useful without hover. Every example works with Next.js and Tailwind, and the source installs directly into your project.
6 components
CardsCSS/ReactpointerEither theme3D Flip CardFree 3D flip card for Next.js and React: click or hover reveals the back face with CSS transforms, accessible controls and a reduced-motion fallback.View component CardsCSS/ReactpointerEither themeGradient Border CardFree gradient border card for Next.js and React: a conic gradient slowly rotates around the card edge, pure CSS, offscreen paused, reduced motion safe.View component CardsCSS/ReactpointerEither themeHover Reveal CardFree hover reveal card for Next.js and React: an action row rises on hover and keyboard focus, always visible on touch, CSS driven, reduced motion safe.View component CardsCSS/ReactpointerEither themeSpotlight CardFree spotlight card for Next.js and React: a soft glow and lit border trail the cursor over the card, CSS driven, fully readable without hover or motion.View component CardsMotionpointerEither themeCard StackFree draggable card stack for Next.js and React: drag the top card to cycle the deck with springs, keyboard buttons included, reduced motion safe.View component CardsMotionpointerEither themeTilt CardFree 3D tilt card for Next.js and React built with Motion springs: perspective tilt and moving glare on hover, disabled on touch and under reduced motion.View component