Typewriter

Features

1. Multiple Text Animations:

   • Supports multiple phrases for the typewriter effect.
   • Customizable typing and erasing speeds for dynamic text animations.

2. Customizable Typing Speed:

   • Control the typing speed to suit different content needs.
   • Typing speed can be adjusted via shortcode parameters.

3. Customizable Erasing Speed:

   • Control the speed at which text is erased.
   • Erasing speed can be adjusted via shortcode parameters.

4. Delay Before Erasing:

   • Set a delay before the text starts erasing.
   • Allows for natural pauses in the animation flow.

5. Cursor Customization:

   • Change the cursor color to match your site's theme.
   • Adjust the cursor thickness for better visibility.

6. Support for Multiple Instances:

   • Use multiple typewriter effects on the same page.
   • Each instance operates independently with its own settings.

7. Easy Shortcode Integration:

   • Simple and intuitive shortcode syntax.

8. Dynamic Text Content:

   • Display dynamic and engaging text content to capture user attention.
   • Ideal for headlines, call-to-action sections, and announcements.

9. Minimalistic Design:

   • Clean and minimalistic design that blends seamlessly with any Joomla template.
   • Customizable styles via inline CSS for easy integration.

10. Mobile Responsive:

    • Fully responsive and works seamlessly on all devices.
    • Ensures a smooth user experience on mobile, tablet, and desktop.

11. Lightweight and Fast:

    • Minimal impact on page load times.
    • Efficient and optimized JavaScript for fast performance.

12. No Coding Required:

    • Easy to use with no coding skills required.
    • User-friendly interface for quick setup and deployment.

13. Cross-Browser Compatibility:

    • Works across all modern web browsers.
    • Ensures consistent performance on Chrome, Firefox, Safari, Edge, and more.

14. Detailed Documentation:

    • Comprehensive documentation to guide users through installation and usage.
    • Step-by-step instructions for easy setup and customization.

Example Usage

{typewriter text1="Welcome to Our Website" text2="We Offer Amazing Services" text3="Get in Touch with Us" typingSpeed="150" erasingSpeed="75" delayBeforeErasing="2000" cursorColor="#000000" cursorThickness="0.15em" /}