Seedling Studio
Button Animations Codr Snippets for Showit

Button Effects Bundle for Showit

These animated button effects are a must-have for any Showit website! In addition to making your site look less “Showit-y,” this effects bundle will make your buttons more enticing for users to click, upping your website’s conversion rate. The Button Effects Bundle includes code snippets and tutorials for SIX of the most commonly requested button animations!

  • Outline Fill Button Effect
  • Color Change Button Effect
  • Fun Border Button Effect
  • Float Button Effect
  • Wiggle Button Effect
  • Glow Button Effect
  • Access to a Showit template containing all of the animated buttons 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