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

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
stylus avatar

stylus/stylus

0
View on GitHub↗
11,323 Stars·1,136 Forks·JavaScript·MIT·4 Aufrufestylus-lang.com↗

Stylus

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 surface covers a wide range of authoring tools, including hierarchical selector nesting, reusable mixins, and a comprehensive color management system for mixing and transforming values. The compiler also supports programmatic style generation through mathematical operations, list and hash iteration, and conditional logic evaluation.

The toolset includes a standalone command-line interface for compilation and reverse compilation, as well as middleware for automated CSS updates and source map generation for debugging.

Features

  • CSS Preprocessors - Transforms a flexible, indentation-based preprocessor language into standard CSS.
  • Preprocessing Variables - Implements a robust system for storing reusable values in variables and interpolating them into CSS declarations.
  • CSS Preprocessing Workflows - Implements a complete workflow for transforming a dynamic preprocessor language into standard CSS.
  • CSS Preprocessors - Transforms a dynamic preprocessor language into standard CSS via a standalone command-line executable.
  • Color Manipulation - Provides utilities to get or set specific color channels including red, green, blue, alpha, and hue.
  • Sequence Generators - Creates lists of values between two points using inclusive or exclusive range operators.
  • Key-Value Pair Managers - Provides utilities for storing and retrieving named values using hashes to organize configurations and constants.
  • Hash Iterators - Allows looping over key-value pairs to dynamically generate CSS rules based on defined data.
  • Index-Based Extraction - Implements zero-based indexing to retrieve specific elements from expressions or tuples.
  • Stylesheet Compilation - Transforms a dynamic preprocessor language featuring nesting, variables, and arithmetic into standard CSS.
  • AST Rendering Engines - Transforms a custom syntax tree into standard CSS using a recursive rendering engine.
  • Stylesheet Function Definitions - Creates reusable logic blocks that accept arguments and return values for use within stylesheets.
  • External Configuration Integration - Extends compiler capabilities by loading external modules and passing configuration arguments to them.
  • Style Mixins - Provides reusable mixins to define sets of styles and logic that can be injected into multiple selectors.
  • Compiler Logic Extensions - Adds custom JavaScript functions to perform complex logic not possible within the native preprocessor syntax.
  • Compilation Math Operations - Includes built-in support for trigonometric values, rounding, and base conversion during stylesheet compilation.
  • Compile-Time Expression Evaluation - Computes mathematical, logical, and color values during the compilation phase using a custom evaluator.
  • Whitespace-Based Block Scoping - Utilizes significant whitespace and indentation to determine block nesting and scope instead of curly braces.
  • List Manipulation Utilities - Offers primitives for adding, removing, and retrieving elements from lists using index and slice operations.
  • String Manipulation - Provides comprehensive string manipulation including searching, replacing, splitting, and slicing with regular expressions.
  • Stylesheet Imports - Includes style definitions and configurations from external files to share logic across multiple documents.
  • Logical Operation Evaluation - Evaluates boolean logical operators during the compilation phase to determine if styles are included.
  • Variable Assignments - Assigns expressions or lists to identifiers to ensure consistent styling across a stylesheet.
  • Extensible Plugin Architectures - Exposes a renderer instance to external functions to automate the definition of settings and paths via a plugin system.
  • Recursive AST Renderers - Transforms custom syntax trees into standard CSS using a recursive engine to resolve styles.
  • Color Format Normalizers - Casts colors between different representations such as RGBA and HSLA.
  • Outer Selector Referencing - Supports referencing the parent selector within nested rules to create pseudo-selectors and state modifiers.
  • Selector Nesting - Implements hierarchical selector nesting to generate nested CSS rules and resolve parent references.
  • Expression Iterators - Provides the ability to loop through lists and ranges to programmatically generate repetitive CSS rules.
  • Programmatic Style Generators - Programmatically generates CSS rules and values using variables, loops, and mathematical operations during compilation.
  • Code Transformation APIs - Provides APIs to render custom syntax strings into standard CSS using specific configuration options.
  • CSS Parsing - Processes stylesheets using standard CSS syntax, allowing existing CSS files to be used within the preprocessor.
  • Compilation Error Reporting - Identifies syntax and evaluation failures by providing stack traces, line numbers, and filenames during compilation.
  • Dynamic Variable Interpolations - Looks up and defines variables using string names to allow dynamic interpolation.
  • Compiler Context Inspection - Enables retrieval of the current compiled selector, active media rule, and function call stack for logic purposes.
  • Node.js Build Tools - Provides CLI tools and middleware for integrating the CSS compiler into Node.js-based development environments.
  • Source Map Generators - Generates source maps that link the final CSS output back to the original preprocessor source for easier debugging.
  • Source File Watching - Monitors source files for changes and automatically regenerates output CSS in real time.
  • Frontend Asset Pipelines - Integrates into frontend pipelines to compile source files into optimized CSS with source maps and vendor prefixing.
  • Code Block Interpolations - Allows assigning chunks of styles or logic to variables for reuse via interpolation.
  • Block Expression Evaluations - Evaluates expressions at compile time to determine whether specific blocks of styles or properties are included in the output.
  • Logic Block Passing - Allows entire blocks of CSS rules to be passed into mixins for contextual rendering.
  • Unit Casting - Allows forcing a specific unit suffix onto an expression as a shorthand for conversion.
  • Color Value Transformations - Includes built-in functions to lighten, darken, desaturate, or invert colors.
  • Global Variable Injections - Defines global variables that remain accessible throughout the entire stylesheet evaluation process.
  • Compiler Extension Pipelines - Extends the compiler via a JavaScript-driven pipeline that allows external functions to manipulate rendering.
  • At-Rule Implementations - Renders standard and future CSS at-rules using a braceless, indentation-based syntax.
  • Color Blending - Provides utilities for mixing and blending multiple colors using ratios and contrast calculations.
  • Color Rendering Adjustments - Enables adjustment of RGB, HSL, and alpha channels to shift and modify color output.
  • CSS Minification - Reduces the size of generated stylesheets by removing unnecessary whitespace and characters.
  • CSS Reverse Compilers - Converts standard CSS files back into terse preprocessor syntax.
  • Nested Selector Escaping - Allows starting a selector at the root level to define styles outside the current nesting scope.
  • Selector Interpolation - Inserts the results of dynamic expressions directly into property names or CSS selectors.
  • Extendable Placeholders - Defines hidden selectors that are only rendered in the final CSS when extended by other rules.
  • CSS Animations - Facilitates the definition of keyframe rules using flexible syntax and interpolation for visual transitions.
  • Viewport-Based Definitions - Utilizes block notation and nested queries to define styles that adapt to different viewport dimensions.
  • Selector Style Inheritance - Enables sharing properties between rulesets to simplify the maintenance of semantic styles.
  • Nested Imports - Places imported styles inside specific CSS selectors to restrict their application to a subset of elements.
  • CSS Media Queries - Injects variables and expressions into media query definitions to programmatically calculate breakpoints.
  • Vendor Prefix Managers - Expands animation rules into multiple vendor-specific versions to ensure cross-browser compatibility.

Star-Verlauf

Star-Verlauf für stylus/stylusStar-Verlauf für stylus/stylus

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Open-Source-Alternativen zu Stylus

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit Stylus.
  • sass/sassAvatar von sass

    sass/sass

    15,373Auf GitHub ansehen↗

    Sass is a stylesheet compilation engine and CSS preprocessor that extends standard CSS with variables, nested rules, mixins, and functions. It functions as a comprehensive design system tool, enabling developers to organize complex stylesheets into modular, reusable components while automating the transformation of advanced syntax into browser-compatible CSS. The project distinguishes itself through its sophisticated build automation and language-level extensibility. It provides robust support for programmatic style generation, including conditional logic, iterative loops, and unit-aware math

    TypeScript
    Auf GitHub ansehen↗15,373
  • callstack/linariaAvatar von callstack

    callstack/linaria

    12,335Auf GitHub ansehen↗

    Linaria is a zero-runtime CSS-in-JS library and static CSS generator. It evaluates JavaScript expressions at build time to extract styles from tagged template literals into standalone, static CSS files, removing the need for a runtime style injection engine. The library distinguishes itself by mapping component props to CSS custom properties, enabling dynamic styling and runtime property updates without regenerating stylesheets. It utilizes a build-time evaluation engine to resolve interpolations and a hashing system to generate scoped class names that prevent style collisions. The project c

    TypeScript
    Auf GitHub ansehen↗12,335
  • adambard/learnxinyminutes-docsAvatar von adambard

    adambard/learnxinyminutes-docs

    12,287Auf GitHub ansehen↗

    This project is a collection of programming language references and syntax cheat sheets designed for rapid developer onboarding. It serves as a library of code-based documentation that uses valid source code files to provide whirlwind tours of various language specifications. The project focuses on programming language learning by providing concise, commented code examples that explain core features and syntax in place. This approach enables developers to quickly grasp language-specific patterns, data types, and execution flow through a consistent reference format. The content covers a broad

    Markdown
    Auf GitHub ansehen↗12,287
  • trekhleb/learn-pythonAvatar von trekhleb

    trekhleb/learn-python

    18,058Auf GitHub ansehen↗

    This project is an educational resource designed for learning the Python programming language. It serves as a tutorial repository and programming guide, providing a collection of annotated scripts, code examples, and cheatsheets to help users master syntax and core fundamentals. The resource focuses on moving from basic language syntax to advanced implementation, with a particular emphasis on object-oriented programming, the use of the Python standard library, and scripting automation for business workflows. The content covers a broad range of programming capabilities, including control flow

    Pythonlearninglearning-by-doinglearning-python
    Auf GitHub ansehen↗18,058
Alle 30 Alternativen zu Stylus anzeigen→

Häufig gestellte Fragen

Was macht stylus/stylus?

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.

Was sind die Hauptfunktionen von stylus/stylus?

Die Hauptfunktionen von stylus/stylus sind: CSS Preprocessors, Preprocessing Variables, CSS Preprocessing Workflows, Color Manipulation, Sequence Generators, Key-Value Pair Managers, Hash Iterators, Index-Based Extraction.

Welche Open-Source-Alternativen gibt es zu stylus/stylus?

Open-Source-Alternativen zu stylus/stylus sind unter anderem: sass/sass — Sass is a stylesheet compilation engine and CSS preprocessor that extends standard CSS with variables, nested rules,… callstack/linaria — Linaria is a zero-runtime CSS-in-JS library and static CSS generator. It evaluates JavaScript expressions at build… trekhleb/learn-python — This project is an educational resource designed for learning the Python programming language. It serves as a tutorial… adambard/learnxinyminutes-docs — This project is a collection of programming language references and syntax cheat sheets designed for rapid developer… segmentio/myth — Myth is a CSS build tool and preprocessor that transforms modern styling specifications and future syntax into… preactjs/preact-cli — preact-cli is a command line tool for scaffolding, developing, and building applications using the Preact library. It…