PostCSS

Transforming styles with JS plugins (by postcss)

Stats

Basic PostCSS repo stats
7
24,312
9.2
7 days ago

postcss/postcss is an open source project licensed under MIT License which is an OSI approved license.

PostCSS Alternatives

Similar projects and alternatives to PostCSS
  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • GitHub repo Next.js

    The React Framework

  • GitHub repo twind

    The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

  • GitHub repo TypeScript-Website

    The Website and web infrastructure for learning TypeScript

  • GitHub repo webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  • GitHub repo parcel

    📦🚀 Blazing fast, zero configuration web application bundler

  • GitHub repo esbuild

    An extremely fast JavaScript bundler and minifier

  • GitHub repo Snowpack

    ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️

  • GitHub repo Alpine.js

    A rugged, minimal framework for composing JavaScript behavior in your markup.

  • GitHub repo Sass

    Sass makes CSS fun!

  • GitHub repo purgecss

    Remove unused CSS

  • GitHub repo cssnano

    A modular minifier, built on top of the PostCSS ecosystem.

  • GitHub repo berry

    📦🐈 Active development trunk for Yarn ⚒

  • GitHub repo tailwindcss-jit

  • GitHub repo prettier

    Prettier is an opinionated code formatter.

  • GitHub repo marked

    A markdown parser and compiler. Built for speed.

  • GitHub repo ESLint

    Find and fix problems in your JavaScript code.

  • GitHub repo classnames

    A simple javascript utility for conditionally joining classNames together

  • GitHub repo Bit

    Build modular projects with components in harmony.

  • GitHub repo django-compressor

    Compresses linked and inline javascript or CSS into a single cached file.

NOTE: The number of mentions on this list indicates mentions on common posts. Hence, a higher number means a better PostCSS alternative or higher similarity.

Posts

Posts where PostCSS has been mentioned. We have used some of these posts to build our list of alternatives and similar projects - the last one was on 2021-04-08.
  • How to enable Tailwind JIT compilation mode in your Angular project.
    dev.to | 2021-04-08
    People really started liking Tailwind and using it with other frameworks was so easy. But in the case of Angular, it was a different story. Tailwind is a PostCSS plugin, so to make it work, we need access to the PostCSS configuration where we can specify tailwind in the plugins list. Even though Angular uses PostCSS, it didn't expose the bundler config file making it difficult to use Tailwind in Angular.
  • How I reduced Raveberry's transferred frontend code by 90%
    reddit.com/r/Raveberry | 2021-04-03
    Afterwards, a postcss pass minifies the css code, resulting in 21,8KB per light/dark style. In comparison to the naive approach, this amounts to almost 90% reduction.
  • NextJS Landing Page Template Free with Tailwind CSS and TypeScript [Open source]
    dev.to | 2021-03-31
    🚀 Landing Page theme written in Next.js, Tailwind CSS and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
  • Add TailwindCSS JIT to your Nuxtjs site
    dev.to | 2021-03-25
    adding TailwindCSS became really easy since nuxtjs/tailwindcss v4.0.0. Before (like explained on the Tailwind Install Docs), you needed to install a great deal of packages to be able to use TailwindCSS with Nuxt. Also they were outdated versions of packages. Now it's just the @nuxtjs/tailwindcss module and PostCSS. So first install those.
  • Using Sass as a tailwindCSS preprocessor
    dev.to | 2021-03-24
    In the project I was working in, we're using a webpack / babel setup with minifyCSS to compile the CSS into the production environment. To change the whole system was probably going to take a while and to be honest I didn't write that code and didn't feel certain that everything was going to work. I searched around for a bit on the documentation of PostCSS and tought of a fix on how it possibly could work.
  • Using a Headless CMS to Personalize E-Commerce With LexasCMS
    dev.to | 2021-03-24
    Since TailwindCSS is actually a PostCSS plugin, we’ll also need to install that as well.
  • Speed up Next.js build with Typescript and Tailwind CSS
    dev.to | 2021-03-24
    The big issue with Tailwind is that it pulls a huge amount of CSS classes into the parser, in the form of a 3.6 MB CSS file - or 6.0 MB if you enable dark mode. This is heavy on PostCSS, uses a lot of memory (our server would frequently trigger OOM kills).
  • How to Build A React TS Tailwind Design System
    dev.to | 2021-02-16
    If you are unfamiliar with PostCSS, in short, it's a tool for transforming CSS with JavaScript and allows us to use "Tomorrow's CSS today". It is a CSS preprocessor, similar to SaSS, but with some differences.
  • I don't want to do front-end anymore
    There's also PostCSS which was supposed to make css preprocessors modular like the rest of your code. I don't know how many people use it after the newest css features have rolled out like Grid and whatnot.
  • Landing Starter Template based on TailwindCSS, AlpineJs and build on esbuild and PostCSS
    dev.to | 2021-02-14
    Unfortunately, tailwind requires a build system to take advantage of all its features. Furthermore, during deployment, the unused CSS must be removed because the style file becomes very large (>2Mb). The PostCSS and its plugins come to the rescue.
  • How to create a React Component Library with Storybook + PostCSS
    dev.to | 2021-02-12
    PostCSS: Converts modern CSS into something modern browsers understand and determines the polyfills needed based on the targeted browsers or runtime environments.
  • Desktop developer new to web development, are there any tools (like sass) that I should know about?
    reddit.com/r/webdev | 2021-02-11
    Cool that you like Sass, maybe checkout PostCSS depending on your setup.
  • Styleguide setup
    dev.to | 2021-01-16
    postcss
  • CSS Architecture (BEM, OOCSS, SMACSS & ACSS) and why we need it.
    dev.to | 2021-01-12
    I would recommend finding out more about PostCSS by visiting the PostCSS repository.
  • Using tailwind at build-time with lit-element
    dev.to | 2020-12-29
    postcss