Multi-Word Typing Animation Fully Customizable
Price range: $29.00 through $69.00
Multi-Word Typing Animation adds an eye-catching animated typing effect to your website’s main headline. Your keywords appear one by one, like someone’s typing them in real time – it’s impossible to ignore.
This feature lets you cycle through different messages (think “photographer”, “storyteller”, “artist”), drawing attention to what matters most. It’s a clean way to communicate multiple ideas without cluttering your hero section, and honestly, it just looks professional and modern.
Key Features & Customization Options
Text size
font-size property in your CSS for desktop and inside the media query for mobile.Color palette
color and background-color properties in your CSS. Use any hex value to match your brand.Font & animated word
font-family property in the CSS. Change the animated word(s) by modifying the words array in the JavaScript.Main sentence
Animation speed
typingSpeed and pauseBetweenWords values in the JavaScript.Cursor style
.cursor-XX class.Responsive design
Multiple hero texts
-02, -03) for independent operation.
Key Features & Customization Options
Text size
Adjust the size of your hero text by editing the font-size property in your CSS for desktop and inside the media query for mobile.
Color palette
Customize the color of the main text, the animated word, and the cursor using color and background-color properties in your CSS. Use any hex value to match your brand.
Font & animated word
Use any font loaded in your Showit library by editing the font-family property in the CSS. Change the animated word(s) by modifying the words array in the JavaScript.
Main sentence
Edit your hero sentence directly in the HTML outside of the animated span to display any static text you want around the dynamic word.
Animation speed
Fine-tune typing and erasing speed by changing the typingSpeed and pauseBetweenWords values in the JavaScript.
Cursor style
Change the width, height, color, and animation of the blinking cursor in the CSS .cursor-XX class.
Responsive design
Works perfectly on both desktop and mobile thanks to standard CSS media queries for sizing.
Multiple hero texts
To display more than one dynamic hero text on a page, duplicate the code block and change all class, keyframe, and variable names (using suffixes like -02, -03) for independent operation.
Key Features & Customization Options
Text size
font-size property in your CSS for desktop and inside the media query for mobile.Color palette
color and background-color properties in your CSS. Use any hex value to match your brand.Font & animated word
font-family property in the CSS. Change the animated word(s) by modifying the words array in the JavaScript.Main sentence
Animation speed
typingSpeed and pauseBetweenWords values in the JavaScript.Cursor style
.cursor-XX class.Responsive design
Multiple hero texts
-02, -03) for independent operation.
Need support? Just reach out. I'm always happy to help every step of the way! Contact me.
05. Need help?
Personalize every detail to match your brand and vision, then hit publish to give your visitors an enhanced experience.
04. make i yours
Follow our simple guides to import your design or code. No technical skills required.
03. EASY INSTALL
Download your assets—guide and license included—instantly on the checkout page.
02. Instant Delivery
Choose the license that fits your project and complete your secure purchase in just seconds.
01. SELECT YOUR LICENSE
How it works
There are no reviews yet. Be the first one to write one.
Client Love
Step-by-step guides included. Need help with setup or customization? Response within 24h. No question is too small.
24h Support That Cares
Your files are ready and quietly waiting. Available 24/7 as soon as your payment is confirmed. Download and return to what matters: creating.
Instant Download
Products stay updated for reliability and tech trends, adapting to platform changes and feedback — no extra fees.
Lifetime Updates Future-Proof
Designed to match your brand.
Easily customizable, so it feels truly yours. No technical skills required, just your creativity to make it shine.
100% Customizable
Every detail is crafted with care — for mobile, tablet, and desktop, so your visitors can explore easily, and stay a little longer.
Mobile & User-Friendly Design
Built to save you time: Every product integrates instantly with Showit, Squarespace, or Canva, so you can launch faster without compromising quality.
Easy Editing & Integration
Yes! I design all my templates and add-ons to be as easy to customize as possible. You can change colors, fonts, images, and layouts without worrying about technical details, so your creativity can shine freely.
How customizable are these templates and add-ons ? Can I edit colors, fonts, and layouts?
Yes! I provide support for any issues you may encounter during installation or customization. I’m here to help you get your template or add-on working perfectly, so you can focus on creating your website without stress.
Do you provide support if I encounter issues during installation or customization?
All fonts used in our templates are from Creative Fabrica. To use them legally, you must purchase your own license on their platform using the links provided in the template. Alternatively, you can swap them for free Google Fonts.
Are the fonts included, and do I need to purchase a separate license?
Yes! If you select the "I install and customize it for you" option at checkout, I will personally handle the setup for you. This includes installing the template or add-on into your Showit account and adjusting the colors, fonts, and content to perfectly match your brand.
Can you install and customize the template or add-on for me?
Due to the digital nature of our products, all sales are generally final. A refund will only be considered if a proven technical issue is identified that makes the product partially unusable and we are unable to resolve it. Please ensure you review all product details before purchasing.
Do you offer refunds on digital products?
Yes, an active subscription is required. Choose your plan based on your needs (static site vs. blog) and ensure it supports custom code if needed. Bonus: Get one month free by signing up via my partner link here.
