Viewing: codekitapp.com

Claude

Codex

Grok

CodeKit

AI Agents

Fluent in AI

AI agents can now drive CodeKit automatically. No more tokens wasted on load-bearing build scripts.

[]Any Agent: Claude, Codex, Grok, or whatever ships next week. If it can run a command in a terminal, it can drive CodeKit. No plugins, no MCP servers, no code.

[]Self-Teaching: CodeKit trains your agent itself: every command, every option. You never explain the app or paste docs; it just works.

[]Anything You Can Click: Compile files. Flip settings. Install packages. Run a build, read the log, and open the preview. If it's in the UI, an agent can do it.

1 1 0 1 1 0 1 0 1 1 0 1 1 1 1 1 1 0 1 1 1 0 0 1 1 1 1 1 0 0 1 0 1 1 1 1 1 1 0 0 0 1 0 1 0 0 0 1 0 0 0 0 0 0 0 1 0 0 1 1 1 0 1 1 1 0 0 0 1 0 0 1 1 1 1 0 1 0 1 1 1 1 0 1 0 1 1 1 1 1 1 1 1 0 0 1 1 1 1 1 0 0 0 1 1 0 0 0 0 1 0 1 0 0 1 1 0 0 0 1 1 1 1 1 0 1 1 0 1 1 0 1 1 1 1 1 1 0 0 0 1 1 1 0 0 0 1 0 1 1 1 0 0 0 0

Animations are coming.Prepare your battery.

[The CodeKit application window showing compiling options for a JavaScript file.]

Languages

Compile every language

CodeKit automatically compiles all those awesome languages you read about in tutorials.

[]All the Cool Kids: Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box.

[]Dead-Simple Configuration: Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts.

[]Bleeding-Edge Tools: Autoprefixer for vendor prefixes. Babel for next-generation JavaScript. Dart Sass for warp-speed Sass compiling. The best workflows are built right in.

[]Add Any Language: Use something that's not built-in? Easily tell CodeKit how to process files of any type, right in the UI. No stupid config files or plugins required.

Live Preview

Refresh & Sync Browsers

CodeKit automatically refreshes and syncs browsers as you work. Across devices. Like magic. No plugins, no setup.

[]Any Device: Mac, iOS, Android, Windows, Tesla, kitchen fridge...if it's got a modern browser, it refreshes. All major browsers are supported, even over TLS.

[]Browser Sync: Type some text in a form and it magically appears on all your other devices, too. Click a link, it's clicked on every device. Fast cross-device testing.

[]Zero Setup: No plugins, no script tags, no config files. Just click the Preview button in CodeKit and you're done. You don't even need certificates for TLS.

[]Injection Reloads: CSS changes are injected without reloading the entire page, so you can easily style dialogs and modal content, or just A/B test designs.

[The CodeKit application window showing PNG image optimization options with a file-size reduction of 67 percent.]

Performance

Optimize

Slow websites suck. CodeKit makes sure you don't build a slow website.

[]Optimize Images: 80% smaller PNG and JPEG files in one click. SVGs, GIFs, and WebP images too. Smaller images mean faster load times, especially on mobile.

[]Minify Scripts & CSS: Easily bundle JavaScript to reduce HTTP requests. Minify JS and HTML to reduce file sizes. Remove unused CSS from stylesheets. Best practices everywhere.

[]Cache Busting: Automatically cache-bust scripts and stylesheets so your changes take effect immediately when you deploy.

[]Source Maps: Minify your code, but see the original version in the browser's inspector. Works automatically with most languages and without headaches.

[The npm interface in CodeKit showing options for installing jQuery.]

Scaffolding

Get Started Fast

Who the hell wants a 15-step "Getting Started" guide? Let's do a single click instead.

[]npm Built In: CodeKit has an intuitive UI for npm. Install over 1,300,000 packages with one click. Easily see outdated items and update them in place.

[]Tailwind + Bootstrap: Spin up a Tailwind, Bootstrap, or Zurb Foundation project in seconds. CodeKit downloads and configures the latest version.

[]CSS Frameworks Galore: All the best CSS frameworks are built-in: Bourbon, Neat, Bitters, Susy, Nib, and Jeet. Just add an @import statement to your stylesheet and CodeKit makes it work.

[]CodeKit Frameworks: Reuse code in multiple projects but keep a single copy of it on your disk. When you update it, everything recompiles to capture the changes.

[The CodeKit application window showing options for the Build process.]

Automation

Build

Build your entire project with one click. Fine-tune the process in an intuitive, beautiful UI.

[]Easy Migration: Check one box and existing projects just work. No updating hundreds of output paths, no changing URLs on pages. It's magic.

[]Blazing Speed: Your Mac's processor has lots of cores. CodeKit uses all of them to process files in parallel so that builds finish fast.

[]Completely Extendable: Do literally anything. Run a custom shell script and see its output in the UI. Or use AppleScript to tell Transmit to upload your site when the build is done.

[]Simple Configuration: Easily customize your build process. Add steps with one click. Drag them to reorder. Setting this stuff up shouldn't require trips to Stack Overflow.

[The log view in CodeKit showing JavaScript syntax issues found by ESLint.]

Linting

Debug

Missing that one freaking comma somewhere? Find the problem fast with built-in debugging tools.

[]ESLint: Scan JavaScript with the mother of all syntax-checkers: ESLint. Easily customize hundreds of rules with documentation right in the UI.

[]Flexible Config: CodeKit can read ESLint config files and apply those rulesperfect if you use custom plugins or a team configuration.

[]Enforce Coding Styles: Got that one guy who uses tabs instead of spaces? Make him fall in line and easily set up rules to keep the whole team writing clean, readable code.

I could build this in 2 hours.

[]Claude
Actually Intelligent Assistant I should have been CEO.

[]Phil Schiller
Senior Apple...Fellow CodeKit 3 is the most deliberate evolution of our founding design. Each button's 9-step anodization process brings absolute unity to a singular vision.

[]Jony Ive
Alumineeum Enthusiast Is he...high?

[]Craig Federighi
Senior Vice President, Apple Please stop quoting my employees.

[]Tim Cook
Chairman of the Board, Apple My employees. Come on gramps, let's get you back to the nursing home before you miss the next AI revolution too.

[]John Ternus
CEO, Apple Do you have any idea how many lawyers $260 billion hires? All of them. All of the lawyers.

[]Apple Legal
Unhappy Since 2009 Billion. lol.

[]Elon Musk
Free Speech Enthusiast I found six cold kids nearby. Tap the one you want.

[]Siri
Ostensibly Intelligent Assistant {'message' : 'Parse Error: Unable to resolve yet-another-goddamn-plugin 1.4.6. Update your dependencies.'}

[]Grunt
JavaScript Task Runner This website looks vibe coded.

[]Brian Burkett
Vibe Coder Your mother looks vibe coded.

[]Grok
The AI That Wins, Hopefully I'm still ignoring you on X.

[]John Gruber
Political Commentator Your app is lame, your face is lame, your friends are lame, and your continued existence deeply offends us.

[]Hacker News
Where Self-Esteem Goes To Die Your trademark for "CodeKit" has been rejected because it is too broad. Every app is a kit of code.

[]U.S. Patent & Trademark Office
Not Kidding; This Really Happened Seriously, which one of these do you want? They're getting away.

[]Siri
ShallowMind

Build websites, not config files.

Fluent in AI

Compile every language

Refresh & Sync Browsers

Optimize

Get Started Fast

Build

Debug

Entirely legitimate and serious opinions

CodeKit: it's like Webpack without all the eye-bleeding.