Card
An editorial card, clickable as a whole through one link: the image drifts closer, the border firms up and an arrow slides in.
View codeThe library
Cards
5 cards: hover effects, an expanding card, sticky stacking cards, pricing plans. Same 16 px corners everywhere. We measured.
Sticky Cards
Cards that stack as you scroll, each covered card stepping back and darkening. Plain position: sticky and a few lines of JS. No GSAP.
View code
Pricing Plans
Three plans in one block, the featured one inked and lifted out. Switch to yearly and only the digits that change roll to their new value.
View code
Border Trace Card
On hover a single line draws the card border from the exact point where the pointer came in. One way, both ways, or just the corners.
View code
Expandable Card
A row of cards where one is always open: click another and it widens while the others step back. Stacked on small screens.
View codeNothing here, but hey, clean page.
Try another word, or one of these:
Missing a component? Request it