Atelier UI

Search components…

Search components…

Glass Card

Glassmorphism card with backdrop blur and a translucent border, made to sit over a colorful gradient.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

GlassCardProps

Also accepts all props of Omit<React.ComponentProps<"div">, "title">

PropTypeDefaultDescription
titleReact.ReactNode——
descriptionReact.ReactNode——
footerReact.ReactNode——

Install

$ npx shadcn@latest add https://chromotion.dev/r/glass-card.json

More like this