Updated: Pixel Swap
By Steven Van ·
Pixels now spring in from wherever the cursor enters, with new dot and spin styles and a pixel intro, in JavaScript or TypeScript and CSS or Tailwind.
Pixel Swap, the React Bits animation effect, has been rebuilt. Content now builds in pixel by pixel in a springy wave that starts wherever the cursor enters, and the pixels retreat the moment it leaves. The updated component is part of React Bits.
What changed
- The effect was rebuilt to be fast and seamless, according to the vendor.
- Pixels spring in from the point where the cursor enters.
- New dot and spin styles.
- A new pixel intro.
Installing it
The component page offers JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/PixelSwap-TS-TW. The interactive preview, customization controls and source tabs need JavaScript enabled.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →