Pixel Swap
New content builds in pixel by pixel in a springy wave that starts wherever the cursor enters.
Use Pixel Swap 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/PixelSwap-TS-TWRelated components
- Ribbons
Springy ribbons that trail the cursor, in lens, comet or even shapes with an optional wave.
- Fade Content
Wrapper that fades content in on scroll, plain or out of focus, from washed-out gray, or through grain, mist and pixel blocks.
- Pixel Trail
Glossy pixels melt into a fluid goo trail behind the cursor, with color shifts and drips.