Top 23 JavaScript PostCSS Projects

• Tailwind CSS

  405 49,611 9.8 JavaScript

  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)

• emotion

  17 14,092 8.1 JavaScript

  👩‍🎤 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

  github.com/nanovms

  sponsored

  Run Linux Software Faster and Safer than Linux with Unikernels.

  

• stylelint

  12 9,285 9.6 JavaScript

  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

• uncss

  3 9,162 0.0 JavaScript

  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:

• Radium

  2 7,439 0.9 JavaScript

  A toolchain for React component styling.

  

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

  Radium

• styled-jsx

  13 6,750 6.6 JavaScript

  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

• JSS

  8 6,565 8.1 JavaScript

  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

  scoutapm.com

  sponsored

  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.

  

• Aphrodite

  3 5,255 0.2 JavaScript

  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

• React CSS Modules

  1 5,225 0.0 JavaScript

  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

• Neutrino

  2 3,841 5.3 JavaScript

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

• glamor

  0 3,652 0.0 JavaScript

  inline css for react et al

• styletron

  3 3,216 4.2 JavaScript

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

• vue-virtual-scroll-list

  1 3,179 4.1 JavaScript

  ⚡️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.

• Fela

  0 2,095 6.0 JavaScript

  State-Driven Styling in JavaScript

• postcss-px-to-viewport

  1 1,986 0.0 JavaScript

  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

• Symfony Encore

  0 1,969 7.9 JavaScript

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

  

• ReactCSS

  0 1,605 0.0 JavaScript

  :lipstick: Inline Styles in JS

• postcss-pxtorem

  3 1,580 1.3 JavaScript

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

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

• Atomizer

  8 1,242 5.4 JavaScript

  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

• postcss-import

  2 1,151 4.9 JavaScript

  PostCSS plugin to inline @import rules content

  

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

  postcss-import

• CSSX

  0 1,013 0.0 JavaScript

  CSS in JavaScript

• concise.css

  1 944 0.0 JavaScript

  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.

• gulp-postcss

  1 761 2.1 JavaScript

  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

JavaScript PostCSS related posts

• Styling Remix using Tailwind and PostCSS
  5 projects | dev.to | 3 Dec 2021
• Building a JAMstack shop with Strapi 4, Nuxt 3, Snipcart - part 1
  3 projects | dev.to | 1 Dec 2021
• How to add a condition for a button to be active in tailwind CSS when we pass query string in the nextjs app?
  1 project | reddit.com/r/tailwindcss | 29 Nov 2021
• An Introduction to Tailwind CSS & Template Collection
  1 project | dev.to | 29 Nov 2021
• How to use with another exciting framework
  1 project | dev.to | 27 Nov 2021
• Create A Laravel Cookie Consent Banner Without JavaScript
  1 project | dev.to | 26 Nov 2021
• Help figuring out platform
  2 projects | reddit.com/r/Wordpress | 26 Nov 2021

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

Get the trending JavaScript projects
with our weekly report!
» Subscribe «