design-infraReport a problem or share feedback← Catalog
Tear Ticket
freereact-bits/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.
$
npx shadcn@latest add @react-bits/TearTicket-TS-TWnpm deps: motion
- Source
- React Bits
- Kind
- component
- Categories
- misc
- Use as
- drop-in — replaces your component
- Applies to
- misc
- Motion
- on drag, hover, cursor · medium · motion · medium cost · respects reduced motion
- Tags
- micro, motion
- Licence
- MIT + Commons Clause: free to use in commercial apps/sites, but you may not sell or redistribute the components themselves (alone, bundled, or ported). React Bits Pro is a separate paid product.
- Live demo
- www.reactbits.dev
- Docs
- www.reactbits.dev
Similar
Compare all 4 →- Slosh Gaugereact-bits/slosh-gaugeTank gauge whose liquid chases the value with mass, tilts with its own speed and splashes against the top when it slams full; optionally a vertical slider.
- Lightboardcult-ui/lightboardInteractive lightboard component with customizable grid and lighting effects
- Duration Pickersmoothui/duration-pickerA DurationPicker component for SmoothUI.