-
packages
💎 Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely optimized utility-first CSS dynamically based on what you write 💎. (by stylify)
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
const { Bundler } = require('@stylify/bundler'); const isDev = process.argv[process.argv.length - 1] === '--w'; const bundler = new Bundler({ watchFiles: isDev, // Optional compiler: { mangleSelectors: !isDev, // https://stylifycss.com/docs/stylify/compiler#variables variables: {}, // https://stylifycss.com/docs/stylify/compiler#macros macros: {}, // https://stylifycss.com/docs/stylify/compiler#components components: {}, // ... } }); // This bundles all CSS into one file // You can configure the Bundler to bundle CSS for each page separately // See bundler link below bundler.bundle([ { files: ['./app/**/*.tsx'], outputFile: './app/styles/stylify.css' }, ]);
Related posts
-
Faster React apps coding: How to migrate from Emotion CSS-in-JS to Stylify Utility-First CSS
-
How to Effortlessly Migrate from Styled Components CSS-in-JS to Stylify Utility-First CSS for Better React Development. | Stylify CSS
-
How to Effortlessly Migrate from Styled Components CSS-in-JS to Stylify Utility-First CSS for Better React Development.
-
Best Practices for Utility-First CSS
-
Using Beautiful Material Themes from Material Theme Builder in Stylify CSS