Version 2.0.0 - A secure, lightweight text animation plugin for WordPress
Morphext WP is a simple and lightweight WordPress plugin that brings the popular Morphext text animation library to WordPress with enhanced security and compatibility. This plugin is a complete rewrite and drop-in replacement for the original wp-morphext plugin created by Nate Gay, designed to address security concerns while maintaining full compatibility.
- Lightweight & Fast - Minimal overhead, optimized performance
- Secure - No inline JavaScript, follows WordPress security best practices
- Easy to Use - Simple shortcode implementation
- Responsive - Works seamlessly across all devices
- Rich Animations - Supports all Animate.css animations
- Drop-in Replacement - Fully compatible with original wp-morphext plugin
- Version Continuity - Continues from version 1.4.0 as version 2.0.0
This plugin was inspired by and is a complete rewrite of the original wp-morphext plugin created by Nate Gay. Due to security concerns with inline JavaScript in the original version, this new implementation was created to provide a more secure alternative while maintaining 100% compatibility.
- Original Author: Nate Gay
- Original Version: 1.4.0 (archived)
- New Version: 2.0.0 (continues development)
- Compatibility: Drop-in replacement for original plugin
- License: GPL2+
- WordPress: 6.8.3 or higher (tested)
- PHP: 8.3 or higher (tested)
- jQuery: 3.7.1 (included with WordPress 6.8.3)
This plugin uses the following external libraries:
- Animate.css v4.1.1 - https://animate.style/
- Provides CSS animation effects with cross-browser compatibility
- Morphext v2.4.7 - https://morphext.fyianlai.com/
- Core text morphing and rotation functionality
The plugin follows this loading order:
- Animate.css (
animate.min.css) - Animation library - Plugin Styles (
morphext-wp.css) - Depends on Animate.css - jQuery - WordPress core dependency
- Morphext Library (
morphext.min.js) - Depends on jQuery - Plugin Script (
morphext-wp.js) - Depends on jQuery and Morphext library
- Download the plugin files
- Upload to your WordPress plugins directory (
/wp-content/plugins/) - Replace the original wp-morphext plugin or deactivate wp-morphext plugin and delete (if installed)
- Activate the plugin through the WordPress admin dashboard
- Start using the shortcode in your posts and pages
Use the [wpmorphext] shortcode in any WordPress editor:
[wpmorphext animation="fadeIn" speed="3000" text="Text 1, Text 2, Text 3"]animation- Animation effect (default: "bounceInLeft")- Options: fadeIn, bounceIn, slideInUp, rotateIn, zoomIn, etc.
speed- Animation speed in milliseconds (default: "3000")- Range: 100ms to 10000ms
text- Comma-separated text phrases (default: "Animation Test, Working, Success")
[wpmorphext text="Hello, Welcome, Greetings"][wpmorphext animation="fadeIn" speed="2000" text="Creative, Innovative, Professional"][wpmorphext animation="bounceInLeft" speed="2500" text="Design, Develop, Deploy"][wpmorphext animation="slideInUp" speed="1500" text="Quick, Fast, Speedy"]The plugin supports all Animate.css animations. Here are the complete animation options:
bounce,flash,pulse,rubberBand,shake,headShake,swing,tada,wobble,jello,heartBeat
bounceIn,bounceInDown,bounceInLeft,bounceInRight,bounceInUp
bounceOut,bounceOutDown,bounceOutLeft,bounceOutRight,bounceOutUp
fadeIn,fadeInDown,fadeInDownBig,fadeInLeft,fadeInLeftBig,fadeInRight,fadeInRightBig,fadeInUp,fadeInUpBig,fadeInTopLeft,fadeInTopRight,fadeInBottomLeft,fadeInBottomRight
fadeOut,fadeOutDown,fadeOutDownBig,fadeOutLeft,fadeOutLeftBig,fadeOutRight,fadeOutRightBig,fadeOutUp,fadeOutUpBig,fadeOutTopLeft,fadeOutTopRight,fadeOutBottomLeft,fadeOutBottomRight
flip,flipInX,flipInY,flipOutX,flipOutY
lightSpeedInRight,lightSpeedInLeft,lightSpeedOutRight,lightSpeedOutLeft
rotateIn,rotateInDownLeft,rotateInDownRight,rotateInUpLeft,rotateInUpRight
rotateOut,rotateOutDownLeft,rotateOutDownRight,rotateOutUpLeft,rotateOutUpRight
hinge,jackInTheBox,rollIn,rollOut
slideInDown,slideInLeft,slideInRight,slideInUp
slideOutDown,slideOutLeft,slideOutRight,slideOutUp
zoomIn,zoomInDown,zoomInLeft,zoomInRight,zoomInUp
zoomOut,zoomOutDown,zoomOutLeft,zoomOutRight,zoomOutUp
This plugin is ideal for:
- Portfolio Websites - Showcase different services or skills
- Business Sites - Highlight key messages or taglines
- Blogs - Create engaging headers or call-to-actions
- Migration Projects - Drop-in replacement for original wp-morphext plugin
- Simple Animations - When you need text rotation without complex setups
This plugin is designed as a drop-in replacement for the original wp-morphext plugin:
- Deactivate the original wp-morphext plugin
- Install and activate Morphext WP
- No changes needed - all existing shortcodes will work identically
- Enhanced security - no inline JavaScript vulnerabilities
- ✅ No inline JavaScript
- ✅ Sanitized input parameters
- ✅ WordPress coding standards compliant
- ✅ Secure script enqueuing
- ✅ Nonce protection for AJAX calls
- Complete rewrite for security improvements
- Removed inline JavaScript dependencies
- Updated to Animate.css v4.1.1 compatibility
- Tested with PHP 8.3 and WordPress 6.8.3
- Enhanced error handling and validation
- Continues development from original v1.4.0
This plugin is licensed under the GPL2+ license, the same as WordPress.
For issues, suggestions, or contributions, please refer to the plugin documentation or create an issue in the plugin repository.
Made with ❤️ for the WordPress community