awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索，发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
windicss avatar

windicss/windicss

0
View on GitHub↗

Windicss

Windi CSS is a utility-first CSS framework that generates only the CSS classes actually used in a project, scanning source files at build time to produce smaller, optimized stylesheets. It provides on-demand style generation through static analysis of HTML and template files, eliminating unused styles for leaner output.

The framework offers a plugin-based extension system for adding custom utilities, variants, and design tokens without modifying the core. It includes built-in compatibility for migrating from Tailwind CSS, removing Tailwind-specific dependencies and configuration fields while replacing them with equivalent Windi CSS structures. Developers can control the scan scope to determine which file types and directories are analyzed for utility extraction, and can whitelist dynamic class combinations that static scanning cannot detect.

Windi CSS integrates with popular build tools and frameworks through pre-configured adapters, and provides a JavaScript API for custom build pipelines or server-side usage. A command-line interface is also available for generating styles directly from project files.

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI
windicss.org
↗

Features

  • Utility-First CSS Frameworks - Provides a utility-first CSS framework that generates only the CSS classes actually used in a project.
  • CSS Build Tools - Generates optimized CSS output during the build process by scanning source files for utility class usage.
  • Utility Class Detectors - Parses HTML and template files to detect utility class names and determine which styles to generate.
  • Build Tool Integrations - Provides adapters for Vite, Webpack, Rollup, and other bundlers to inject style generation into the build process.
  • Build Tool Integrations - Integrates with build tools to generate styles automatically during the build process.
  • CSS Generation Plugins - Adds custom utilities, variants, and design tokens through a plugin API that hooks into the core generation pipeline.
  • Utility Class Scanners - Scans project source files to detect utility class names and generates only the needed CSS on demand.
  • Unused Style Removal - Scans source files at build time to produce only the CSS classes actually used, eliminating unused styles for smaller bundles.
  • Utility-First Plugin Extensions - Provides a plugin system for adding custom utilities, variants, and design tokens to the utility-first framework.
  • CSS Unused Style Removers - Scans HTML and templates to generate only the CSS classes actually used, eliminating unused styles for smaller bundles.
  • Framework Integrations - Uses pre-configured integrations for popular frameworks to set up styling with zero configuration.
  • Frontend Framework Integrations - Integrates utility-first CSS generation with popular frontend frameworks like Vue, Nuxt, Svelte, and build tools like Vite and Webpack.
  • Plugin-Based Variant Modifiers - Adds custom utility classes, variants, or design tokens through a plugin system without modifying the core framework.
  • CSS Extraction Scopes - Controls which file types and directories are scanned for utility class extraction during development and build.
  • Utility Extraction Scopes - Controls which file types and directories are scanned for utility class extraction during development and build.
  • Style Generation APIs - Generates styles programmatically through a JavaScript API for custom build pipelines or server-side usage.
  • Migration Adapters - Removes Tailwind-specific dependencies and configuration fields, replacing them with equivalent Windi CSS structures.
  • Migration Tooling - Removes Tailwind-specific dependencies and configuration fields, replacing them with equivalent settings for a seamless transition.
  • Migration Tools - Ships built-in compatibility for migrating from Tailwind CSS with minimal configuration changes.
  • Build-Time Whitelists - Predefines class combinations that cannot be detected by static scanning to ensure they are still compiled.
  • Static Analysis Whitelists - Lets developers predefine class combinations that cannot be detected by static scanning to ensure they are still compiled.
  • Programmatic Style Generators - Generates styles through a JavaScript API for custom build pipelines or server-side rendering.
6,515 星标·174 分支·TypeScript·MIT·6 次浏览

Star 历史

windicss/windicss 的 Star 历史图表windicss/windicss 的 Star 历史图表

Windicss 的开源替代方案

相似的开源项目，按与 Windicss 的功能重合度排序。
  • uncss/uncssuncss 的头像

    uncss/uncss

    9,408在 GitHub 上查看↗

    Uncss is a build pipeline CSS optimizer and optimization tool designed to remove unused styles from stylesheets. It analyzes HTML files to identify and strip selectors that do not match any elements in the markup, reducing the final stylesheet size and overall web page weight. The tool functions as a DOM-based CSS analyzer that can simulate runtime document states. It provides mechanisms to preserve required selectors through the use of literal names, regular expressions, and specialized CSS comment markers to ensure styles triggered by user interactions are not deleted. The project supports

    JavaScriptbuild-toolcleanupcss
    在 GitHub 上查看↗9,408
  • unocss/unocssunocss 的头像

    unocss/unocss

    18,854在 GitHub 上查看↗

    UnoCSS is an atomic CSS engine and utility-first framework that generates styles on-demand based on the specific classes used in your source code. By scanning your project files during the build process, it produces only the CSS necessary for your application, effectively minimizing bundle size and eliminating unused styles. The engine distinguishes itself through a highly modular, configuration-driven architecture that allows for deep customization of design tokens, rules, and presets. It supports advanced styling patterns such as attribute-based styling, tag-based styling, and dynamic varia

    TypeScriptatomic-cssengineunocss
    在 GitHub 上查看↗18,854
  • fullhuman/purgecssFullHuman 的头像

    FullHuman/purgecss

    8,043在 GitHub 上查看↗

    PurgeCSS is a build-pipeline CSS purger and optimizer designed to reduce the final size of stylesheets. It functions as a tree shaking tool that scans HTML and JavaScript files to identify and remove unused selectors from CSS. The tool optimizes CSS payloads by performing static content analysis to detect which styles are actually used in the markup. It uses regex-based pattern matching to find potential class names without executing code and employs a PostCSS-based AST transformation to safely delete unused rules. The project provides capabilities for frontend build automation, allowing the

    TypeScript
    在 GitHub 上查看↗8,043
  • roots/sageroots 的头像

    roots/sage

    13,229在 GitHub 上查看↗

    Sage is a WordPress starter theme that provides a foundation for building sites using professional software engineering patterns and modern development workflows. It functions as a theme architecture designed for native compatibility with the visual block-based editor. The project integrates the Laravel Blade templating engine to separate business logic from presentation using reusable components. It incorporates the Tailwind CSS framework for building responsive user interfaces via a utility-first approach and includes a modern frontend build tool to provide asset compilation and hot-reloadi

    PHPacornbladelaravel
    在 GitHub 上查看↗13,229
查看 Windicss 的所有 30 个替代方案→

常见问题解答

windicss/windicss 是做什么的？

Windi CSS is a utility-first CSS framework that generates only the CSS classes actually used in a project, scanning source files at build time to produce smaller, optimized stylesheets. It provides on-demand style generation through static analysis of HTML and template files, eliminating unused styles for leaner output.

windicss/windicss 的主要功能有哪些？

windicss/windicss 的主要功能包括：Utility-First CSS Frameworks, CSS Build Tools, Utility Class Detectors, Build Tool Integrations, CSS Generation Plugins, Utility Class Scanners, Unused Style Removal, Utility-First Plugin Extensions。

windicss/windicss 有哪些开源替代品？

windicss/windicss 的开源替代品包括： uncss/uncss — Uncss is a build pipeline CSS optimizer and optimization tool designed to remove unused styles from stylesheets. It… unocss/unocss — UnoCSS is an atomic CSS engine and utility-first framework that generates styles on-demand based on the specific… fullhuman/purgecss — PurgeCSS is a build-pipeline CSS purger and optimizer designed to reduce the final size of stylesheets. It functions… uncss/grunt-uncss — grunt-uncss is a CSS dead code eliminator and static analysis build tool. It functions as a Grunt CSS optimization… roots/sage — Sage is a WordPress starter theme that provides a foundation for building sites using professional software… tailwindlabs/tailwindcss-typography — Tailwind CSS Typography is a plugin for the Tailwind CSS framework that provides hand-tuned typographic defaults for…