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: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25

    emotion [ https://emotion.sh ]

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

    SurveyJS logo
  • stylelint

    A mighty CSS linter that helps you avoid errors and enforce conventions.

  • Project mention: Streamline Your Workflow: A Guide to Normalising Git Commit and Push Processes | dev.to | 2024-05-05

    There are more linting tools that I won't go into deeply, but you can integrate them with lint-staged. For example, you can lint your CSS content with Stylelint, or even lint your README files with markdownlint, etc.

  • uncss

    Remove unused styles from CSS

  • Project mention: Optimize CSS with SAT Solving | news.ycombinator.com | 2024-03-17

    Check out: https://github.com/uncss/uncss

    I've only used it once but it did the job (NOTE: Plain HTML, plain CSS, no build pipeline. So YMMV)

  • styled-jsx

    Full CSS support for JSX without compromises

  • Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25
  • JSS

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

  • Project mention: The Ultimate Guide to Styling with CSS-in-JS Using Styled Components | dev.to | 2024-05-13

    While Styled Components is a popular choice for styling React applications, there are several alternatives worth exploring. Emotion, JSS, and CSS Modules are all viable options, each with its unique features and use cases.

  • astexplorer

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

  • Project mention: ESLint Plugin. What was missed in the doc? | dev.to | 2024-05-09

    https://astexplorer.net - a helpful tool to see the AST version of your code ESLint Selectors - the list of selectors typescript parser playground. astexplorer analogue for typescript. It has an essential feature: ESQuery filter. It allows you to debug your selectors in real-time.

  • Aphrodite

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

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • React CSS Modules

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

  • lost

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

  • vue-virtual-scroll-list

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

  • Project mention: Few questions about useInfiniteQuery from tanstack/vue-query for Nuxt 2 | /r/vuejs | 2023-11-17

    How would it work with vue virtual scroll list The library requires a single items array from what I understand, do I have to do anything special to make it work with this library

  • 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

  • Symfony Encore

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

  • 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: Are you still using the ternary operator to dynamically apply Tailwind styles? | dev.to | 2023-09-09

    Tailwind CSS is a CSS framework that has gained incredible popularity, with usage skyrocketing 40% in three years, according to the State of CSS 2022. It offers benefits such as development speed, maintainability, and gzip optimization. As a result, it is expected to exceed 50% in the 2023 survey. However, the readability of Tailwind CSS decreases sharply as the style becomes more complex, which is a typical disadvantage of the utility-first approach. Personally, I recommend my library, CSS Lube, but in this article, I would like to introduce some simple tips that can improve the developer experience when using the Atomic CSS approach.

  • postcss-import

    PostCSS plugin to inline at-import rules content

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

  • postcss-cli

    CLI for postcss

  • gulp-postcss

    Pipe CSS through PostCSS processors with a single parse

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

JavaScript PostCSS discussion

Log in or Post with

JavaScript PostCSS related posts

  • The Ultimate Guide to Styling with CSS-in-JS Using Styled Components

    5 projects | dev.to | 13 May 2024
  • Mojo CSS vs. Tailwind: Choosing the best CSS framework

    3 projects | dev.to | 9 Apr 2024
  • CSS Styling (Next.js)

    1 project | dev.to | 28 Mar 2024
  • Open-source timepicker components for Tailwind CSS

    2 projects | dev.to | 27 Mar 2024
  • Creating Nx Workspace with Eslint, Prettier and Husky Configuration

    12 projects | dev.to | 25 Mar 2024
  • Css2wind – a minigame to learn Tailwind CSS

    2 projects | news.ycombinator.com | 19 Mar 2024
  • Optimize CSS with SAT Solving

    5 projects | news.ycombinator.com | 17 Mar 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 14 Jun 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

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

Project Stars
1 emotion 17,261
2 stylelint 10,869
3 uncss 9,398
4 styled-jsx 7,634
5 JSS 7,053
6 astexplorer 6,013
7 Aphrodite 5,342
8 React CSS Modules 5,213
9 lost 4,508
10 vue-virtual-scroll-list 4,300
11 glamor 3,658
12 postcss-px-to-viewport 2,967
13 Fela 2,264
14 Symfony Encore 2,213
15 postcss-pxtorem 2,015
16 ReactCSS 1,597
17 Atomizer 1,528
18 postcss-import 1,361
19 CSSX 1,007
20 concise.css 941
21 postcss-easing-gradients 916
22 postcss-cli 819
23 gulp-postcss 771

Sponsored
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.
surveyjs.io