React Bits

Pixel Trail

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

Pixel Trail, a React Bits component

Use Pixel Trail 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/PixelTrail-TS-TW
How to install React Bits components

Related components

  • Glare Hover

    A glossy light streak that sweeps across any element in the direction the cursor moves.

  • Image Trail

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

  • Pixel Transition

    Retro pixel dissolve that covers a card in solid pixels, swaps the content underneath and clears again.