Image

Splitting Text

Create stunning text reveal animations by splitting your text into characters, words, or lines.

Features

Animation Types
  • ⬆️ Fade Up – Characters rise from below with fade
  • ⬇️ Fade Down – Characters drop from above with fade
  • ⬅️ Fade Left – Characters slide in from right
  • ➡️ Fade Right – Characters slide in from left
  • 🔍 Scale – Characters grow from zero to full size
  • 🔄 Rotate – Characters spin into position
  • 🌫️ Blur – Characters emerge from blur to sharp
  • 🌊 Wave – Continuous bouncing wave motion
  • 🔀 Scramble – Random character shuffle before revealing
  • ⌨️ Typewriter – Classic character-by-character typing effect
Split Options
  • Characters – Animate each letter individually
  • Words – Animate word by word
  • Lines – Animate entire lines of text
Trigger Options
  • On Load – Animation plays when page loads
  • On Scroll Into View – Animation triggers when scrolling to element
  • On Hover – Animation plays when user hovers over text
Animation Controls
  • Stagger delay (10-200ms) – Time between each item's animation
  • Duration (100-2000ms) – How long each item takes to animate
  • Initial delay (0-2000ms) – Pause before animation starts
  • Loop toggle – Continuously repeat animation
Typography
  • Full typography controls (font, size, weight, style, etc.)
  • Text alignment
  • Text effects
  • Highlight color for wave animation
HTML Tag Selection
  • H1 through H6 headings
  • Paragraph
  • Span
  • Div
Builder Features
  • Live preview updates when changing animation type
  • Real-time text content editing

Fade Up

Fade Down

Scale

Rotate Text In

Waving your text hello?

Scamble Effect

Typewriter

Image
© 2024 GreyPhox Digital. All rights reserved.

I'm a cat. This is a breakdance popup