React Bits

Depth Text

Layered extruded type with parallax that shifts against the pointer.

Depth Text, a React Bits component

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

Related components

  • Scroll Float

    Text gently floats / parallax shifts on scroll.

  • ASCII Text

    Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.

  • Text Pressure

    Characters scale / warp interactively based on pointer pressure zone.