The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 JavaScript PostCSS Projects
-
-
-
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.
-
-
-
-
Aphrodite
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
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.
-
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.
-
-
-
-
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.
-
-
-
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.
Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25emotion [ https://emotion.sh ]
Another common way to extend configs in linters is using the extends key in the configuration file. Let's take StyleLint as an example:
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)
Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25
Most websites those days are SPA applications that render on the front-side. There is also this trend of CSS in JavaScript also knowns as JSS that is debatable (makes everything overcomplicated), but in some specific cases, can be justified and very useful.
Project mention: Understanding Code Structure: A Beginner's Guide to Tree-sitter | dev.to | 2024-04-06You can play with your code here, and visualise ASTs for the same.
Project mention: Few questions about useInfiniteQuery from tanstack/vue-query for Nuxt 2 | /r/vuejs | 2023-11-17How 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
Project mention: Are you still using the ternary operator to dynamically apply Tailwind styles? | dev.to | 2023-09-09Tailwind 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.
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 related posts
- Mojo CSS vs. Tailwind: Choosing the best CSS framework
- CSS Styling (Next.js)
- Open-source timepicker components for Tailwind CSS
- Creating Nx Workspace with Eslint, Prettier and Husky Configuration
- Css2wind – a minigame to learn Tailwind CSS
- Optimize CSS with SAT Solving
- CSS in Perl
-
A note from our sponsor - WorkOS
workos.com | 26 Apr 2024
Index
What are some of the best open-source PostCSS projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | emotion | 17,175 |
| 2 | stylelint | 10,821 |
| 3 | uncss | 9,388 |
| 4 | styled-jsx | 7,610 |
| 5 | JSS | 7,052 |
| 6 | astexplorer | 5,942 |
| 7 | Aphrodite | 5,337 |
| 8 | React CSS Modules | 5,213 |
| 9 | lost | 4,507 |
| 10 | vue-virtual-scroll-list | 4,267 |
| 11 | glamor | 3,658 |
| 12 | postcss-px-to-viewport | 2,933 |
| 13 | Fela | 2,261 |
| 14 | Symfony Encore | 2,209 |
| 15 | postcss-pxtorem | 1,998 |
| 16 | ReactCSS | 1,597 |
| 17 | Atomizer | 1,526 |
| 18 | postcss-import | 1,356 |
| 19 | CSSX | 1,007 |
| 20 | concise.css | 941 |
| 21 | postcss-easing-gradients | 907 |
| 22 | postcss-cli | 816 |
| 23 | gulp-postcss | 771 |
Sponsored
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.
www.influxdata.com