Spotlight, tilt, glare, flip and glowing-border cards. Built with React and Tailwind CSS, free to copy.
Activity Rings Card with Day Switcher: Free React and Tailwind activity rings card. Three nested SVG progress rings spring to each day's totals while the numbers beside them count up.
Card with Diagonal Glare Sweep on Hover: Free React and Tailwind card glare hover effect. A diagonal streak of light crosses the card on hover or focus, shown on three membership pass cards.
Card with Travelling Border Beam: Free React and Tailwind border beam card. A comet of light runs around the card border at a steady speed, with a fading tail and a soft glow. No libraries.
Cover Cards with Progressive Blur Caption Reveal: Free React and Tailwind CSS cover cards with a progressive blur. The picture fades into a gradual backdrop blur as the caption and play button rise. Copy it.
Dot Grid Card That Ripples Away from the Pointer: Free React and Tailwind card with a twinkling dot grid. Dots near the pointer are pushed aside and glow, then ease back. Works with touch and arrow keys.
Draggable Sticky Notes Board with Momentum: Free React and Tailwind draggable cards: sticky notes, a photo, a ticket and a checklist you can drag and throw around a pin board with momentum. Copy the code.
Expandable Trail Cards with Spring Disclosure: Free React and Tailwind CSS expandable cards. A show details button opens each card on a height spring with staggered stats and notes. Copy the code.
Expanding Card Grid on Hover and Focus: Free React and Tailwind expanding card grid. The hovered, tapped or focused card grows in both directions while the others shrink, with an idle tour.
Fanned Card Stack with Cycle Controls: Free React and Tailwind stacked cards. Four cards fan out, the front one slides away and tucks behind, with next and previous buttons, drag and autoplay.
Flip Cards with Details on the Back: Free React and Tailwind flip cards. Each card turns over in 3D to show details on the back, with a real button, keyboard support and an idle demo.
Money Transfer Status Card with Merging Rows: Free React and Tailwind transfer status card. A spinner turns into a drawn check while the from and to rows slide together and the status text swaps.
Spotlight Cards with Pointer Light: Free React and Tailwind spotlight cards. A soft light follows the pointer across three feature cards, lights their borders and sweeps on its own when idle.
3D Tilt Card with Parallax Layers and Glare: Free React and Tailwind 3D tilt card. It turns toward the pointer, slides its layers for parallax, moves a glare across the face and rotates gently at rest.
We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.
Product
AI Website Builder: Describe a site in plain English; it's live in minutes