Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
PostCSS
PostCSS is a tool for transforming CSS with JavaScript. It can be used to develop a template language such as Sass and LESS. The PostCSS core consists of:
- CSS parser that generates an abstract syntax tree
- Set of classes that comprises the tree
- CSS generator that generates a CSS line for the object tree
- Code map generator for the CSS changes made#
There are official tools making it possible to use PostCSS with build systems such as Webpack, Gulp, and Grunt. There is also a console interface available. Browserify or Webpack can be used to open PostCSS in a browser.
The complete plugin list can be found on postcss.parts, with some examples listed below.
- Autoprefixer to add and clear browser prefixes.
- CSS Modules to get CSS selectors isolated and code organized. It is supplied as part of Webpack.
- stylelint to analyze CSS code for mistakes and check style consistency.
- stylefmt fixes the CSS code according to the stylelint settings.
- PreCSS to perform some Sass/Less preprocessing functions.
- postcss-preset-env to emulate features from unfinished CSS specification drafts.
- cssnano to make CSS smaller in size by getting rid of the spaces and rewriting the code.
- RTLCSS to change CSS code so that the design should be suitable for right-to-left writing (such is applied in Arabic and Hebrew).
- postcss-assets, postcss-inline-svg and postcss-sprites to work with graphics.
- GitHub: https://github.com/topics/postcss
- Wikipedia: https://en.wikipedia.org/wiki/PostCSS
- Repo: https://github.com/postcss
- Created by: Andrey Sitnik, Ben Briggs, Bogdan Chadkin
- Released: November 4, 2013
- Related Topics: sass, less, ast,
- Last updated: 2024-11-15 00:23:00 UTC
- JSON Representation
https://github.com/cheesecakelabs/gatsby-boilerplate
Cheesecake Labs + Gatsby = 💜
eslint postcss storybook stylelint
Last synced: 15 Nov 2024
https://github.com/nju33/yosuga
CSS styleguide generator
css generator less nuxt postcss sass styleguide stylus
Last synced: 14 Oct 2024
https://github.com/abdallahhemdan/css-nesting
Nesting CSS selectors natively using PostCSS as an experiment for the draft of CSSWG
css csswg nesting-styles postcss postcss-plugin
Last synced: 24 Oct 2024
https://github.com/hungpm372/coffee-style-ui
Coffee template ui
css3 firebase-hosting html5 js liveserver postcss tailwindcss
Last synced: 10 Nov 2024
https://github.com/privatenumber/postcss-custom-properties-transformer
PostCSS plugin to apply transformations to CSS custom properties (eg. mangling)
custom hash mangle minify plugin postcss properties transform
Last synced: 07 Nov 2024
https://github.com/goulvenclech/goulvenclech_11_02082021
Project 11 of the OpenClassrooms "Front End Developer" course. Powered by React, React Router and TypeScript.
jest postcss react spa tailwindcss typescript
Last synced: 14 Oct 2024
https://github.com/lanceguyatt/fronter
Front-end starter kit.
development-workflow gulpjs postcss pug webpack2
Last synced: 11 Oct 2024
https://github.com/devmattrick/postcss-color-5
[WIP] PostCSS plugin to add support for CSS Color Module Level 5 (color-mix, color-contrast, color-adjust).
5 color color-adjust color-contrast color-mix css module postcss postcss-plugin
Last synced: 27 Oct 2024
https://github.com/kristerkari/react-native-typed-postcss-transformer
PostCSS transformer with Typescript support for React Native
css loader postcss react-native transformer typescript
Last synced: 29 Oct 2024
https://github.com/magsout/magsout.com
magsout personal website
personal-website personal-website-homepage postcss prettier
Last synced: 09 Nov 2024
https://github.com/emilbayes/css-pipeline
My personal PostCSS based CSS pipeline
Last synced: 01 Nov 2024
https://github.com/ezavile/postcss-text-transform
A PostCSS plugin to transform the text
capitalize lowercase postcss postcss-plugin text text-transformations transform uppercase
Last synced: 29 Sep 2024
https://github.com/ephraimduncan/react-bolt-tailwind
React + Tailwind CSS Boilerplate
autoprefixer boilerplate-template css postcss react react-router react-tailwind-starter react-tailwindcss reactjs sass tailwind-css tailwindcss template
Last synced: 24 Oct 2024
https://github.com/milliorn/cryptocurrency-list
Web application built with React, showcasing a list of cryptocurrencies along with their details.
autoprefixer axios cryptocurrencies cryptocurrency cryptocurrency-exchanges dompurify postcss react react-icons react-lazy-load-image-component react-router-dom reactjs tailwind tailwind-css tailwindcss tailwindui
Last synced: 02 Nov 2024
https://github.com/hungpm372/nextjs-boilerplate
Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS
boilerplate docker javascript nextjs nodejs postcss shadcn-ui tailwindcss typescript
Last synced: 12 Oct 2024
https://github.com/songsterr/postcss-sayonara
PostCSS plugin to limit used declarations to a given set
cleanup css limit postcss postcss-plugin
Last synced: 27 Oct 2024
https://github.com/creeperyang/postcss-percentage
PostCSS plugin to transform percentage() function
percentage postcss postcss-plugin postcss-plugins
Last synced: 12 Nov 2024
https://github.com/ir3ne/vite-ts-tailwind-starter
🛸 A ready to go Vite starter with TypeScript and Tailwind
javascript postcss tailwind tailwindcss typescript vitejs
Last synced: 11 Oct 2024
https://github.com/albertfdp/boilerplate
🎩 Personal opinionated boilerplate for web apps
babel boilerplate css-modules jest postcss react unexpected webpack
Last synced: 08 Nov 2024
https://github.com/xeptore/sdfa
babel babel7 educational electron electron-builder javascript js postcss pug pugjs sass scss vue vuejs vuejs2 webpack webpack4 yarn
Last synced: 10 Oct 2024
https://github.com/winston0410/sparrow
A PostCSS plugin that helps you remove, replace, append or prepend CSS declarations without the need of writing another PostCSS plugin
hongkong postcss postcss-plugins
Last synced: 11 Oct 2024
https://github.com/ricardobeat/taks
Minimalistic ES7 async/await task runner
build grunt gulp postcss rollup task-runner tasks tasks-automation tool
Last synced: 08 Nov 2024
https://github.com/luovtyrell/star-wars
A dynamic React webpage that presents information about spacecraft from the Star Wars universe using SWAPI. Users can browse a list of ships, view detailed information on individual spacecraft, and manage access through authentication.
context css3 custom-hook daisy-ui eslint firebase image-server javascript jsx postcss prettier prop-types react reactrouterdom swapi-api tailwind-css vite
Last synced: 11 Oct 2024
https://github.com/hesiod3c/react-universal
React Universal UI (in development)
java javascript objective-c postcss python react react-native reactiveui redux
Last synced: 10 Oct 2024
https://github.com/theodesp/rollup-starter
Starter project using Rollup module bundler complete with livereload and postcss
es6-boilerplate eslint gulp livereload postcss rollup rollup-example starter-template
Last synced: 19 Oct 2024
https://github.com/bush1d3v/navarro_blog_front
The Navarro Blog API is built on high scalability and performance, implementing queues, cache banks, CI/CD jobs, automated code and dependency analysis, and a focus on testing and documentation.
actions biomejs bun cypress docker mitt nodejs nuxt pinia postcss shadcn-vue storybook tailwindcss typescript vitest vue vueuse
Last synced: 27 Sep 2024
https://github.com/lamualfa/postcss-minion
Using PostCSS as Minion Extractor
minion minion-extractor postcss postcss-plugin
Last synced: 08 Nov 2024
https://github.com/zamotany/tailwind-ts-gen
Generate TS/JS constants with Tailwind CSS class names for better IntelliSense and autocompletion/autosuggestion.
autocomplete autosuggest cli generator intellisense javascript js nodejs postcss tailwind tailwind-css tailwindcss tool ts typescript
Last synced: 14 Oct 2024
https://github.com/francoisromain/postcss-grid-fluid
A PostCSS plugin to create fluid grids.
css flexbox float grid-system postcss postcss-plugin
Last synced: 14 Oct 2024
https://github.com/shellyln/wp-quickstart-caller-example
[DEPRECATED] Usage example of webpack-typescript-lib-quickstart. Quickstart project scaffolding for TypeScript library that runs on browsers and/or Node build with Webpack 2.
ci getting-started node postcss quickstart scaffolding scss starter starter-template typescript webpack webpack2
Last synced: 27 Sep 2024
https://github.com/mayank99/remix-djent-stack
Remix stack with basic postcss-preset-env, code formatting, linting etc
Last synced: 14 Nov 2024
https://github.com/braswelljr/weather
Weather forecasts app with your daily and hourly updates
Last synced: 28 Oct 2024
https://github.com/bernardomennndes/routine-planner
Projeto desenvolvido durante a oficina de introdução ao React.js, durante o evento da semana do programador Unicoder.
postcss radix-ui react tailwindcss typescript vite zod
Last synced: 11 Oct 2024
https://github.com/danny-englander/quartz
A Drupal 10 Single Directory Components theme using PostCSS and Storybook
components css drupal laravelmix postcss storybook twig
Last synced: 07 Nov 2024
https://github.com/solygambas/html-css-travel-site
A travel website to understand BEM architecture, PostCSS and Webpack.
bem css3 html5 javascript postcss react webpack
Last synced: 27 Oct 2024
https://github.com/arpitgo4/react-redux-scaffold
Scaffolding for frontend only applications with React-Redux.
babel css-modules css3 docker eslint express html nginx nodejs postcss postcss-plugins react-hot-loader-3 react-redux react-router reactjs redux redux-thunk webpack webpack-dev-middleware webpack-hot-middleware
Last synced: 08 Nov 2024
https://github.com/jorgeatgu/base-rollup
🚀 Starter kit: rollup + d3 + postcss
bash d3 javascript postcss rollup script starter-kit
Last synced: 10 Nov 2024
https://github.com/scottcrowley/default-laravel-tailwind-preset
A Laravel preset with default setup and TailwindCSS
Last synced: 30 Oct 2024
https://github.com/yukihirai0505/portfolio
:satisfied: My portfolio by React.js
css3 es6 html5 portfolio portfolio-website postcss react reactjs
Last synced: 14 Nov 2024
https://github.com/songsterr/postcss-unwrap-mq
PostCSS plugin to extract matched media queries to their parents
css media-query postcss postcss-plugin unwrap
Last synced: 13 Nov 2024
https://github.com/jlozovei/wordpress-boilerplate
WordPress theme simplified boilerplate with gulp.js + PostCSS + es2015
boilerplate es2015 gulp postcss wordpress wordpress-boilerplate
Last synced: 13 Nov 2024
https://github.com/mrmartineau/zander.wtf
my site
astro jsx postcss tailwindcss utopia
Last synced: 11 Oct 2024
https://github.com/sparkbox/splinter
🐭 Parse and split SCSS files based on functions and mixins.
Last synced: 13 Nov 2024
https://github.com/letsjaam/postcss-letter-tracking
PostCSS plugin to generate relative, Photoshop-compatible letter tracking for improved letter spacing.
letter-spacing letter-tracking postcss postcss-plugin typography
Last synced: 12 Nov 2024
https://github.com/noviel/webpack-features
Configure webpack quickly and without pain
bundle css-modules postcss presets react typescript webpack webpack-features
Last synced: 14 Oct 2024
https://github.com/nathanielinman/mithril-boilerplate
Mithril boilerplate with webpack, pug and stylus
autoprefixer boilerplate eslint jsx mithril postcss pug stylus webpack
Last synced: 07 Nov 2024
https://github.com/alexmasterov/coding-style
:heavy_check_mark: A coding style configurations
code-style eslint-config php-cs-fixer postcss stylefmt-config stylelint-config tidy-config
Last synced: 07 Nov 2024
https://github.com/jpeer264/postcss-rcs
The postcss plugin for rcs-core
css minify postcss postcss-plugin rcs rename
Last synced: 15 Nov 2024
https://github.com/andrepolischuk/react-redux-example
An example of React Redux async application
example example-app postcss react redux
Last synced: 09 Nov 2024
https://github.com/winston0410/bewater
A PostCSS plugin that helps you automatically apply `clamp()` to values to achieve a fluid design efficently.
bewater postcss postcss-plugin postcss-sparrow
Last synced: 28 Oct 2024
https://github.com/alekseypleshkov/postcss-adaptive-size
PostCSS plugin for create adaptive size
postcss postcss-adaptive-size postcss-plugin
Last synced: 07 Nov 2024
https://github.com/neetjn/neetjn.github.io
My personal portfolio SPA created with Svelte.js and Tailwind CSS.
javascript nodejs parcel portfolio postcss progressive spa svelte sveltejs tailwind tailwindcss
Last synced: 28 Oct 2024
https://github.com/wearegenki/ui
A friendly UI framework which aims to be straightforward, intuitive, and high performance.
css css-grid design-system marko postcss vue wearegenki
Last synced: 27 Sep 2024
https://github.com/marijanasevo/silkenskin
Skincare ecommerce website with Vite — React — TypeScript — Redux — Firestore — Firebase-auth — Stripe — CSS Modules — PostCss
cssmodules firebase firebase-auth postcss react redux stripe typescript vite
Last synced: 14 Oct 2024
https://github.com/thoughtbit/postcss-simple-utils
:cyclone: PostCSS插件，基础工具库
Last synced: 12 Nov 2024
https://github.com/efiand/gulp-template
Шаблон с SSR/SPA на Vue и Svelte
a11y bem boilerplate eslint gulp image-optimization mobile-first nodejs pixelperfect portfolio-project postcss posthtml retinal-images sprite stylelint vanilla-js w3c-validation webp webpack
Last synced: 14 Nov 2024
https://github.com/intellicode/boilerplate-2016
Boilerplate code for a modern Javascript application (2016)
boilerplate cssnext postcss react webpack
Last synced: 14 Nov 2024
https://github.com/sebastian-software/edgeapp
[UNMAINTAINED] A boilerplate for your own application demonstrating the power of EdgeStack.
boilerplate graphql-client jest postcss redux storybook webpack webpack2
Last synced: 30 Sep 2024
https://github.com/hungpm372/ideaboard
Ideaboard is a powerful and intuitive application designed to boost creativity, planning, and collaboration. Perfect for teams, creators, and entrepreneurs, Ideaboard transforms your ideas into actionable plans.
board clerk-auth convex liveblocks nextjs postcss reactjs shadcn-ui tailwindcss
Last synced: 11 Oct 2024
https://github.com/kogakure/website-11ty-kogakure.de
My Ninja and Ninjutsu book website. Created in 1999. The current version is the 9th iteration. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.
11ty eleventy eleventy-website gulp javascript nunjucks postcss
Last synced: 07 Nov 2024
https://github.com/edixonalberto/ninshop
App web para mostrar juegos de Nintendo
nintendo nintendo-switch portfolio postcss preview react redux-toolkit typescript
Last synced: 11 Oct 2024
https://github.com/natterstefan/stylelint-config-ns
Stylelint config with CSS (`.(s)css`), Tailwind, PostCSS and Prettier support.
postcss prettier prettier-stylelint tailwind tailwind-stylelint
Last synced: 30 Oct 2024
https://github.com/milliorn/web-browser-chat-app
Simple messenger app through the web browser.
autoprefixer css firebase firebase-auth firebase-database firebase-hooks html html-css html-css-javascript js jsx postcss react react-google-button react-hooks reactjs tailwind tailwind-css tailwindcss tailwindui
Last synced: 26 Oct 2024
https://github.com/a-x-/postcss-global-nested
Wrap styles into a :global like postcss-nested does it for usual selectors
postcss postcss-nested postcss-plugin
Last synced: 11 Oct 2024
https://github.com/cyruskabir/testimonial-page-html-css-
This challenge is to practice more advanced HTML and CSS skills. The challenge is to create a simple testimonial page that you need use grid, media queries, icons,...
css devchallengesio html postcss vite
Last synced: 07 Nov 2024
https://github.com/simonpadbury/baselayer-3
A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.
cascade-layers color-mix container-queries css cssgrid documentation eleventy-site postcss responsive-layout variables
Last synced: 11 Oct 2024
https://github.com/arden-rh/shelf-control
A web app for managing your personal library
firebase firebase-auth firestore melt-ui postcss school-project svelte sveltekit tailwindcss typescript vite
Last synced: 11 Oct 2024
https://github.com/chandraprakash-bathula/hunger-bites-restaurant_app
A React.JS Application with live API data from SWIGGY.
babel css html javascript jsx parcel postcss react-hooks react-js react-router tailwindcss
Last synced: 11 Oct 2024
https://github.com/jeff2ma/postcss-decls-ref
A PostCSS plugin that extend declaration block from an existed rule with target selector (like sass`@extend`).
css declaration extend postcss postcss-plugin ref sass
Last synced: 11 Oct 2024
https://github.com/atakantepe/tailwindcss-parser
A utility tool for parsing Tailwind CSS output files into structured JSON files using PostCSS. Originally developed for the TailwindCSS Cheat Sheet project.
css-parser json postcss tailwind-css utility-tool web-development
Last synced: 07 Nov 2024
https://github.com/davidwarrington/postcss-responsive-classes
Generate responsive class variants with responsive at-rule
Last synced: 03 Nov 2024
https://github.com/yuan66-hub/react-h5-pages
H5多页面打包模板，支持命令行交互方式选择页面按需打包，页面体积优化，体积分析，集成tailwindcss原子化，静态资源预加载（js/css/image/font），代码混淆，CSS Module，支持rspack脚手架，重复依赖代码检测，预渲染，rsdoctor模块引用分析工具，umi 多页面打包模式等功能
babel eslint mpa postcss preload react18 rsdoctor rspack tailwindcss ts umi webpack5
Last synced: 07 Nov 2024
https://github.com/chubi-x/sorta-frontend
React frontend for sorta, an app that lets twitter users manage and categorize their bookmarks
bem-methodology css frontend lottie postcss react-infinite-scroll react-router-dom reactjs tailwindcss typescript
Last synced: 14 Nov 2024
https://github.com/abradifcode/webpack-boilerplate
Webpack 3 Boilerplate with Bootstrap 3 JQuery and FontAwesome
babel boilerplate bootstrap3 font-awesome postcss scss webpack3
Last synced: 12 Nov 2024
https://github.com/tamino-martinius/ui-snippets-template
Webpack Template with HTML (just body), CSS/PostCSS and JS/TypeScript
html postcss typescript ui-snippets
Last synced: 10 Nov 2024
https://github.com/alex-kinokon/postcss-light-dark
PostCSS implementation of light-dark() function
Last synced: 13 Nov 2024
https://github.com/kogakure/website-11ty-hamburg.stefanimhoff.de
My travel blog for walking and cycling the city of Hamburg. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.
11ty eleventy eleventy-website gulp javascript nunjucks postcss
Last synced: 07 Nov 2024
https://github.com/fsmaiorano/snippets-vault
:computer: Save your own snippets on a mysql server.
bootstrap4 express mariadb nodejs nunjucks postcss ts-node typeorm typescript
Last synced: 05 Nov 2024
https://github.com/gsoft-inc/wl-web-configs
Shared configurations for building web applications at Workleap.
browserslist eslint postcss stylelint swc tsup typescript webpack
Last synced: 18 Oct 2024
https://github.com/fitri-hy/dev-framework
Fullstack framework designed for building modern web applications with ease
dev framework frontend fullstack fullstack-javascript nodejs postcss tailwindcss web-framework webpack
Last synced: 11 Oct 2024
https://github.com/cxspxr/vue-cli-plugin-sugarss
:strawberry: SugarSS support for vue-cli projects
postcss sass stylus sugarss vue vue-cli vue-cli-plugin webpack
Last synced: 18 Oct 2024
https://github.com/cxspxr/react-shortener
:link: Rails API & React URL Shortener
coffeescript2 heroku jsx postcss rack-attack rails rails5-api react reactjs rspec stylus sugarss url-shortener webpack
Last synced: 18 Oct 2024
https://github.com/creaworks-labs/postcss-react-bender
PostCSS plugin to process react-bender styling features with scss like syntax.
css-in-js cssnext postcss postcss-plugin react-native styled-components stylesheet
Last synced: 05 Nov 2024
https://github.com/aras-ax/postcss-vars-process
PostCSS plugin to extract and replace variables from css, support legal custom format variables
css-variables extract extract-values postcss
Last synced: 05 Nov 2024
https://github.com/aeyoll/postcss-imageset-type
PostCSS plugin for adding image-set type to background-images.
Last synced: 01 Nov 2024
https://github.com/creative-tutorials/html-tailwind
HTML Tailwind boilerplate
css css3 html html-tailwind html-tailwind-template html-tailwindcss html5 postcss tailwind tailwindcss
Last synced: 07 Nov 2024
https://github.com/sakilk130/nextjs-13-boilerplate
🚀🚀🚀 Boilerplate and Starter for Next.js 13+, Tailwind CSS & TypeScript Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Commitlint + VSCode + PostCSS + Tailwind CSS
boilerplate boilerplate-front-end boilerplate-template eslint jamstack js-boilerplate next-js next-js-template next-theme nextjs postcss seo starter-kit starter-template static-site static-site-generator tailwind-css tailwindcss typescript
Last synced: 14 Oct 2024
https://github.com/akellbl4/introduction-to-nextjs
Demo repository for a webinar. You can find few different examples of Next.js installation in one place and play with them
bootstrap examples nextjs nextjs-example postcss styled-jsx vercel
Last synced: 15 Oct 2024
https://github.com/nandomoreirame/preview-responsive-navbar
A preview responsive navbar iframe
cssvar cssvariables html iframe navbar postcss preview
Last synced: 09 Nov 2024
https://github.com/alexandremasy/postcss-salt-typography
PostCSS plugin to add a collection of mixins, helpers related to font management for you CSS.
postcss postcss-plugins salt salt-plugins
Last synced: 06 Nov 2024
https://github.com/buddye/postcss-remove-important
PostCSS cleanup plugin to strip !important for AMP compatible CSS
Last synced: 12 Nov 2024
https://github.com/birdofpreyru/postcss-icss
PostCSS plugin to process CSS modules and extract tokens
css css-modules javascript modules plugin postcss web
Last synced: 27 Sep 2024
https://github.com/the-holocron/threepio
The protocol droid.
babel babel-preset browserslist browserslist-config commitlint commitlint-config eslint eslint-config jest-preset lerna lint-staged-config markdownlint markdownlint-config monorepo postcss postcss-config semantic-release-config storybook-config stylelint-config webpack-config
Last synced: 18 Oct 2024
