packages icon indicating copy to clipboard operation
packages copied to clipboard

πŸ’Ž Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely optimized utility-first CSS dynamically based on what you write πŸ’Ž.



Stylify logo



Chat Twitter Follow GitHub Org's stars GitHub
GitHub Workflow Status (branch) GitHub issues GitHub commit activity GitHub release (latest by date) GitHub contributors

Introduction

Stylify is a library that generates utility-first CSS dynamically based on what you write.
Write HTML. Get CSS

Stylify preview

Want to know more?

  • Live examples and tutorials can be found in documentation.
  • Information about each release can be found in releases.
  • Have an idea? Found a bug? Feel free to create an issue.

Compatibility

Environment Version Note
Browser ES5-compliant browsers, Intersection Observer support is required. Stylify doesn't need to be included in the browser. All CSS can be pregenerated on server or during a build.
Node >= 14 In case Stylify will be used during an application build or in an SSR application.

Packages

Project Status Description
autoprefixer autoprefixer-status PostCSS Autoprefixer integration for SSR.
bundler bundler-status A flexible CSS bundler.
nuxt nuxt-status Module for Nuxt.js Framework v3+.
nuxt-module nuxt-module-status Module for Nuxt.js Framework v2 < v3.
profiler profiler-status Profiler for Stylify packages.
stylify stylify-status Core package. Generates CSS and minifies selectors.
unplugin unplugin-status Universal plugin for Vite, Webpack, Rollup and Esbuildn.

Stay In Touch

License

MIT

Copyright (c) 2021-present, Vladimír MachÑček