React Bits

Ribbons

Springy ribbons that trail the cursor, in lens, comet or even shapes with an optional wave.

Ribbons, a React Bits component

Use Ribbons in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/Ribbons-TS-TW
How to install React Bits components

Related components

  • Image Trail

    Cursor-based image trail with several built-in variants.

  • Pixel Trail

    Glossy pixels melt into a fluid goo trail behind the cursor, with color shifts and drips.

  • Antigravity

    3D antigravity particle field that repels from the cursor with smooth motion.