Infinite Ribbon

A dynamic and customizable sliding ribbon component that enhances UI experiences with smooth scrolling animations.

Library

Badtz UI

Framework

React

Type

ui

License

MIT

Dependencies

clsx, tailwind-merge

Install

npx shadcn@latest add https://badtz-ui.com/r/infinite-ribbon.json

Files

• registry/new-york-v4/ui/infinite-ribbon.tsx
• lib/utils.ts

Source

https://github.com/badtzx0/badtz-ui

Categories

• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components
• Marquee Components
• React Marquee Components
• Tailwind CSS Marquee Components
• Animated Marquee Components

More from Badtz UI

• Marquee
• 3D Wrapper
• Animated Card 1
• Animated Card 2
• Animated Card 3
• Animated Keyboard
• Animated List
• Blur Reveal
• Border Beam
• Button
• Cloud Orbit
• Confetti Button