Glass Card

A reusable content container and footer with glass surface variants.

Enter your email below to login to your account

import {
  CardContent,
  CardDescription,
  CardHeader,

Installation

$ npx shadcn add @glasscn/glass-card

API

Prop

Type

Default

Description

GlassCardglassVariant

"clear" | "frosted" | "subtle" | "liquid" | "liquid-bold""clear"

Controls the glass surface treatment.

GlassCard...props

React.ComponentProps<typeof Card>-

Props from the underlying shadcn/ui primitive.

GlassCardFooterglassVariant

"clear" | "frosted" | "subtle" | "liquid" | "liquid-bold""clear"

Controls the glass surface treatment.

GlassCardFooter...props

React.ComponentProps<typeof CardFooter>-

Props from the underlying shadcn/ui primitive.

clear

Enter your email below to login to your account

frosted

Enter your email below to login to your account

subtle

Enter your email below to login to your account

liquid

Enter your email below to login to your account

liquid-bold

Enter your email below to login to your account