Swinging ID Badge

component

An event ID badge hanging from a printed lanyard that you can grab and fling: it swings back on real pendulum physics, the strap stretches and settles, the card turns on its clip and the foil strip shimmers as it moves; click to turn it over to a QR code and access zones.

pnpm dlx shadcn@latest add "https://reactframe.com/r/swinging-id-badge.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Swinging ID Badge – shadcn/ui Component by reactframe | shadcnregistry

Registries
reactframe
Swinging ID Badge

Swinging ID Badge

component

pnpm dlx shadcn@latest add "https://reactframe.com/r/swinging-id-badge.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

clsx
tailwind-merge

components/swinging-id-badge.tsx

clsx
tailwind-merge

components/swinging-id-badge.tsx