The focused script editor for Webflow
Write, version, and deploy custom JavaScript and CSS with a real code editor. Sync with Git. Load conditionally. Ship faster.
There's a better way to manage code in Webflow
- Pasting code into tiny embed fields
- Losing track of scripts across sites
- Copying the same code everywhere
- No version control or rollbacks
<script>
// your code buried in an embed...
// no highlighting, no autocomplete
</script>
- Full code editor with syntax highlighting
- Centralized dashboard for all sites
- Reusable component library
- Git sync with version history
const navbar = document.querySelector('.navbar');
const observer = new IntersectionObserver(
(entries) => {
// autocomplete + AI assistance
Everything you need to manage code
A complete development environment built for Webflow professionals.
Professional Code Editor
Full CodeMirror 6 editor with 8 themes, syntax highlighting, autocomplete, and real-time error detection
// Smooth-scroll navigation
const navbar = document.querySelector('.nav');
const links = navbar.querySelectorAll('a');
links.forEach(link => {
link.addEventListener('click', e => {
e.preventDefault();
const target = link.getAttribute('href');
const el = document.querySelector(target);
if (el) {
el.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
Code Assistant
Debug conflicts and convert frameworks with a assistant that understands your full Webflow site context.
Debug
"This JS conflicts with another file"
Found: duplicate event listener on .nav — removed from utils.js
Convert
"Make this React component work in Webflow"
Converted JSX to vanilla JS with IntersectionObserver + CSS custom properties
Simple Git Sync
Push and pull with GitHub and GitLab. Visual diffs for conflicts.
Smart Loading
Choose when and how your scripts load with three scoping modes with CDN-backed delivery and specialized testing mode
Component Library
Three-tier system: Snippets, Blocks, and Kits. Reuse across all your Webflow sites. Share publicly or keep private.
// Import from your library
import { Accordion } from '@blocks/accordion';
import { Tabs } from '@blocks/tabs';
Accordion.init('.faq-section', {
allowMultiple: false,
animation: 'slide'
});
Version History
Up to 50 versions per script with named snapshots and one-click rollbacks
Conditional Loading
Load scripts only where they're needed. Target by page, path pattern, or custom conditions.
Light & dark, your choice
Script adapts to your preference with carefully crafted light and dark themes.
Four steps to
better code
From connecting your site to deploying code, Script handles the entire workflow.
Try Script freeConnect your site
Add your Webflow site via secure OAuth. Optionally connect your GitHub or GitLab repo for bidirectional sync.
Write your code
Use a professional code editor with syntax highlighting, autocomplete, and AI-powered assistance. No more tiny embed fields.
Configure loading
Set scripts to load globally, on specific pages, or only when target elements exist. Control defer, async, and module loading.
Deploy to production
Publish with one click. CDN-backed delivery ensures fast loading. Automatic Git sync keeps your repo up to date.
Beta pricing
Script is in beta. Lock in early pricing — your first site is free forever.
Free
Free forever, no credit card required
Includes:
- All features included
- CDN delivery
- Version history
- AI code assistance
- Git sync
- Component library
Pro
or $2/mo billed annually Save 33%
Includes:
- All features included
- CDN delivery
- Version history
- AI code assistance
- Git sync
- Component library
How Script compares
An honest look at how Script stacks up against alternatives.
| Feature | Script | Slater | No Tool |
|---|---|---|---|
| Free tier | 1 site, all features | Limited | Free (DIY) |
| Pro pricing | $3/mo | $12/mo | Free |
| Git sync | |||
| AI assistance | |||
| Code splitting | |||
| Conditional loading | |||
| Editor themes | 8 themes | 1 theme | Your IDE |
| CDN delivery | |||
| Version history | |||
| TypeScript support | |||
| Team collaboration |
Everything you need to know
Can't find the answer you're looking for? Reach out to our support team.
No — Script works alongside Webflow’s native custom code. It deploys through the Custom Code API, giving you a proper development environment while keeping everything in sync with your Webflow project.
Ready to write better code?
Start building with a real development environment for Webflow. Free forever on your first site.
Try Script free