Card

A glass surface container for grouping related content.

Install

npx shadcn add @clearly/card

Monthly Revenue

January – June 2026

$48,230

+12% from last month

import { Card } from "@/components/ui/card"

<Card />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Prop	Type	Default	Description
`glass`	`"Subtle" \| "Medium" \| "Strong"`	`"Medium"`	Glass depth (blur, refraction, dispersion).
`specular`	`boolean`	`true`	Directional specular highlight.
`radius`	`number`	`24`	Corner radius in px.
`size`	`"default" \| "sm"`	`"default"`	Content density.