Dev Design Library

Beam Card

A card wrapped in an animated border beam, traveling or breathing, in four color palettes.

Beam Card preview
Library
Spectrum UI
Framework
React
Type
component
License
Apache-2.0
Dependencies
border-beam
Install
npx shadcn@latest add @spectrumui/beam-card
Files
  • components/spectrumui/beam-card.tsx
  • components/spectrumui/use-surface-theme.ts
  • lib/utils.ts
Source
https://github.com/arihantcodes/spectrum-ui

Categories

More from Spectrum UI