01 / REVEALwords
Word Reveal Upwards
A fresh idea rises into view.
Words lift into view, one after another, from behind a clean clipping mask.
Tweenix GSAP / WordPress animation plugin
Words in
Words in
motion.
Bring your WordPress website to life with Tweenix, a GSAP text animation plugin by Atib Shaikh. Explore all 14 effects and see how animated typography can add movement and character to a page.
- Word Reveal Upwards
- Words Fade + Slide
- Line Mask Reveal
- Scroll Scrub (Words)
- Scroll Scrub (Letters)
- Character Spring
- Typewriter + Cursor
- Interactive Word Roller
- Gentle Fade & Blur
- Motion Blur In
- 3D Unfold / Flip
- Matrix Scramble
- Outline to Solid Fill
- Marker Highlight Wipe
The collection
Every effect, up close.
Each sample uses the same animation engine as the plugin. Effects play as they enter the viewport.
02 / STAGGERwords-fade
Words Fade + Slide
Small details make a big difference.
A gentle upward glide and fade give each word its own moment.
03 / MASKmask
Line Mask Reveal
Make room for a brighter point of view.
Text lines rise from an invisible baseline with a subtle rotational snap.
04 / SCROLLopacity-scrub-words
Scroll Scrub / Words
Follow the thought as it unfolds.
Word opacity follows your scroll position. Scroll down and back up to explore the effect.
05 / SCROLLopacity-scrub-chars
Scroll Scrub / Letters
Every character finds its light.
Letters illuminate individually in direct response to your scroll.
06 / SPRINGchars
Character Spring
A little bounce brings it to life.
Characters spring into place with a lively, elastic motion.
07 / RETROtypewriter
Typewriter + Cursor
Hello there, curious reader.
Letters type out like a live message, complete with a blinking cursor.
08 / INTERACTIVEhover-rotate
Interactive Word Roller
Give good ideas room to grow.
HOVER OVER THE WORDSMove your pointer over the sample. Words roll through a layered 3D track.
09 / CINEMATICfade
Gentle Fade & Blur
Clarity, without the noise.
A soft rise and subtle blur settle into a crisp, composed finish.
10 / CINEMATICblur
Motion Blur In
Focus on what matters most.
Words move from soft focus into sharp detail, one beat at a time.
11 / DEPTHrotate-3d
3D Unfold / Flip
A new perspective is taking shape.
Words unfold along the X-axis with a dimensional perspective.
12 / RETROscramble
Matrix Scramble
Decode a little bit of wonder.
A stream of changing characters resolves into a readable message.
13 / VISUALoutline-fill
Outline to Solid Fill
Ideas take shape as you scroll.
An outlined letterform fills with color in step with your scroll position.
14 / VISUALhighlight
Marker Highlight Wipe
A bright thought worth remembering.
A vibrant marker stroke sweeps behind the text as it enters view.
Beyond text
Scroll-triggered image reveals.
Image Reveal Effects are optional in plugin settings. Scroll down to preview both image effects.
Directional Mask Reveal
The image begins hidden behind a moving mask, then reveals from the selected direction as it enters the viewport. The plugin supports left, right, top, and bottom reveal origins.
Blur to Clear
The image starts softly blurred and sharpens into view on scroll, with a gentle fade and scale for a polished entrance.
About the plugin
Purposeful motion for WordPress websites.
Tweenix GSAP is a text animation plugin for WordPress that helps you add expressive typography without hand-coding every effect. Choose animations for headings and content, or target specific elements with custom CSS classes and HTML IDs. Its priority-based targeting lets a specific class rule take precedence over an ID rule, while tag settings provide broad defaults.
The plugin supports standard WordPress pages and includes compatibility for Elementor and Divi. Entrance effects are prepared as elements approach the viewport; scroll-scrub effects respond to page movement, and the interactive word roller responds to hover. Optional settings include Lenis smooth scrolling, reduced-motion support, and the ability to exclude header and footer elements from animation.
The optional Image Reveal Effects setting adds scroll-triggered directional mask and blur-to-clear reveals to frontend images. Choose a left, right, top, or bottom origin for the directional effect; the direction control appears only when that effect is selected. Its dedicated script is loaded only when image reveals are enabled.
14 ready-to-preview effects
Choose from word and line reveals, character motion, typewriter, blur, 3D, scramble, outline fill, and highlight effects.
Flexible element targeting
Apply animation rules to HTML tags, custom CSS classes, or IDs, with classes taking priority over IDs and tags.
Built for real page layouts
Use the builder compatibility options for Elementor, Divi, or standard WordPress and animate elements added dynamically.
Scroll-aware animation
Preview entrance effects, scroll-scrubbed text, and interactive hover motion within the same plugin.
Accessibility preferences
Respect visitors’ operating-system reduced-motion preference with the plugin’s accessibility setting.
Control what moves
Choose which elements animate, switch effects off where needed, and optionally keep header and footer content static.
Getting started
STEP 01
STEP 02
STEP 03
How Tweenix works
Choose your targets
Select heading or content tags for site-wide defaults, then add a custom class or ID rule for specific elements.
Pick an animation
Choose from the 14 available GSAP text effects, including reveals, blur, character motion, scroll effects, and more.
Save and preview
Save your settings and view your WordPress pages. Animations are prepared as their target elements approach the viewport.
Web design and development
More than animation: services by Atib Shaikh.
Atib Shaikh creates refined digital experiences with a focus on performance, usability, and purpose. Services span user-focused design and high-performance development, from initial design through WordPress launch and ongoing support.
Custom WordPress development
Bespoke WordPress websites tailored to your brand, with a focus on speed, security, scalability, and performance.
UI / UX design
Clean, modern Figma interfaces designed around user needs, clear structure, and responsive layouts.
WooCommerce development
User-friendly ecommerce experiences with seamless WooCommerce integration to support online sales.
SEO and performance optimization
Website speed, Core Web Vitals, and on-page SEO improvements that support a smoother user experience.
Website migration and support
WordPress updates, plugin and library maintenance, site security, and support for taking a website live.
AI design to WordPress
Turn AI-generated designs into editable, responsive WordPress websites with Elementor, Divi, ACF, or custom development.
Common questions
Tweenix GSAP plugin FAQ
What is Tweenix GSAP?
Tweenix GSAP is a WordPress text animation plugin that lets you configure GSAP-powered typography effects for headings, content, and custom-targeted elements.
How many text animation effects are included?
The plugin includes 14 effects, such as word reveals, line masks, character spring, typewriter, blur, 3D unfold, matrix scramble, outline fill, and marker highlight.
Does the animation plugin work with Elementor and Divi?
Yes. Tweenix includes builder compatibility options for Elementor and Divi, as well as a standard WordPress mode.
Can I animate only selected elements?
Yes. Configure tag defaults or target a specific element with a custom CSS class or HTML ID. Custom classes have the highest targeting priority.
Can I disable animations in the header and footer?
Yes. The plugin includes an optional setting to keep matched elements in header and footer sections static.
Who created Tweenix GSAP?
Tweenix is created by Atib Shaikh, a web designer and developer offering WordPress development, UI/UX design, WooCommerce, SEO and optimization, website support, and AI-design-to-WordPress services.
Have a website project?
Let’s make your creative vision.
Need a custom WordPress website, a Figma design brought to life, an online store, or help improving an existing site? Visit Atib Shaikh’s website to explore services and get in touch.
Visit atibshaikh.in