Astra

Image Trail

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

Image Trail, a Astra component

Use Image 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/ImageTrail-TS-TW
How to install Astra components

Related components

  • Halftone Reveal

    A halftone print of an image whose dots swell into the real photo under the cursor.

  • Pixel Trail

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

  • Ribbons

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