Attribute-driven tools for Webflow, completely free.

A growing library of lightweight, attribute-driven JavaScript solutions built to expand your websites functionality faster.  No code knowledge required.
10,000+ Installations
How kits work

Add superpowers into your site in three simple steps.

Step 1
Copy & Paste
Copy your kit's script and drop it into your site's <head> — no build tools required.
Step 2
Add Attributes
Add custom data attributes to the element to activate the kit's functionality — no custom code needed.
Step 3
Go Live
Publish your site. The kit runs instantly and pulls updates from us automatically.
GDPR Compliant
Kits set no cookies, uses no localStorage, makes no external requests, and collects zero personal data.

Multi-Step Form

Turn any Webflow form into a smooth, guided multi-step experience. All with one script, zero dependencies, and no custom code required.
Abstract illustration of four overlapping rectangular cards with green progress bars at top, symbolizing step-by-step progress or multi-step process.

Auto Form Characters

Show users how many characters they have typed — or how many they have left. Set a hard limit, display remaining characters, and style the warning state directly in Webflow.
A dark green text input box with the prompt 'What would you like to say?' above an empty typing area and a character count of 0 out of 300 at the bottom left.

Form Field Mask

Replace characters with dots, stars, or x as users type into any form field. Visual only - the real value is always submitted untouched.
Three input fields on a dark green background labeled Add your API Key, Create a password, and Add an address, each with placeholder characters obscuring the input.

Country Selector

Convert a Webflow form input into a searchable country selector in seconds. One script, one attribute. Now with light and dark themes!
Search interface showing a dropdown with country options starting with 'Can,' including Canada (CA), Central African Republic (CF), Dominican Republic (DO), and Vatican City (VA), each with their respective flags.

ScrollWriter Animation

Swap words in your headings with a vertical scroll or crossfade transition. Set a different colour per word. Loops indefinitely with no performance impact.
Dark green background with text 'Available in BLUE' in white and blue font, with a faded vertical list of color names including PURPLE, RED, YELLOW, GREEN, PINK, and TEAL on the right side.

TypeWriter Animation

Type a single word once or cycle through multiple words with a blinking cursor. One attribute on a span inside your heading and it works.
Text on dark green background saying 'Say hello with a BOOM' with a vertical cursor line at the end.

Auto Copyright Year

Stop updating your footer every January. One attribute on any text element updates it to the current year automatically on every page load.
A vertical list of years from 2023 to 2029 with a highlighted box around 2026 containing the text '2026 © Fractional C'.

Copy to Clipboard

Let users copy any text on your page with one click. Connect a trigger, a source, and an optional confirmation message with no code required.
A green button with a clipboard icon and the text 'Copy Script' on a dark green background, with an animation effect showing it was clicked, and below it a grey confirmation label reading 'Copied!' in green text.

Auto Count Up

Make your stats come alive. Any number counts up from a start value to an end value the moment it enters the viewport. Triggers once, never repeats.
A pattern of large, green numbers arranged in vertical columns on a dark green background, with a translucent rounded rectangle highlighting the middle section containing the digits 1, 0, 8, and 9.

Scroll Progress Bar

Add a reading progress bar to any Webflow page. Style the track and fill directly in Webflow and it updates smoothly as the user scrolls.
Illustration of a web browser window with a horizontal green progress bar near the top, and grey horizontal lines below representing text content and a button.