windicss/windicss

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.

Star history