Card Hover Expand

block

A card row where the hovered card grows wider, its photo fades in and the title drops to the bottom over a gradient. Every card stays expanded on small screens. Pure CSS.

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/card-hover-expand.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Card Hover Expand – shadcn/ui Block by tween-ui | shadcnregistry

Registries
tween-ui
Card Hover Expand

Card Hover Expand

block

A card row where the hovered card grows wider, its photo fades in and the title drops to the bottom over a gradient. Every card stays expanded on small screens. Pure CSS.

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/card-hover-expand.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

components/tweenui/card-hover-expand.tsx