Back to docs
Component

Glass Card

Blurred frosted card surface for profile and billing modules.

Install

npx shadcn@latest add @native-bits/glass-card

Dependencies

react-native-reanimatedexpo-blur
Try in Sandbox
surfacescardmobile

Props

PropTypeDefaultDescription
childrenReactNode-Card content
intensitynumber40Blur intensity
tint'dark' | 'light''dark'Blur tint

Usage

```tsx
import { glass-card } from '@/components/native-bits/glass-card'

<GlassCard intensity={42}>
  <ProfileSummary />
</GlassCard>
```

Source code

Loading...