awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
Compass avatar

Compass/compass

0
View on GitHub↗
6,665 stars·1,161 forks·CSS·13 viewscompass-style.org↗

Compass

Compass is a CSS authoring environment and Sass extension library designed to streamline the implementation and maintenance of website designs. It functions as a framework for the Sass preprocessor, providing a collection of predefined mixins and functions to automate repetitive styling tasks.

The toolkit focuses on frontend design automation and workflow optimization. It provides specialized tools and design patterns to simplify stylesheet authoring and reduce the manual effort required to implement complex design requirements.

The system includes a build pipeline with file-watching capabilities, Ruby-based preprocessing, and a modular plugin system for tool integration. Compilation and optimization settings are managed through a centralized configuration file.

Features

  • CSS Theme Authoring - Provides a comprehensive environment for authoring and managing website styles using specialized tools and design patterns.
  • Style Mixins - Encapsulates reusable chunks of CSS properties into named mixins to automate repetitive styling tasks.
  • CSS Preprocessing Engines - Uses a Ruby-based preprocessing engine to translate custom stylesheet syntax into standard CSS during the build.
  • Stylesheet Authoring Tooling - Provides specialized tooling to accelerate stylesheet authoring and reduce the effort required for complex design requirements.
  • Sass Abstractions - Provides a framework of Sass abstractions, including mixins and functions, to automate repetitive styling.
  • Styling Automation - Automates common web styling tasks and standardizes design elements to reduce repetitive manual work.
  • Cross-Browser CSS Authoring - Provides a toolkit for streamlining website design implementation through standardized styling patterns and automated compatibility.
  • CSS Preprocessing Workflows - Streamlines the process of writing and maintaining stylesheets through an optimized preprocessing workflow.
  • Sass Design Systems - Offers a collection of predefined design tools and Sass-based architectures to simplify complex stylesheet creation.
  • Compiler Configurations - Provides a centralized configuration file to manage output formats and optimization settings during the build process.
  • Source File Watching - Monitors source directories for changes to automatically trigger the recompilation of stylesheets.
  • Modular Plugin Extensions - Implements a modular system of Ruby plugins to add specialized functionality to the CSS compiler.

Star history

Star history chart for compass/compassStar history chart for compass/compass

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does compass/compass do?

Compass is a CSS authoring environment and Sass extension library designed to streamline the implementation and maintenance of website designs. It functions as a framework for the Sass preprocessor, providing a collection of predefined mixins and functions to automate repetitive styling tasks.

What are the main features of compass/compass?

The main features of compass/compass are: CSS Theme Authoring, Style Mixins, CSS Preprocessing Engines, Stylesheet Authoring Tooling, Sass Abstractions, Styling Automation, Cross-Browser CSS Authoring, CSS Preprocessing Workflows.

What are some open-source alternatives to compass/compass?

Open-source alternatives to compass/compass include: thoughtbot/bourbon — Bourbon is a CSS framework toolset and Sass mixin library designed to standardize styling patterns and reduce… kittygiraudel/sass-boilerplate — This project is a Sass CSS framework boilerplate and design system template. It provides a structured project starter… stylus/stylus — Stylus is a CSS preprocessor that transforms a dynamic language into standard CSS. It utilizes a compilation workflow… twbs/bootstrap-sass — This project is a Sass implementation of the Bootstrap framework, providing a collection of responsive, mobile-first… sass/sass — Sass is a stylesheet compilation engine and CSS preprocessor that extends standard CSS with variables, nested rules,… coreui/coreui-free-react-admin-template — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a…

Open-source alternatives to Compass

Similar open-source projects, ranked by how many features they share with Compass.
  • thoughtbot/bourbonthoughtbot avatar

    thoughtbot/bourbon

    9,012View on GitHub↗

    Bourbon is a CSS framework toolset and Sass mixin library designed to standardize styling patterns and reduce repetitive code in web projects. It serves as a workflow optimizer that provides a collection of reusable functions to streamline the process of writing and organizing stylesheets. The toolkit focuses on responsive web design by providing a library of mixins for implementing flexible layouts and standardized breakpoints across different screen sizes. It also includes a suite of command line utilities used to install and manage styling dependencies within a local development environmen

    Ruby
    View on GitHub↗9,012
  • kittygiraudel/sass-boilerplateKittyGiraudel avatar

    KittyGiraudel/sass-boilerplate

    3,367View on GitHub↗

    This project is a Sass CSS framework boilerplate and design system template. It provides a structured project starter for organizing styles using a modular architecture that separates global defaults and components to maintain a scalable stylesheet layout. The framework includes a responsive layout system that manages screen widths via mapping functions to ensure consistent behavior across different device sizes. It utilizes reusable style rules, dynamic loops, and conditional styling logic to automate the generation of repetitive CSS rules. The system covers stylesheet segmentation through

    SCSSboilerplateguidelinessass
    View on GitHub↗3,367
  • stylus/stylusstylus avatar

    stylus/stylus

    11,323View on GitHub↗

    Stylus is a CSS preprocessor that transforms a dynamic language into standard CSS. It utilizes a compilation workflow to enable the use of variables, nesting, and arithmetic, which are then rendered into stylesheets for use in frontend asset pipelines. The project is distinguished by a flexible syntax that allows for indentation-based styling, meaning curly braces, colons, and semicolons can be omitted. It further differentiates itself through a JavaScript-driven plugin pipeline and the ability to extend the native syntax with custom JavaScript functions for complex logic. Its capability sur

    JavaScriptcsspreprocessorstyl
    View on GitHub↗11,323
  • twbs/bootstrap-sasstwbs avatar

    twbs/bootstrap-sass

    12,507View on GitHub↗

    This project is a Sass implementation of the Bootstrap framework, providing a collection of responsive, mobile-first UI toolkits and layout systems. It serves as a Sass UI library that allows for the creation of custom CSS frameworks through the use of a preprocessor to generate browser-ready stylesheets. The framework is distinguished by its deep customization capabilities, enabling users to override default themes and visual variables using Sass variables and mixins. It utilizes a modular import system, allowing specific components to be selectively included to control the final CSS bundle

    SCSS
    View on GitHub↗12,507
See all 30 alternatives to Compass→