This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
SplitFX
A JavaScript plugin for splitting and animating text
SplitFX is a JavaScript plugin that splits the text of HTML elements into individual units (characters and words) and animates them. It comes with a wide range of built-in animations (e.g., fade, swing, flipX, etc.), with full control over timing, delays, staggering, and easing, SplitFX makes it easy to create engaging text animations. Animate In and Out on Scroll, Load, Hover, or Click and even use your custom animations. With no dependencies, it's easy to use.
SplitFX is a JavaScript plugin that splits the text of HTML elements into individual units (characters and words) and animates them.
KEY FEATURES
• Animate by Chars or Words You can choose to animate text by chars or words.
• Multiple Trigger Options Animate HTML elements' text in and out on scroll, window load, hover, or click.
• Full Animation Control Full control over animation timing, stagger, stagger direction, and easing.
• A Variety of Built-in Animations Choose from a variety of built-in animations such as fade, zoom in, and more.
• Use Your Custom Animations Build and use your own animations to create text effects tailored to your needs.
• Different Stagger Directions Control the animation flow with stagger directions like forward, backward, center-out, random, and more.
• Sequential Text Animations Run text animations step by step in a defined sequence, just like the hero of this page and each demo project.
• Supports Nested Elements Split and animate the text of HTML elements even when they contain nested elements.
• Easy to Use A set of convenience methods that make SplitFX easier to use.
• No Dependencies Built specifically for text animations with zero external dependencies.
• SEO-friendly Works on the text you already have in your HTML, so search engines can read it.
I'm launching SplitFX on Product Hunt to get it in front of more developers and, most importantly, hear your feedback. I'd love to know what you think, what you'd like to see improved.
No comment highlights available yet. Please check back later!
About SplitFX on Product Hunt
“A JavaScript plugin for splitting and animating text”
SplitFX was submitted on Product Hunt and earned 2 upvotes and 1 comments, placing #131 on the daily leaderboard. SplitFX is a JavaScript plugin that splits the text of HTML elements into individual units (characters and words) and animates them. It comes with a wide range of built-in animations (e.g., fade, swing, flipX, etc.), with full control over timing, delays, staggering, and easing, SplitFX makes it easy to create engaging text animations. Animate In and Out on Scroll, Load, Hover, or Click and even use your custom animations. With no dependencies, it's easy to use.
SplitFX was featured in Developer Tools (517.6k followers) and Animation (2.4k followers) on Product Hunt. Together, these topics include over 80.3k products, making this a competitive space to launch in.
Who hunted SplitFX?
SplitFX was hunted by Youssef Benghazy. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how SplitFX stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Youssef Benghazy
Hi everyone! 👋
SplitFX is a JavaScript plugin that splits the text of HTML elements into individual units (characters and words) and animates them.
KEY FEATURES
• Animate by Chars or Words
You can choose to animate text by chars or words.
• Multiple Trigger Options
Animate HTML elements' text in and out on scroll, window load, hover, or click.
• Full Animation Control
Full control over animation timing, stagger, stagger direction, and easing.
• A Variety of Built-in Animations
Choose from a variety of built-in animations such as fade, zoom in, and more.
• Use Your Custom Animations
Build and use your own animations to create text effects tailored to your needs.
• Different Stagger Directions
Control the animation flow with stagger directions like forward, backward, center-out, random, and more.
• Sequential Text Animations
Run text animations step by step in a defined sequence, just like the hero of this page and each demo project.
• Supports Nested Elements
Split and animate the text of HTML elements even when they contain nested elements.
• Easy to Use
A set of convenience methods that make SplitFX easier to use.
• No Dependencies
Built specifically for text animations with zero external dependencies.
• SEO-friendly
Works on the text you already have in your HTML, so search engines can read it.
I'm launching SplitFX on Product Hunt to get it in front of more developers and, most importantly, hear your feedback. I'd love to know what you think, what you'd like to see improved.