Skip to main content
GoodCraft Script is a powerful platform for managing JavaScript and CSS on your Webflow sites. Create, edit, and deploy custom scripts with a built-in code editor, Git synchronization, and reusable component library.

​
Why GoodCraft Script?

Webflow’s native custom code options are limited. You can add code in project settings or page settings, but there’s no version control, no syntax highlighting, and no way to organize scripts across pages. GoodCraft Script solves these problems:
  • Organized scripts - Manage all your custom code in one place with a proper file structure
  • Professional editor - Write code with syntax highlighting, autocomplete, and multiple themes
  • Git sync - Keep your scripts in version control and sync with GitHub or GitLab
  • Reusable components - Build a library of scripts you can use across multiple sites
  • Smart loading - Load scripts only on specific pages or when certain elements exist

​
How it works

1

Add the loader script

Add a single line of code to your Webflow project that loads the GoodCraft Script loader.
2

Create your scripts

Use the dashboard to create JavaScript and CSS files with our CodeMirror-powered editor.
3

Configure targeting

Choose which pages should load each script, or use component detection to load scripts only when specific elements exist.
4

Deploy

Your scripts are served from our CDN, optimized and ready to use.

​
Key features

Script Management

Create and organize JavaScript and CSS files with syntax highlighting.

Code Editor

Professional CodeMirror editor with 8 theme options.

Git Integration

Bidirectional sync with GitHub and GitLab repositories.

Component Library

Reusable script components shared across sites.

​
Getting started

Ready to start? Follow our quickstart guide to add GoodCraft Script to your Webflow site.