Scalar UI
Marketing UIApp UIAIChartsBackgrounds
Sign inGet started
Scalar UI
Scalar UI© 2026 Scalar Limited

React · Tailwind CSS · Motion

Browse

HomeAll components 213

Collections

Marketing UI 107App UI 94AI 16Charts 45Backgrounds 2Text 43

More

Text 43

Text

All Text 43
  • Spotlight
  • Lens Focus
  • Split-Flap
  • Melt Swap
  • Echo
  • Pathline
  • Swarm
  • Lens Warp
  • Underline Studio
  • Sticker
  • Shimmer
  • Orbit Ring
  • Glide Marquee
  • Typewriter Pro
  • Aura Gradient
  • Odometer
  • Pressure
  • Iris
  • Receipt
  • Perimeter
  • Dither Type
  • Skeleton Morph
  • Slice
  • Gather
  • Prism Foil
  • Paper Fold
  • Redact
  • Dev Stage
  • Inkwell
  • Anagram
  • Word Swap
  • Focus Pull
  • Rise
  • Pixel Resolve
  • Weave
  • Highlighter
  • Rolling Label
  • Scroll Ink
  • Decode
  • Drum
  • Blur Reveal Text
  • Number Ticker
  • Typewriter Text

Resources

Docs & installScalar Design
TextFocus Pull
Text effectFeatured

Focus Pull

Text comes into focus like a camera lens — blur, scale and a faint colour fringe converge word by word.

Sign in to copy the source code

A free account unlocks source, prompts, the CLI, shadcn registry and MCP.

Sign in to copyCreate account

Dependencies

motion

Category

Text Effects

Tags

textblurrevealheadline

Stack

React · TypeScript · Tailwind v4 · Motion

Updated

Oct 7, 2026