Lanyard

Swinging 3D lanyard / badge card with realistic inertial motion.

Library

React Bits

Framework

React

Type

component

License

Commons-Clause+MIT

Install

npx shadcn@latest add @react-bits/Lanyard

Files

• src/content/Components/Lanyard/Lanyard.css
• src/content/Components/Lanyard/Lanyard.jsx

Source

https://github.com/DavidHDev/react-bits

Categories

• Card Components
• React Card Components
• Animated Card Components
• Data Display Components
• React Data Display Components
• Animated Data Display Components
• Physics Toy Components
• React Physics Toy Components
• Animated Physics Toy Components
• Profile Card Components
• React Profile Card Components
• Animated Profile Card Components

More from React Bits

• Ballpit
• Bounce Cards
• Card Swap
• Carousel
• Chroma Grid
• Circular Carousel
• Decay Card
• Depth Carousel
• Falling Text
• Flex Carousel
• Flip Card
• Folder