Cards
87 components
- A mention that shows a profile card on hover or keyboard focus. shadcn/ui, Cards, 0 votes, MIT licencecards0
shadcn/ui Hover Card
A mention that shows a profile card on hover or keyboard focus.
shadcn/uicardscompiled-csshover-cardMIT - Attributed project card with locally toggled disclosure details. shadcn/ui, Cards, 0 votes, MIT licencecards0
shadcn/ui Card
Attributed project card with locally toggled disclosure details.
shadcn/uicardinteractiveshadcn-uiMIT - Two plan cards with header, body and footer; choosing one highlights it. React-Bootstrap, Cards, 0 votes, MIT licencecards0
React-Bootstrap Card
Two plan cards with header, body and footer; choosing one highlights it.
React-BootstrapcardcardsinteractiveMIT - An attributed Tilted Card album cover with the pinned upstream CSS, cover switching, overlay toggle and reduced-motion tilt. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Tilted Card
An attributed Tilted Card album cover with the pinned upstream CSS, cover switching, overlay toggle and reduced-motion tilt.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A concert ticket whose stub can be dragged to tear it off along the perforation. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Tear Ticket
A concert ticket whose stub can be dragged to tear it off along the perforation.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A draggable launch sticker that peels back at the corner with GSAP lighting and shadows, with peel directions and sticker sizes. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Sticker Peel
A draggable launch sticker that peels back at the corner with GSAP lighting and shadows, with peel directions and sticker sizes.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - A draggable stack of travel photo cards that can be flung to the back. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Stack
A draggable stack of travel photo cards that can be flung to the back.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A dark feature card lit by a spotlight that follows the pointer, in a chosen light colour. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Spotlight Card
A dark feature card lit by a spotlight that follows the pointer, in a chosen light colour.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A rounded landscape card that grows to fill its panel as you scroll, revealing a caption. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Scroll Expand
A rounded landscape card that grows to fill its panel as you scroll, revealing a caption.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A metallic ID card that mirrors a live camera feed through SVG lighting and displacement filters; the preview feeds it a local animated camera stand-in, with blur, colour and distortion controls. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Reflective Card
A metallic ID card that mirrors a live camera feed through SVG lighting and displacement filters; the preview feeds it a local animated camera stand-in, with blur, colour and distortion controls.
React BitsanimationcardinteractiveMIT + Commons Clause License Condition v1.0 - A holographic profile card that tilts and shimmers toward the pointer, with local avatar art. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Profile Card
A holographic profile card that tilts and shimmers toward the pointer, with local avatar art.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A product card that dissolves into a pixel grid with GSAP to reveal its details on hover or focus, with grid sizes and pixel colours. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Pixel Transition
A product card that dissolves into a pixel grid with GSAP to reveal its details on hover or focus, with grid sizes and pixel colours.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - A before and after panel that swaps content through a dissolving pixel transition. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Pixel Swap
A before and after panel that swaps content through a dissolving pixel transition.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A card that fills with shimmering pixels on hover or focus, in a chosen colour variant. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Pixel Card
A card that fills with shimmering pixels on hover or focus, in a chosen colour variant.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A bento grid of feature cards with a GSAP spotlight, border glow, particles and click ripples, with glow colours and an optional tilt. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Magic Bento
A bento grid of feature cards with a GSAP spotlight, border glow, particles and click ripples, with glow colours and an optional tilt.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - A 3D ID card hanging from a physics-driven lanyard: drag the card and it swings on the strap under gravity, with a choice of card artwork and gravity and a button to drop it again. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Lanyard
A 3D ID card hanging from a physics-driven lanyard: drag the card and it swings on the strap under gravity, with a choice of card artwork and gravity and a button to drop it again.
React BitsanimationinteractivephysicsMIT + Commons Clause License Condition v1.0 - A frosted glass panel with refractive distortion floating over a colourful backdrop. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Glass Surface
A frosted glass panel with refractive distortion floating over a colourful backdrop.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A gift card that sweeps a glare across its surface on hover, with a chosen card finish. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Glare Hover
A gift card that sweeps a glare across its surface on hover, with a chosen card finish.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A business card that flips with spring physics, tilts toward the pointer and shows a glare. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Flip Card
A business card that flips with spring physics, tilts toward the pointer and shows a glare.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A card wrapped in a crackling electric border, with adjustable chaos and colour. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Electric Border
A card wrapped in a crackling electric border, with adjustable chaos and colour.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A poster card whose image warps through an SVG turbulence filter as the pointer moves, with GSAP-smoothed displacement and two strengths. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Decay Card
A poster card whose image warps through an SVG turbulence filter as the pointer moves, with GSAP-smoothed displacement and two strengths.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - A team grid that stays greyscale until the pointer passes, revealing colour in a GSAP-driven spotlight, with spotlight size and follow speed options. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Chroma Grid
A team grid that stays greyscale until the pointer passes, revealing colour in a GSAP-driven spotlight, with spotlight size and follow speed options.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - A 3D stack of feature cards that GSAP cycles front to back on a timer, pausing on hover, with elastic or smooth motion. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Card Swap
A 3D stack of feature cards that GSAP cycles front to back on a timer, pausing on hover, with elastic or smooth motion.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - A fan of product shots that bounce into place with a GSAP elastic stagger and spread apart on hover, with a replay. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licencecards0
React Bits Bounce Cards
A fan of product shots that bounce into place with a GSAP elastic stagger and spread apart on hover, with a replay.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
