Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:blockSelf-contained

Card Hover Expand

card-hover-expand

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.

@tween-uiRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

@tween-ui

More from @tween-ui

All 8 items
Blog Hover Expand
blog-hover-expand
Block
CTA Image Fan
cta-image-fan
Block
Icon Trail Button
icon-trail-button
Component
Shiny Button
shiny-button
Component
Glow Button
glow-button
Component
Process Sticky Steps
process-sticky-steps
Block
Slide Arrow Button
slide-arrow-button
Component