Quartz AI Features
A visually striking features block with frosted glass aesthetics for AI and ML product pages.
Features
- Glass-morphism cards — Semi-transparent cards with backdrop-blur for depth
- Prismatic hover effects — Gradient glow appears on card hover
- 3x2 responsive grid — Adapts from single column to 2-col to 3-col
- Feature tags — Badge labels (Core, Popular, Enterprise, New) per feature
- Violet/purple palette — Deep violet-950 base with purple/blue gradient accents
- Atmospheric backgrounds — Multi-layered radial gradient blurs
- Staggered entrance — Cards animate in sequence on mount
Dependencies
@/components/vue-ui/card — Shadcn-Vue Card components@/components/vue-ui/badge — Shadcn-Vue Badge@/components/vue-ui/separator — Shadcn-Vue Separator
Customization
- Features: Replace features array with your product capabilities
- Colors: Adjust violet/purple gradient stops
- Tags: Modify or remove feature tag badges
- Card style: Increase backdrop-blur or opacity for more/less glass effect
