React Bits

Cubes

A grid of outlined 3D cubes that turn to face the cursor, spin when swept and ripple on click.

Cubes, a React Bits component

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

Related components

  • Cursor Grid

    A crisp grid whose cells light up and fade behind the cursor, with grid styles, tiles and click pulses.

  • Splash Cursor

    A fluid simulation that trails the cursor in swirling ink and bursts into a splash on click.

  • Blob Cursor

    Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.