Fancy Text

Effortlessly bring your website text to life with sleek, word-by-word reveal animations that captivate and engage your audience.

Easy to Use

Just add the Fancy Text Bric to your site, apply one of the pre-made fancy text classes to any text Bric, and watch it animate word by word—no extra setup needed!

Supported Classes

Apply one or combine any of the classes below on a text Bric such as a header or paragraph and Fancy Text will do the rest.

• ft = Animate each word.
• ft-up = Animate words up.
• ft-down = Animate words down.
• ft-left = Animate words in from the left.
• ft-right = Animate words in from the right.
• ft-clip = Clip animation to bounds
• ft-nofade = Remove fade in
• ft-long = Longer animation offset.
• ft-speed2 = Animation speed 0.2s.
• ft-speed3 = Animation speed 0.3s.
• ft-speed4 = Animation speed 0.4s.
• ft-speed5 = Animation speed 0.5s.
• ft-speed6 = Animation speed 0.6s.
• ft-speed7 = Animation speed 0.7s.
• ft-speed8 = Animation speed 0.8s.
• ft-speed9 = Animation speed 0.9s.
• ft-speed10 = Animation speed 1.0s.

Documentation

You can read the Fancy Text Bric documentation here.

Important Limitations

Fancy Text classes should only be used on text elements such as headers and paragraphs. You may also find some text formatting such as text gradients may be lost when Fancy Text animates words.