CSS effect showcase

Card Gallery

This page demonstrates the Soft-Lift Gradient Rail effect: a gradient rail unrolls down the left edge of a card while it lifts a few pixels and deepens its shadow. Every card below is fully interactive — open one to read the detail.

Try the effect

Hover over a card, or navigate with the Tab key and press Enter to open its details. This panel is static — it never lifts or shows a rail, so you can compare it against the interactive cards.

Card Gallery

Try the effect

Atlas Design Tokens

Motion That Earns Its Keep

Performance Audit Sprint

Keyboard Interaction Checklist

Meridian Analytics Console

Caching at the Edge, Carefully

Onboarding Flow Teardown Kit

Design System Rescue