Docs
Shadow Card
Composable marketing card with extruded edge, backdrop layers, and optional pixel gradient mesh
Design Is About To Have Its
GitHub Moment.
Pro workflow
Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.
Get ProSource code is available for Pro members.
Upgrade to copy and use these components in your projects.
View pricing@radix-ui/react-slot if you use the root asChild prop.| 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.