A fractional grid system for Sass and Stylus that uses ratios instead of fixed column counts.
Jeet is a fractional grid system for Sass and Stylus that allows developers to create responsive layouts using ratios instead of fixed column counts. It solves the problem of rigid grid frameworks by generating percentage-based widths and gutters that maintain consistency across nested elements.
Frontend developers working with Sass or Stylus who need a flexible, intuitive grid system for building responsive layouts without the constraints of traditional 12-column grids.
Developers choose Jeet for its simple fractional API, consistent gutter management, and support for infinite nesting, making it more adaptable than fixed-column grid systems while remaining easy to learn and use.
The most advanced, yet intuitive, grid system available for Sass or Stylus
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Allows defining columns using ratios like 1/3, making layouts more adaptable than fixed 12-column systems, as demonstrated in the example code with column(1/3).
Maintains uniform gutter sizes across infinite nesting when parent context is provided, solving common grid nesting issues without manual calculations.
Learn the API in minutes with intuitive mixins like column() and center(), enabling rapid prototyping and reducing setup time.
Works seamlessly with both Sass and Stylus, offering similar syntax across preprocessors for consistent development workflows.
The project is no longer actively developed, meaning no bug fixes, security updates, or compatibility with newer preprocessor versions, as stated in the README.
Version 7.0.0 introduced significant breaking changes requiring a migration guide, which adds complexity for existing users upgrading.
With widespread adoption of CSS Grid and Flexbox, Jeet's functionality may be redundant for new projects, lacking native browser performance benefits.