React Bits

Topography

A 3D landscape drawn in glowing contour lines that rises under the cursor, with light pulses on click.

Topography, a React Bits component

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

Related components

  • Web Threads

    Glowing threads woven through luminous pinch points that light up under the cursor and carry light on click.

  • Faulty Terminal

    A flickering CRT terminal of glowing glyphs, with phosphor trails under the cursor and glitches on click.

  • Scanner

    Glowing interference lines swept by a scan beam, with a CRT finish, cursor lensing and click pings.