JavaScript PostCSS

Open-source JavaScript projects categorized as PostCSS | Edit details

Top 23 JavaScript PostCSS Projects

  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: A Concise Startup List for Your Next Project | dev.to | 2021-12-07

    Frontend: Vue3 + Tailwind (Any framework works)

  • GitHub repo emotion

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

    Project mention: The React roadmap for beginners you never knew you needed. | dev.to | 2021-11-23

    Emotion

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo stylelint

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

    Project mention: When doing an @import to include external CSS, do the imports have to be before any other CSS? | reddit.com/r/css | 2021-09-07
  • GitHub repo uncss

    Remove unused styles from CSS

    Project mention: Lessons learned from building landing pages | dev.to | 2021-06-08

    In the process of trying to figure out how to remove the unused code, I found out about UnCSS, a tool that removes unused CSS from your stylesheets. It can be installed by running:

  • GitHub repo Radium

    A toolchain for React component styling.

    Project mention: The React roadmap for beginners you never knew you needed. | dev.to | 2021-11-23

    Radium

  • GitHub repo styled-jsx

    Full CSS support for JSX without compromises

    Project mention: How to achieve this in Next.js Built-In CSS/SCSS Support? | reddit.com/r/reactjs | 2021-11-17
  • GitHub repo JSS

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

    Project mention: Feel like that studying as a self-taught is taking me further than studying at university | reddit.com/r/webdev | 2021-10-25

    I started writing a long response, but I want to add that a simple CRA + JSS + TS (named exports only) stack solves or abstracts away most of these issues.

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. 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.

  • GitHub repo Aphrodite

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

    Project mention: The React roadmap for beginners you never knew you needed. | dev.to | 2021-11-23

    Aphrodite

  • GitHub repo React CSS Modules

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

    Project mention: Day 31 of 100 Days of Code & Scrum: Mobile Navbar and react-css-modules | dev.to | 2021-11-08

    react-css-modules | Github

  • GitHub repo Neutrino

    Create and build modern JavaScript projects with zero initial configuration.

    Project mention: How do I make a React component library? | reddit.com/r/reactjs | 2021-07-12

    I want to make a component library in React (TypeScript). But I don't know where exactly to begin. I've used CRA (create-react-app) before but that was to build MERN fullstack apps, and not component libraries, hence the confusion. I tried to use NeutrinoJS (as mentioned in the ReactJS docs), but it didn't have official TypeScript support/the ability to write components in TypeScript (instead of JavaScript).

  • GitHub repo glamor

    inline css for react et al

  • GitHub repo styletron

    :zap: Toolkit for component-oriented styling

    Project mention: 5 React.js UI Component libraries. | dev.to | 2021-08-11

    It is created, managed, and utilized by Uber. It includes a wide range of attractive components, with accessibility as the top focus. It is quick since it is built with the Styletron engine. Style overrides can be used to tweak themes, but in my experience, I've never required them because the design vibe they're trying for is precisely what I want.

  • GitHub repo vue-virtual-scroll-list

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

    Project mention: Rendering large datasets in Vue.js | dev.to | 2021-09-10

    These popular components allow for quick scrolling through large amounts of data in Vue apps, but do come with a caveat; Vue-virtual-scroller and Vue-virtual-scroll-list don’t deal with dynamic heights unless you hardcode them. If you want to test it out, there is a playground available for Vue Virtual Scroller here.

  • GitHub repo Fela

    State-Driven Styling in JavaScript

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

    Project mention: Introducing postcss-px-to-viewport: open-source software to create scalable interfaces on any display | reddit.com/r/Frontend | 2021-04-29
  • GitHub repo Symfony Encore

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

  • GitHub repo ReactCSS

    :lipstick: Inline Styles in JS

  • GitHub repo postcss-pxtorem

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

    Project mention: Why is tailwind so popular? | reddit.com/r/webdev | 2021-08-15
  • GitHub repo Atomizer

    A tool for creating Atomic CSS, a collection of single purpose styling units for maximum reuse.

    Project mention: The React roadmap for beginners you never knew you needed. | dev.to | 2021-11-23

    Atomic

  • GitHub repo postcss-import

    PostCSS plugin to inline @import rules content

    Project mention: Styling Remix using Tailwind and PostCSS | dev.to | 2021-12-03

    postcss-import

  • GitHub repo CSSX

    CSS in JavaScript

  • GitHub repo concise.css

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

    Project mention: CSS Deep | dev.to | 2021-02-26

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

  • GitHub repo gulp-postcss

    Pipe CSS through PostCSS processors with a single parse

    Project mention: Write modern CSS with PostCSS | dev.to | 2021-11-16

    Gulp: Use gulp-postcss

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 2021-12-07.

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 Tailwind CSS 49,611
2 emotion 14,092
3 stylelint 9,285
4 uncss 9,162
5 Radium 7,439
6 styled-jsx 6,750
7 JSS 6,565
8 Aphrodite 5,255
9 React CSS Modules 5,225
10 Neutrino 3,841
11 glamor 3,652
12 styletron 3,216
13 vue-virtual-scroll-list 3,179
14 Fela 2,095
15 postcss-px-to-viewport 1,986
16 Symfony Encore 1,969
17 ReactCSS 1,605
18 postcss-pxtorem 1,580
19 Atomizer 1,242
20 postcss-import 1,151
21 CSSX 1,013
22 concise.css 944
23 gulp-postcss 761
Find remote jobs at our new job board 99remotejobs.com. There are 32 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com