Showit Website Code Bundle | 10 Interactive Effects | The Code Collection Vol. 2 | Web Animation

✨ THE CODE COLLECTION — VOL. 2 ✨
Creative Code Effects for Showit

Give your Showit website a little more personality.

The Code Collection — Vol. 2 by Ely Creative Studio includes 10 creative code effects designed to bring movement, interaction, and unexpected moments to your website.

Release butterflies, launch fireworks, peel back an image, or let your story unfold along a growing vine. Choose the effects that fit your design and customize them to make them your own.

✦ SEE THE EFFECTS IN ACTION

Explore the live demo and try the effects before you buy:

https://codecollection02.showit.site/

✦ 10 CREATIVE CODE EFFECTS

01 — Animated Counter
Bring your numbers to life with count-up, rolling, and rapid-changing animations.

02 — Butterfly Release
Release animated butterflies with optional landing spots.

03 — Cursor Spotlight
Move a lamp and circular spotlight across a darkened canvas.

04 — Fireworks
Launch colorful fireworks from a clickable element, with optional sound.

05 — Growing Vine Timeline
Reveal your story along a vine that grows as visitors scroll.

06 — Image Peel
Peel back one image to reveal another underneath.

07 — Marquee Letters
Create custom lettering with animated marquee bulbs.

08 — Stacked Photo Shuffle
Click or tap to shuffle through a stack of photos.

09 — Text Emphasis
Animate circles, underlines, and highlights around selected words.

10 — Typewriter Text
Type, pause, delete, and cycle through your custom wording.

✦ WHAT’S INCLUDED

• Showit share key to add the complete collection to your account
• Ready-to-use Showit effect canvases
• 10 complete, copy-and-paste TXT code files
• Live examples of every effect
• Step-by-step installation instructions
• Quick video tutorials
• PDF customization guide
• Quick Start information
• License + Usage Guide

✦ HOW IT WORKS

Use the included Showit share key to add the complete collection to your Showit account and keep it in your design library as a reusable collection of creative effects.

Each effect has its own page where you can:

• See the effect in action
• Find any Class Selectors you need
• Follow the installation instructions
• See what can be customized

When you’re ready to use an effect, add the ready-made canvas to your project or follow the instructions to add the effect to a design you’ve already created.

Then open the corresponding TXT file, choose Select All, copy the complete code, and paste it into the location shown in the guide.

Depending on the effect, the code may be added to Page Loaded Javascript or a Showit Embed Code box. Some effects also use Class Selectors added directly to Showit elements.

No piecing code together from multiple PDF pages. The complete code for each effect is provided in its own copy-ready file.

Quick video tutorials are also included if you’d rather see where and how to add the code in Showit.

✦ MAKE IT YOURS

Depending on the effect, you can customize things such as:

• Colors
• Images
• Sizes
• Timing
• Animation speed
• Text and wording
• Movement
• Effect-specific settings

For effects that use your own photos, upload your images to your Showit Media Library and replace the image links as explained in the instructions.

Adjustable settings are clearly labeled near the top of the appropriate code file and explained in the customization guide.

No coding experience is required—the code is already written for you.

Basic familiarity with the Showit editor is recommended.

✦ BUILT FOR SHOWIT

The Code Collection — Vol. 2 was built and tested using Showit’s Beta Publish Engine.

All 10 effects are designed to work on both desktop and mobile. Any effect-specific desktop and mobile settings are clearly noted in the included guide.

✦ GREAT FOR

• Showit website designers
• Showit template designers
• Creative service providers
• Small business owners
• Personal brands
• Anyone who wants to make their Showit website a little more interactive

✦ LICENSE + USAGE

Use the effects on your own Showit websites and finished Showit websites you create for clients, as permitted by the included license.

You may customize the effects to suit those projects.

You may not:

• Resell, share, or redistribute the code
• Share your purchased Showit share key
• Resell or redistribute the included canvases
• Include the effects in website templates, template kits, code collections, or other digital products offered for sale or distribution
• Claim the code or collection as your own creation

Please read the included License + Usage Guide for the complete terms.

✦ PLEASE NOTE

• This is a DIGITAL PRODUCT. No physical item will be shipped.

• An active Showit subscription is required.

• Basic familiarity with the Showit platform is recommended.

• The Code Collection is designed specifically for Showit.

• Because this is a code product, future changes to the Showit platform may occasionally affect functionality.

• Please view the live demo before purchasing to see all 10 effects in action.

• Due to the digital nature of this product, returns, exchanges, and cancellations are not accepted. Please contact me if you experience a problem with your purchase.

✦ AI DISCLOSURE

This collection was created by Ely Creative Studio with the assistance of AI tools during the code development process.

Each effect was directed, customized, tested, and refined by Ely Creative Studio specifically for use with Showit.

✦ QUESTIONS?

I’d be happy to help.

Ericka
Ely Creative Studio
ericka [!at] elycreativestudio.com
elycreativestudio.com