Docs
Shadow Card
Composable marketing card with extruded edge, backdrop layers, and optional pixel gradient mesh
Design Is About To Have Its
GitHub Moment.
pnpm dlx shadcn@latest add https://cult-ui.com/r/shadow-card.json
| Part | Role |
|---|---|
ShadowCard | Root container; supports asChild to merge props onto a child (e.g. Link). |
ShadowCardBevel | L-shaped bars for the 3D edge; use barClassName for thickness or color. |
ShadowCardBackdrop | Absolutely positioned layer for gradients or images (className sets geometry). |
ShadowCardGlow | Optional blurred accent blob. |
ShadowCardPixelGradient | Row/column color mesh; pass colors to customize the grid. |
ShadowCardVerticalText | Vertical writing mode wrapper for edge copy. |
ShadowCardFooter | Bottom-left absolute region for logos or metadata. |
Place ShadowCardBevel after other layers so its z-10 stack paints on top.