Tear Ticket

Ticket whose perforated stub tears off by hand: paper bridges stretch into fibres and snap one by one from the far end, the torn edges are jagged and fit each other, the freed stub dangles and drops, and the body is stamped as used. The artwork tilts in 3D with parallax on hover.

Library

React Bits

Framework

React

Type

component

License

Commons-Clause+MIT

Install

npx shadcn@latest add @react-bits/TearTicket

Files

• src/content/Micro/TearTicket/TearTicket.css
• src/content/Micro/TearTicket/TearTicket.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
• Ticket Card Components

More from React Bits

• Bounce Cards
• Card Swap
• Carousel
• Chroma Grid
• Circular Carousel
• Decay Card
• Depth Carousel
• Flex Carousel
• Flip Card
• Folder
• Folder Float
• Holo Card