nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Shimmer text
    • Gradient text
    • Highlight text
    • Text scramblePro
    • Number tickerPro
    • CountdownPro
    • TypewriterPro
    • Word rotatePro
    • Blur revealPro
    • Letter wavePro
    • Outline text
    • Animated underline
    • Split revealPro
    • Glitch textPro
    • Spotlight textPro

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

Monthly notes

New components and tools, about once a month.

No spam. Unsubscribe with one click.

© 2026 nex-ui. All rights reserved.

Cookies
Components/Text

Outline textFree

Hollow letters that fill in on hover.

nex-uinex-ui

Props

Appearance

Applies to this component only and stays saved when you come back.

#ff3347
#b3122a
Preview background

Install

$npx shadcn@latest add https://nex-ui.eu/r/outline-text.json

Usage

import { OutlineText } from "@/components/nex-ui/outline-text";

<OutlineText text="nex-ui" />
PreviousLetter waveNextAnimated underline