Astra

Text Type

Typewriter effect with blinking cursor and adjustable typing cadence.

Text Type, a Astra 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 Astra 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.