Seedling Studio
Showit Animated Underline Effects

Animated Underline Effects for Showit

These animated underline effects will make links pop on your Showit website! Make links, navigation items, and buttons more enticing for users to click, upping your website’s conversion rate. This Animated Underline Effects Bundle includes code snippets and tutorials for FIVE of the most commonly requested underline animations! You’ll also learn how to add animated underlines to links within blog posts.

  • Grow Left-to-Right Animated Underline Effect
  • Grow From Center Animated Underline Effect
  • Wavy Animated Underline Effect
  • Underline to Highlight Animated Underline Effect
  • Half to Full Highlight Animated Underline Effect
  • Access to a Showit template containing all of the animations and the code that powers them
  • Mini-course lessons walking you through the customizations, step-by-step
  • In-depth code explanation, so you actually understand how the code works
  • Basic Commercial License to use the code in unlimited website projects

Get all the code snippets and save!

Enroll in Showit Shortcuts




Use the share key included in the course to copy the code snippet’s template directly into your Showit account.


Add the code snippet from the template directly to any page of your design.


Follow along with the video modules to learn how to customize the code to match your design’s style.

Frequently Asked Questions

Nope! All of our Showit code snippet mini-courses were created with absolute beginners in mind. If you can copy and paste, you can customize this feature.

All Showit users are welcome, and we’ve had several non-designers use our code snippets and courses successfully! If your business runs on Showit and you’re looking for a way to extend the platform’s built-in functionality using code, this is for you.

Yes! The price of the mini-course includes a Basic Commercial License which allows you to use the information and code contained within the mini-course on as many websites as you’d like. However, you may not share the Showit Shortcuts Template with anyone other than your clients’ Showit accounts whose websites you are working on directly, and you may not provide your clients (or anyone else) with access to the course.

You’ll need a separate license agreement for that! If you’d like to use the information and code contained within this mini-course in the website templates you create and sell, you must purchase an Extended Commercial License.

The course is only available for personal use, meaning each purchase of the course is limited to a single user. If you want other members of your team to be able to take the course, each user is required to purchase the course individually. This is because this product is educational in nature – thank you for respecting our terms of use!

This code snippet has not been tested on other platforms, and the mini-course content is specific to Showit. Some of the code snippets will, however, work on other platforms that allow space for custom code. If you have questions about implementing this code snippet on a platform other than Showit, get in touch with us – we’d be happy to help!

Pin It on Pinterest