Glass Scrim Card

Siri-style liquid-refract card with a black scrim that eases from one edge into clear glass.

Library

glasscn

Framework

React

Type

component

License

MIT

Install

npx shadcn add @glasscn/glass-scrim-card

Files

• components/ui/glasscn/glass-scrim-card.tsx
• lib/utils.ts
• components/ui/card.tsx
• components/ui/glasscn/liquid-glass.tsx

Source

https://github.com/kostyniuk/glasscn-components

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components

More from glasscn

• Card
• Glass Card
• Glass Item
• Item
• Alert
• Alert Dialog
• Avatar
• Badge
• Button
• Button Group
• Calendar
• Checkbox