Dev Design Library

Glass Credit Card

A glass payment card that tilts to the pointer, flips to its back and detects the brand.

Glass Credit Card preview
Library
Opaline
Framework
React
Type
ui
License
MIT
Install
npx shadcn@latest add @opaline/theme @opaline/glass-credit-card
Files
  • registry/opaline/ui/opaline/glass-credit-card.tsx
  • registry/opaline/ui/opaline/liquid-glass.tsx
  • registry/opaline/lib/glass-refraction.ts
  • lib/utils.ts
Source
https://github.com/deepraj21/opaline

Categories

More from Opaline