New
Nimbus Desk Lamp
$1284.8 ★
Lifts, tilts, spotlights and border reveals on a card surface.
A card is a click target the size of a paragraph, so its hover state has to do more work than a button's: it needs to say "this whole rectangle is one link". Lift-and-shadow is the reliable answer; spotlight and tilt are the memorable ones. All three are here, and all three keep the transform on the card rather than on its contents, which is what stops the text reflowing mid-hover.
A gradient card that rises on hover with an intensifying colored shadow for a tactile floating effect.
A frosted glass card with backdrop blur sitting over a colorful gradient plate — the classic iOS-style material.
A soft extruded card with dual light/dark shadows that invert into an inset on hover for a pressed feel.
A dark card where a cyan spotlight follows the cursor, revealing the surface only where you point. (Move your mouse over it.)
A card that rotates 180° on the Y axis when hovered, revealing a different face on the back.
A dark card framed by an animated four-color gradient ring that continuously morphs via a mask trick.
A violet gradient card that tilts in 3D space on hover, with title and subtitle lifted at different depths.
An indigo card that breathes — its outer glow softly expands and contracts on a steady loop, calling attention without motion noise.
Slate surface card with a blue top accent bar; lifts with colored shadow on hover.
Slate card with an animated ocean gradient border that shifts continuously.
Frosted glass card with an ocean radial glow behind the content.
Dashboard tile with a hairline ring, a lit top edge and an ocean corner bloom — the bento-grid unit.
Ocean gradient card with an inline SVG noise overlay — the fix for gradient banding on 8-bit displays.
Feature card that lights an ocean spotlight behind its top edge on hover — no pointer tracking, no JavaScript.
The highlighted tier in a pricing table: ocean gradient ring, floating badge, CSS-drawn checkmarks.
Stacked ocean card that fans its two layers out from underneath when hovered.
Metric tile with a delta pill and an eight-bar sparkline drawn in CSS, so the trend needs no charting library and no SVG.
Cover banner with an avatar pulled up over the seam by a negative margin, so the ring sits half on the gradient and half on the body.
Commerce tile with a corner flag, price and rating on one baseline, and a full-width action — the four things a grid card has to carry.
Testimonial with the opening mark hung outside the text block and clipped to a gradient, marked up as a real figure and blockquote.
Inbox rows where unread state is carried by a left rail, a faint tint and a dot at once, so it survives being skimmed at any zoom.
Course-style tile that leads with how much is left rather than what it is, the meter animating to its real position once so a reduced-motion reader still sees 44 percent.
Placeholder panel with a dashed edge that reads as a slot waiting to be filled, the plus glyph tilting on hover so the whole card behaves like one target.
Current conditions weighted large over a four-day strip, the whole panel tinted by the same hue as the sun mark so the card reads as one sky rather than a chart.
Showing 24 of 39. Search the rest →
Frosted panels with a blurred backdrop, in copy-paste CSS.
Perspective, tilt and depth from transforms alone.
What happens under the cursor, across inputs, links and tiles.
Two faces, one element, rotated on hover or focus.
Gradient outlines, running lights, dashes and glow rings.
Waves, slants, zigzags and fades between page sections.