React Bits

Text Type

Typewriter effect with blinking cursor and adjustable typing cadence.

Text Type, a React Bits component

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

Related components

  • Depth Text

    Layered extruded type with parallax that shifts against the pointer.

  • Scrambled Text

    Detects cursor position and applies a distortion effect to text.

  • Tech Text

    A wordmark whose letters turn into dashed vector paths under the cursor.