JavaScript PostCSS

Open-source JavaScript projects categorized as PostCSS

Top 23 JavaScript PostCSS Projects

  • emotion

    👩‍🎤 CSS-in-JS library designed for high performance style composition

    Project mention: How are you styling in NextJS? | reddit.com/r/reactjs | 2023-02-01
  • stylelint

    A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

    Project mention: 20 Best Libraries and Tools for React Developers | dev.to | 2023-01-25

    Stylelint helps prevent errors and ensures style conventions.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • uncss

    Remove unused styles from CSS

    Project mention: PurgeCSS & styled-components: Does It Work? | dev.to | 2022-04-29

    PurgeCSS analyzes your HTML and internally keeps track of which selectors are being used or not. PurgeCSS actually analyzes other types of files besides HTML for selectors, such as template files and JavaScript. This feature is what makes PurgeCSS different from a similar solution, UnCSS, and related to a 'predecessor' solution called PurifyCSS. More on both of those later on.

  • styled-jsx

    Full CSS support for JSX without compromises

    Project mention: Is there anything like Astro's CSS for vanilla React or Next? | reddit.com/r/reactjs | 2022-09-28
  • JSS

    JSS is an authoring tool for CSS which uses JavaScript as a host language.

    Project mention: Front-end Guide | dev.to | 2022-11-23

    JSS

  • Aphrodite

    Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

  • astexplorer

    A web tool to explore the ASTs generated by various parsers.

    Project mention: Demystification of JavaScript Code processing using V8 as the targeted engine 🔬 | dev.to | 2023-02-01

    Your JavaScript code gets compiled to what A*ST(Abstraction Syntax Tree). Its a format that Our ISA(Instruction Set Architecture) machine/engine can process, the idea is similar to when you want to use **Theo-design-token-engine* to compile from one style-model to another e.g from CSS to XML styles, it means you must write in a model that theo understand. Here is a link if you wish to see the AST in action:Click me ###Sample of Js code to AST

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • React CSS Modules

    Seamless mapping of class names to CSS modules inside of React components.

    Project mention: Currently switching from React to Vue | reddit.com/r/vuejs | 2023-01-25

    Is this what you man by react css modules: https://github.com/gajus/react-css-modules

  • lost

    LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.

    Project mention: LostGrid is a powerful grid system built in PostCSS | news.ycombinator.com | 2022-07-06
  • Neutrino

    Create and build modern JavaScript projects with zero initial configuration.

    Project mention: Boilerplates For ReactJS | reddit.com/r/reactjs | 2022-05-05

    Neutrino

  • vue-virtual-scroll-list

    ⚡️A vue component support big amount data list with high render performance and efficient.

    Project mention: How do you guys feel about Blazor | reddit.com/r/dotnet | 2022-04-22
  • glamor

    inline css for react et al

  • postcss-px-to-viewport

    A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.

  • Fela

    State-Driven Styling in JavaScript

    Project mention: Best practices for CSS and making things faster? | reddit.com/r/react | 2022-08-28

    [Fela](https://fela.js.org/) and [Griffel](https://github.com/microsoft/griffel) are also not bad choice.

  • Symfony Encore

    A simple but powerful API for processing & compiling assets built around Webpack

    Project mention: WHAT IS THE BEST WAY TO ADD CSS IN TWIG? | reddit.com/r/symfony | 2022-12-13

    stop yelling and try google before posting here, literally the first result of "symfony css" points you to the correct documentation: https://symfony.com/doc/current/frontend.html

  • postcss-pxtorem

    Convert pixel units to rem (root em) units using PostCSS

  • ReactCSS

    :lipstick: Inline Styles in JS

  • Atomizer

    A library to create small, reusable CSS that scales as your website grows.

    Project mention: Mengenal macam - macam Metodologi penulisan CSS - Part 2 | dev.to | 2022-11-03

    Dokumentasi resmi ACSS: https://acss.io/

  • postcss-import

    PostCSS plugin to inline at-import rules content

    Project mention: Problem with PostCSS and TailwindCSS/Storybook | reddit.com/r/gatsbyjs | 2022-09-19

    This might be your issue: https://github.com/postcss/postcss-import/issues/435

  • CSSX

    CSS in JavaScript

  • concise.css

    A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.

  • postcss-easing-gradients

    PostCSS plugin to create smooth linear-gradients that approximate easing functions.

    Project mention: Quickly create nice CSS gradients with the CSS Gradient Creator | reddit.com/r/programming | 2022-05-06
  • gulp-postcss

    Pipe CSS through PostCSS processors with a single parse

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-02-01.

JavaScript PostCSS related posts

Index

What are some of the best open-source PostCSS projects in JavaScript? This list will help you:

Project Stars
1 emotion 15,973
2 stylelint 10,108
3 uncss 9,298
4 styled-jsx 7,330
5 JSS 6,900
6 Aphrodite 5,318
7 astexplorer 5,289
8 React CSS Modules 5,251
9 lost 4,530
10 Neutrino 3,940
11 vue-virtual-scroll-list 3,864
12 glamor 3,651
13 postcss-px-to-viewport 2,547
14 Fela 2,221
15 Symfony Encore 2,122
16 postcss-pxtorem 1,823
17 ReactCSS 1,604
18 Atomizer 1,446
19 postcss-import 1,271
20 CSSX 1,011
21 concise.css 940
22 postcss-easing-gradients 859
23 gulp-postcss 766
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com