Features Videos Help About Updates
Menu Buy Now

Jeet

First Steps:
Getting Started
Live-Reload Browsers
Browser Sync
Set Language Options
Set Output Paths & Action
Second Steps:
Defaults For New Projects
Build Your Project
Set Target Browsers
Stuff To Know:
CodeKit + Git
Troubleshooting
License Recovery
PostCSS Tools:
Autoprefixer
PurgeCSS
Custom PostCSS Plugins
Other Tools:
npm
Babel — (JS Transpiler)
Terser — (JS Minifier)
Rollup — (JS Bundler)
Cache-Buster
HTML-Minifier
LightningCSS
Bless
Languages:
Sass
Less
Stylus
JavaScript
CoffeeScript
TypeScript
Pug
Haml
Slim
Kit
Markdown
JSON
Image Optimizers:
WebP
PNG
JPEG
SVG
GIF
Frameworks:
CodeKit Frameworks
Tailwind
Bootstrap
Bourbon
Bitters
Zurb Foundation
Susy
Nib
Jeet
Syntax Checkers:
ESLint
Advanced:
Hooks
Environment Variables
Adding Custom Languages
Team Workflows
Scripting CodeKit
Editor Plugins:
Nova
Atom
Sublime Text
Coda 2
More
Read-Only Mode
Upgrading From 2.0
FAQ

What's Jeet?

The Jeet logo

Jeet is a "grid system built for humans". It lets you lay out a grid with almost no markup, which makes sites clean and maintainable.

Jeet can be used in both Sass and Stylus files. See the official website for details.


Using Jeet

Just add this line to the top of your main Sass or Stylus stylesheet, then save:

@import "jeet";
That's It?

Yes. Just start using Jeet's features in your stylesheet. You can even copy the import statement from the Jeet category of Project Settings if you're feeling lazy:

a screenshot of the Jeet category of Project Settings in the CodeKit window
How Does The Magic Work?

CodeKit contains a bundled copy of Jeet. When the app sees the above @import statement in your stylesheet, CodeKit tells the Sass or Stylus compiler where it can find Jeet's files, even though they aren't in your project.

Made in San Diego, CA

Follow the Developer on Twitter

Email Support

Report a Bug

Privacy Policy