# Updated: Tech Text

By Steven Van · 2026-10-13

Click a letter to ripple the word, choose a typed, assembled or font metrics intro, and toggle the font's guide lines.

[React Bits](<https://creatorstoolbox.com/resources/react-bits>) has [updated its Tech Text component](<https://reactbits.dev/text-animations/tech-text>), a wordmark whose letters turn into dashed vector paths under the cursor.

## What the update adds

- Clicking a letter ripples the word.

- The component can play an intro that is typed, assembled or based on font metrics.

- The font's guide lines can be shown.

## Installation

Tech Text comes in JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/TechText-TS-TW. The interactive preview, customization controls and source tabs on the component page need JavaScript enabled.

![React Bits](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/text-animations/tech-text>)

[Read Updated: Tech Text on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-tech-text>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-tech-text