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
-
-
-
Scout APM
Scout APM - Leading-edge performance monitoring starting at $39/month. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
-
-
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.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
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.
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%
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]
🚀 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
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
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
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
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
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
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
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?
Cool that you like Sass, maybe checkout PostCSS depending on your setup.
-
Styleguide setup
postcss
-
CSS Architecture (BEM, OOCSS, SMACSS & ACSS) and why we need it.
I would recommend finding out more about PostCSS by visiting the PostCSS repository.
-
Using tailwind at build-time with lit-element
postcss