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/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/braswelljr/weather
Weather forecasts app with your daily and hourly updates
Last synced: 28 Oct 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/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/springtype-org/st-start
Zero configuration TypeScript/JavaScript bundler & DevServer for frontend and Node.js projects. Framework agnostic.
babel browserslist bundler cli code-splitting cross-platform css dev-server hmr html javascript jest nodejs postcss pwa sass server typescript webpack zero-configuration
Last synced: 10 Nov 2024
https://github.com/lanceguyatt/fronter
Front-end starter kit.
development-workflow gulpjs postcss pug webpack2
Last synced: 11 Oct 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/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/nju33/yosuga
CSS styleguide generator
css generator less nuxt postcss sass styleguide stylus
Last synced: 14 Oct 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/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/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/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/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/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/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/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/mrmartineau/zander.wtf
my site
astro jsx postcss tailwindcss utopia
Last synced: 11 Oct 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/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/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/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/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/emilbayes/css-pipeline
My personal PostCSS based CSS pipeline
Last synced: 01 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/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/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/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/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/hungpm372/coffee-style-ui
Coffee template ui
css3 firebase-hosting html5 js liveserver postcss tailwindcss
Last synced: 10 Nov 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/intellicode/boilerplate-2016
Boilerplate code for a modern Javascript application (2016)
boilerplate cssnext postcss react webpack
Last synced: 14 Nov 2024
https://github.com/shahadat3669/portfolio
Welcome to my Portfolio! It showcases my skills, projects, and contributions as a developer, demonstrating my proficiency with cutting-edge technologies and best practices in software development. As a developer, I excel in React, Next.js, Tailwind CSS, TypeScript, ESLint, Prettier, Husky, and Jest. Explore my diverse projects and contributions! 🚀
commitlint eslint husky jest lint-staged nextjs postcss prettier reactjs tailwindcss testing-library typescript
Last synced: 20 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/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/scottcrowley/default-laravel-tailwind-preset
A Laravel preset with default setup and TailwindCSS
Last synced: 30 Oct 2024
https://github.com/best-shot/postcss-plugin-matcher
PostCSS plugin for limit plugins matching
Last synced: 14 Oct 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/alekseypleshkov/postcss-adaptive-size
PostCSS plugin for create adaptive size
postcss postcss-adaptive-size postcss-plugin
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/tardo/docker-flask
Docker image to run flask applications using gunicorn
docker-image flask gunicorn npm poetry postcss rollup supervisord
Last synced: 18 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/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/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/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/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/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/magsout/magsout.com
magsout personal website
personal-website personal-website-homepage postcss prettier
Last synced: 09 Nov 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/yeojz/create-react-app-postcss-starter
Example setup for PostCSS using create-react-app without running eject
create-react-app postcss react starter
Last synced: 06 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/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/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/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/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/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/jorgeatgu/base-rollup
🚀 Starter kit: rollup + d3 + postcss
bash d3 javascript postcss rollup script starter-kit
Last synced: 10 Nov 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/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/henriquelimas/babel-rollup-postcss-boilerplate
babel boilerplate postcss rollup
Last synced: 13 Nov 2024
https://github.com/rencire/react-css-module-starter
babel css css-modules es6 hmr postcss react react-hot-reload webpack
Last synced: 11 Nov 2024
https://github.com/mauroreisvieira/redom-tailwindcss
Test RE:DOM & Tailwind CSS
documentation framework javascript library postcss redom tailwindcss
Last synced: 05 Nov 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/roose/wox-postcss-search
Search PostCSS plugin
nim postcss wox wox-plugin wox-postcss-search
Last synced: 12 Nov 2024
https://github.com/bush1d3v/diverti_lembrete_front
O DivertiLembrete é uma aplicação de lembretes, feita para criar lembretes baseados nos enviados pelo usuário, os pré-processando com a Openai apartir de uma emoção requisitada ao usuário.
bun css html javascript pinia postcss shadcn-vue tailwindcss typescript vite vue
Last synced: 07 Nov 2024
https://github.com/sohanemon/dragon-news
🚀 postcss, tailwind
combinators css firebase-auth postcss react react-hot-toast tailwindcss
Last synced: 15 Nov 2024
https://github.com/pierrecholhot/hank
Live OS monitoring UI built on top of HighCharts.js
babel es6 express-js highcharts node-js os-monitor postcss socket-io webpack
Last synced: 15 Nov 2024
https://github.com/azakharo/react-starter-2020
Start your new React application quickly. Clever development environment. All build tool configs are at your hands, change them if necessary.
antd autoprefixer axios babel boilerplate boilerplate-front-end eslint postcss prettier react reactjs redux redux-thunk starter-project stylelint webpack
Last synced: 05 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/harshita2234/mern-chat
This is a chat application built using the MERN stack (MongoDB, Express, React, Node.js). The backend API connects to MongoDB and the frontend is developed with React.
autop axios bycrypt-js cookie-parser cors dotenv express jwt lodash mongodb mongoose node-js postcss react tailwind-css vite web-socket
Last synced: 07 Nov 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/octet-stream/tailwindcss-device
TailwindCSS plugin to add variants for input device detection using `@media` queries
media-queries postcss tailwindcss tailwindcss-plugin
Last synced: 07 Nov 2024
https://github.com/skovy/css-codemod-demo
Example of a custom CSS codemod built with PostCSS
Last synced: 17 Oct 2024
https://github.com/devbyray/raymonschouwenaar-blog
RaymonSchouwenaar.nl blog
asset-pipeline boilerplate gulp hugo netlify postcss static-site static-site-generator victor-hugo webpack
Last synced: 13 Nov 2024
https://github.com/murshidazher/trostcss
:reminder_ribbon: A modular, lightweight and responsive front-end framework for rapid prototyping and UI development.
css-framework css3 frontend postcss stylesheet ui
Last synced: 08 Nov 2024
https://github.com/quramy/fuse-postcss-example
A Fuse-Box with PostCSS example repository.
Last synced: 17 Oct 2024
https://github.com/thenamevishnu/night-owl-client
(in progress) Night Owl is the ultimate freelance platform for connecting businesses with top-tier developers. Find the perfect developer for your project, benefit from secure transactions, and ensure successful collaboration.
axios css eslint jwt-authentication postcss reactjs tailwindcss vite
Last synced: 13 Nov 2024
https://github.com/thenamevishnu/black-board
Developed a blackboard for creative expression and interactive content, making it a valuable tool for artistic and educational purposes.
canvas eslint postcss reactjs tailwindcss vite
Last synced: 13 Nov 2024
https://github.com/ravesjs/config-webpack-etc
React-ready webpack configuration
babel configuration eslint postcss prettier react scss-modules template webpack
Last synced: 05 Nov 2024
https://github.com/bush1d3v/linktree
Aplicação "árvore de links", que possui o objetivo de reunir vários link de redes sociais de uma pessoa.
javascript nextjs postcss sass tailwind typescript yarn
Last synced: 07 Nov 2024
https://github.com/persteenolsen/webpack-5-es-boilerplate
A Webpack 5 boilerplate with Babel - Ready for using ES6 and above
babel boilerplate es6 postcss webpack
Last synced: 07 Nov 2024
https://github.com/koval01/tonview-svelte
Ton explorer on Svelte with Framework7
cloudflare-pages framework7 javascript notcoin postcss svelte sveltejs tailwind tailwindcss telegram ton toncoin typescript vite
Last synced: 10 Oct 2024
https://github.com/andreivictor/webpack-tailwind-starter
A starter frontend boilerplate using Webpack 5, TailwindCSS, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.
babel babel7 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint tailwind tailwindcss webpack webpack-boilerplate webpack5 webpack5-boilerplate
Last synced: 15 Oct 2024
https://github.com/devniel/derb
Devniel's Express and React Boilerplate
boilerplate express hot-module-replacement postcss react reactjs webpack2
Last synced: 13 Nov 2024
https://github.com/rumenpetrov/frontend-starter-kit
Minimal frontend only boilerplate that includes zurb panini, postcss, babel and gulp.
architecture automation babel boilerplate frontend gulp panini postcss starter-kit zurb-panini
Last synced: 14 Nov 2024
https://github.com/johnwatkins0/postcss-javascript-mixins
Write CSS mixins in Javascript.
Last synced: 13 Nov 2024
https://github.com/silvermine/postcss-css-var-fallback
PostCSS plugin to insert fallbacks for CSS Custom Properties
css css-custom-properties css-variables postcss
Last synced: 14 Nov 2024
https://github.com/mitulagr2/phraseshift
A user-friendly transcript editor.
bun jest postcss react tailwindcss transcription typescript
Last synced: 07 Nov 2024
https://github.com/songsterr/postcss-remove-all-at-rules
PostCSS plugin to remove all of the at-rules
at-rule cleanup css postcss postcss-plugin
Last synced: 13 Nov 2024
https://github.com/fmanimashaun/skilled-elearning-landing-page
his is a solution to the [Skilled e-learning landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/skilled-elearning-landing-page-S1ObDrZ8q). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
frontendmentor-challenge html5 mobile-first postcss scss webpack5
Last synced: 31 Oct 2024