Style your Angular website faster with Stylify CSS

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • 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)

    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 bellow bundler.bundle([ { files: ['./src/**/*.html', './src/**/*.ts'], outputFile: './src/styles.css', }, // You can also split css for each component // You can map files within the components using content comment option // https://stylifycss.com/docs/bundler#files-content-option // Stylify takes that option and searches for defined files. If defined file // also has an option, id check also those files and so long. // This way it maps all files and all dependencies. /* { files: ['./src/app/app.component.*'], outputFile: './src/app/app.component.css', }, */ ]);

  • 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.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts