Card
Card components: compare
Every Card component side by side: whether it follows the theme or stays dark, how many parts and custom props it has, and whether it is free. Open one for its preview, API and install.
Compare
| Component | Theme | Parts | Custom props | Access |
|---|---|---|---|---|
| Bento Cell | Light and dark | 10 | 7 | Licensed |
| Bento Window | Light and dark | 7 | 6 | Licensed |
| Cascade Card | Light and dark | 1 | 1 | Licensed |
| Cover Card | Light and dark | 7 | 1 | Licensed |
| Credit Card | Light and dark | 1 | 7 | Licensed |
| Engraved Card | Light and dark | 1 | 6 | Licensed |
| Glow Card | Light and dark | 1 | 1 | Licensed |
| Headline Card | Light and dark | 7 | 2 | Licensed |
| Limned Surface | Dark only | 1 | 5 | Licensed |
| Metal Card | Dark only | 3 | 5 | Licensed |
| Simple Card | Light and dark | 6 | 1 | Licensed |
| Split Card | Light and dark | 7 | 2 | Licensed |
All Card components
12 components, A to Z.
Bento CellLicensedBento grid and cell parts: a 2, 3, 4 or 6 column Bento with a 2px seam or 8px gutter, and cells with an optional 32px outer corner, ink wash, fading media and caption slots. Titles use Hanken Grotesk.
Bento WindowLicensedGlass-window row that slices one painting across several framed windows, with helpers for offsets and mullion seams, caption parts and an optional 60s pan that stops under reduced motion.
Cascade CardLicensedDark card with gradient lines cascading from one edge over noise grain, in a warm finish from the top or a cool one from the bottom. Hover lifts it and reveals a fade-edge rule, honouring reduced motion.
Cover CardLicensedCard with a full-bleed cover image that zooms while the whole card lifts on hover or focus, plus header, title, description, action and a one-line truncated footer. Built on the stock Card.
Credit CardLicensedPresentational payment card drawn in SVG with dark, black and glass finishes, a 3D flip to the back and a button that reveals the masked number and CVV. Client component with translatable labels.
Engraved CardLicensedISO-proportioned metal card painted with a ContourField strata pattern in seven metals from graphite to lime, with a contact chip, an optional printed wordmark and horizontal or vertical orientation.
Glow CardLicensedFrosted glass card tinted by the surrounding lamp color, with a corner highlight and either a deep floating shadow with light spill or a short contact shadow. Follows a GlowSection's bulb when nested.
Headline CardLicensedCard preset with wider spacing, a display title, muted description and bottom-pinned footer, plus a group that aligns title, description and footer rows across neighbouring cards with subgrid.
Limned SurfaceLicensedDark panel lit at its rim by inset light, with a halo or top-cast glow derived from a ground and glow palette, optional overlay grain and a hover or focus bloom that drops its transition under reduced motion.
Metal CardLicensedLinked feature card on a paper metal face in silver, gold or graphite, with a top-right light pool, a frosted glass icon chip, title and description. Also exports the finish alone as MetalFace.
Simple CardLicensedLightweight card shell with an 8px inset that seats a bevelled preview frame, followed by header, title, description and footer. The default variant has a shadow and ring; subtle uses a faint tint.
Split CardLicensedRounded two-column card with copy on one side and a picture or scene on the other, stacking until the Section is 48rem wide. Flip swaps the sides and the hairline divider beside the media is optional.
Terminator Orb
A sphere's day and night line drawn with masked ellipses: phase sets the lit fraction over regolith, ocean or cloud surfaces. Optional twilight spread, atmospheric rim, city lights, airglow and earthshine.
Bento Cell
Bento grid and cell parts: a 2, 3, 4 or 6 column Bento with a 2px seam or 8px gutter, and cells with an optional 32px outer corner, ink wash, fading media and caption slots. Titles use Hanken Grotesk.