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: 2025-01-08 00:19:12 UTC
- JSON Representation
https://github.com/lordpluha-zz/devgulp
Creating gulpfile strater-project, based on newest stable trends
css gulp gulp-plugins gulp-sass gulp-starter gulp-tasks gulp4 gulpjs html html5 html5-css3 html5-framework javascript node-js nodejs php postcss scss stylelint
Last synced: 16 Nov 2024
https://github.com/newbornfrontender/wc-ast-sample
ast babel postcss prettier rollup web-components
Last synced: 24 Oct 2024
https://github.com/nafizpervez/payme
a Responsive Payment Application Based on Flutter and Laravel
api-rest axios bootstrap5 flutter flutter-app flutter-getx flutter-web laravel-framework php-library postcss qrcode-scanner sass vuejs
Last synced: 08 Jan 2025
https://github.com/ravesjs/config-webpack-etc
React-ready webpack configuration
babel configuration eslint postcss prettier react scss-modules template webpack
Last synced: 23 Dec 2024
https://github.com/melhosseiny/es-starter-kit
Starter kit for web projects
babel browserslist ecmascript express javascript postcss webpack
Last synced: 22 Nov 2024
https://github.com/bush1d3v/solidity-todo-app
Solidity Todo App is an solidity study project, integrated with web3 and vue.js.
biomejs bun css ethereum ganache ganache-ui html javascript metamask postcss remix shadcn-vue solidity tailwindcss truffle typescript vite vuejs web3 web3js
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: 23 Dec 2024
https://github.com/everproof/blueq-react-boilerplate
BlueQ's React App boilerplate
babel blueq boilerplate es6 eslint javascript postcss react react-boilerplate react-router redux sass sass-lint scss webpack2
Last synced: 30 Sep 2024
https://github.com/aliaks-ei/advent-of-javascript
This repository contains implementation of challenges from Advent of Javascript calendar
a11y animations composition-api-vue3 css eslint javascript postcss sass tailwind typescript vite vue
Last synced: 03 Dec 2024
https://github.com/angelmtztrc/tailwindcss-darkmode
A basic example of Dark/Light mode with TailwindCSS and ReactJS.
javascript postcss reactjs tailwindcss
Last synced: 09 Dec 2024
https://github.com/arturi/template-css
Write real CSS in template strings and it gets injected in the head tag like :sparkles: optionally parse with any PostCSS plugin
css css-in-js cssinjs postcss template-literals template-string
Last synced: 09 Dec 2024
https://github.com/bhallstein/jigmawiffin
Those nitpicky webpack, babel, and postcss deps you always need.
babel css javascript postcss react tooling webpack
Last synced: 09 Dec 2024
https://github.com/gogo200202/next-portfolio
Portfolio build with next js
github-actions github-pages javascript nextjs postcss react tailwind threejs typescript vite
Last synced: 11 Oct 2024
https://github.com/iwatanikenji/event-platform
GraphCMS integrated application developed to organize classes and livestreams based on a launch date
apollo graphcms graphql phosphoricons postcss router-dom tailwindcss
Last synced: 23 Dec 2024
https://github.com/milliorn/starbucks-landing-page
Mock landing page using React and Tailwind.
autoprefixer clone css css3 html html-css html-css-javascript html5 landing-page postcss react react-uuid reactjs starbucks starbucks-clone starbucks-landing-page tailwind tailwind-css tailwindcss typescript
Last synced: 14 Dec 2024
https://github.com/lorenzorapetti/tailwindcss-parcel
Template with tailwindcss and parcel
parcel parcel-bundler postcss tailwindcss template
Last synced: 04 Dec 2024
https://github.com/othytenk/xutul-landing-page
The landing page of the xutul project
heroicons javascript motion postcss reactjs tailwindcss
Last synced: 10 Oct 2024
https://github.com/roma-glushko/landing-boilerplate
A simple boilerplate with Twitter Bootstrap 3, Grunt, LESS on board. Production and Developer modes for assets and it's ready to go!
boilerplate bootstrap3 grunt html5 less modernizr postcss
Last synced: 19 Dec 2024
https://github.com/elquimista/react-app-suspenders
A React app template
airbnb-eslint create-react-app decorators postcss prettier-eslint react-app-rewired react-router redux redux-actions redux-form redux-persist redux-thunk reselect
Last synced: 04 Dec 2024
https://github.com/imbrn/tv-show-details
📺 A TV show details application
Last synced: 04 Dec 2024
https://github.com/humpherson/audio-recorder-app
A browser-based audio recorder using the MediaRecorder API with real-time uploads to Azure Blob Storage. Supports cross-browser compatibility, automatic MIME type detection, and resilient chunked uploads with retry logic. Includes seamless playback and download of recordings, ideal for modern web and cloud applications. 🚀
html5 mediarecorder mediarecorder-api postcss react react-dom tailwindcss vite
Last synced: 09 Dec 2024
https://github.com/exslym/uikit-test
A basic typesafe UI Library built on top of React, Typescript, TailwindCSS and Storybook
jest postcss react storybook typescript
Last synced: 09 Dec 2024
https://github.com/chanonroy/react-github-battle
From the React online training tutorial
postcss react react-router scss webpack
Last synced: 23 Dec 2024
https://github.com/keidrun/boilerplate-gulp-postcss
Boilerplate of PostCSS with Gulp.
boilerplate css css3 cssnext design es2015 es6 gulp postcss
Last synced: 23 Nov 2024
https://github.com/gokatz/tailwind-scss-setup
SCSS and Tailwind setup for an Ember project
emberjs postcss scss tailwindcss
Last synced: 16 Dec 2024
https://github.com/emanuelefavero/postcss
This is a cheat sheet repo for PostCSS
autoprefixer css cssnano postcss postcss-cli postcss-import postcss-preset-env precss sass scss
Last synced: 10 Dec 2024
https://github.com/jonasfroeller/webpack-webapp
Webpack frontend-webapp starter.
asciidoc docker docs fonts gh-pages images isc-license jest-tests postcss scss shoelace tailwindcss ts web-components webpack5 workflow
Last synced: 05 Dec 2024
https://github.com/cedric-renais/nike
Ce projet a pour objectif de créer une interface web moderne et dynamique inspirée des éléments visuels et de l'identité de Nike.
next postcss prettier prettier-plugin-tailwindcss tailwind
Last synced: 05 Jan 2025
https://github.com/shrpne/postcss-clear-empty-strings
Remove declarations with empty values
Last synced: 10 Dec 2024
https://github.com/keidrun/boilerplate-webpack-es6-postcss
Boilerplate of a simple website using es6 and postcss with webpack.
boilerplate css css3 es6 javascript postcss webpack webpack3
Last synced: 23 Nov 2024
https://github.com/taxigy/rollup-template
A template to start with Rollup and React
Last synced: 10 Dec 2024
https://github.com/cedric-renais/carhub
Ce projet a pour objectif de créer une interface web moderne et dynamique pour une agence de location de voitures.
headlessui next postcss prettier prettier-plugin-tailwindcss tailwind typescript
Last synced: 22 Nov 2024
https://github.com/engrsakib/countriesname-simple-react-projects
api daisyui jsx postcss react tailwindcss
Last synced: 10 Dec 2024
https://github.com/ansershafiq/talentavenue
A business introductory website for a Canadian job recruitment company, to make them a first choice for all job seekers and candidates attracters.
postcss react-router react-router-dom reactjs tailwindcss
Last synced: 10 Dec 2024
https://github.com/kaanguru/clientsidetemplate
SvelteKit Static Site Generation Template
indexeddb postcss skeleton ssg superforms sveltekit tailwindcss
Last synced: 11 Dec 2024
https://github.com/yoriiis/webpack-boilerplate
Boilerplate to kickstart creating a project with Webpack configuration
babel boilerplate eslint javascript jest postcss prettier stylelint webpack
Last synced: 11 Dec 2024
https://github.com/halvardssm/frontend-starter
A base app which uses React, Typescript, i18next translations with POEditor, React-router, Parcel, Bootstrap, Font Awesome, SCSS
font-awesome hacktoberfest poeditor postcss react template typescript webpack
Last synced: 11 Dec 2024
https://github.com/hentaicracker/aboutme
Aboutme by angular 4
angular angular4 postcss scss typescript webpack2 yarn
Last synced: 16 Dec 2024
https://github.com/devferx/block-master
Revive una tienda icónica para rentar pelÃculas, regresa con una nueva plataforma de streaming.
babel css html postcss react-vanilla styled-components webpack
Last synced: 23 Dec 2024
https://github.com/humpherson/blueprint-app
This is a web application built with Next.js that allows users to create, edit, and manage service blueprints. The app is designed to be simple yet powerful, providing users with the ability to add, reorder, and modify stages in a service blueprint, and export their work to PDF or JSON.
emoji-dictionary html2pdf json local nextjs pdf-generation postcss reac react-dom react-icons reactjs tailwind tailwindcss
Last synced: 17 Dec 2024
https://github.com/hellothisisflo/webpack-sandbox
A working WebPack setup where every step of the configuration is a separate commit
autoprefixer build-tool css javascript postcss scss webpack
Last synced: 15 Dec 2024
https://github.com/linda-ikechukwu/moneypaddy
Money Paddy is a PWA to help you keep track of your expense and income.
babeljs firebase postcss pwa service-worker webpack4
Last synced: 16 Nov 2024
https://github.com/bylothink/phonebook-frontend
📖 The frontend part of a sample phonebook app made by using @vuejs.
phonebook postcss sample tailwindcss typescript vitejs vuejs
Last synced: 12 Dec 2024
https://github.com/jerome1337/tweenfo
Tweenfo is a Twitter complementary application to find statistic about a Twitter account.
postcss rollup sapper svelte3 tailwindcss twitter twitter-api
Last synced: 03 Jan 2025
https://github.com/reworkjs/postcss-preset-reworkjs
PostCSS preset for applications built using ReworkJS
Last synced: 23 Dec 2024
https://github.com/swissgrc/postcss-remove-font-face-format
📦 PostCSS plugin to remove font faces formats
font-face hacktoberfest plugin postcss
Last synced: 29 Oct 2024
https://github.com/fuelviews/laravel-tailwindcss
Laravel tailwindcss package
css fuelviews laravel laravel-tailwindcss php postcss tailwindcss
Last synced: 11 Oct 2024
https://github.com/programmershri/tailwind-css-starter-postcss
Boilerplate
ant-design antd css javascript postcss react reactjs redux-toolkit tailwindcss
Last synced: 28 Dec 2024
https://github.com/andrewmcodes-archive/dr-stapleton-website
Dr. Ann E. Stapleton's Personal Website
gatsby javascript postcss react tailwind-css tailwindcss webpack
Last synced: 01 Jan 2025
https://github.com/metonym/postcss-inline-css-vars
PostCSS plugin to inline CSS variables
css-variables postcss postcss-plugin
Last synced: 18 Dec 2024
https://github.com/lukaspetricek1/maturitni_projekt
FAcebook DIscord instaGRAM
express javascript mern-stack mysql nodejs postcss react react-router-dom tailwindcss typescript
Last synced: 18 Dec 2024
https://github.com/fabianmendozaospina/expense-planner
Expense planner built with React and TypeScript
postcss react tailwindcss typescript vite
Last synced: 18 Dec 2024
https://github.com/lucjosin/astro-rename-example
How to use the astro-rename integration to hash all CSS class names from your astro project
Last synced: 18 Dec 2024
https://github.com/yjg30737/tailwind-css-react-tutorial
Using Tailwind CSS in React project (with PostCSS)
css postcss react tailwind-css tailwind-tutorial tailwindcss
Last synced: 03 Jan 2025
https://github.com/antonio-laguna/demo-postcss
Usando PostCSS como alternativa a Sass
Last synced: 28 Dec 2024
https://github.com/pras75299/imagegallery
Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer
autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss
Last synced: 16 Nov 2024
https://github.com/wearerequired/js
📦 Monorepo for JavaScript packages used @wearerequired.
boilerplate browserlist postcss
Last synced: 13 Nov 2024
https://github.com/fmanimashaun/yumeats
YumEats it is a simple landing page for a resturant that offers a variety of dishes. it is built using react and styled using tailwindcss. using tailwindcss, the app is responsive and can be viewed on any device.
Last synced: 06 Jan 2025
https://github.com/snenenenenenene/ember-postcss-sass-tailwind-template
ember embroider postcss tailwindcss template
Last synced: 18 Dec 2024
https://github.com/snenenenenenene/tailwind-appuniversum
A component library tailwind-based on the @appuniverse/webuniverse libraries
component-library ember flanders postcss tailwindcss
Last synced: 18 Dec 2024
https://github.com/gustavo-victor/hotel-service-page
ReactJS application of a hotel service page
autoprefixer css hotel-homepage hotel-service-page js postcss react reactjs tailwindcss
Last synced: 01 Jan 2025
https://github.com/jkiimm/postcss-at-rules-bem
PostCSS plugin for BEM name convention
bem css postcss postcss-plugin
Last synced: 19 Dec 2024
https://github.com/muasa-harman/online-shopping-app
This Next.js project with React 18 features TailwindCSS for styling, Prisma for database management, and React Query for state management. It uses Radix UI for UI components, Framer Motion for animations, and integrates Stripe for payments. Development tools include TypeScript, ESLint, and PostCSS.
eslint framer-motion postcss postgresql prisma radix-ui react-query tailwindcss typescript
Last synced: 19 Dec 2024
https://github.com/jolomitee/catchup
CatchUp Figma design as a web page
figmadesign front-end-development postcss tailwindcss
Last synced: 18 Dec 2024
https://github.com/malcolm-kee/webpack-config
A sample React project with flexible webpack config
babel font-awesome postcss react sass typescript webpack
Last synced: 19 Dec 2024
https://github.com/sshari/remark-mdx-postcss
Remark plugin to bundle a style tag with MDX content via postcss.
Last synced: 20 Dec 2024
https://github.com/osamamammar/calculator
🧮 JS practice project from (The Odin Project). calculator
css html javascript postcss pugjs theodinproject
Last synced: 05 Dec 2024
https://github.com/osamamammar/gui-rock-paper-scissor
JS practice project from (The Odin Project). rock paper scissor GUI
css frontend game html jade-template-engine javascript js postcss pug-template-engine pugjs responsive-design theodinproject
Last synced: 05 Dec 2024
https://github.com/osamamammar/library
📚 JS practice project from (The Odin Project). library
css html javascript postcss pugjs theodinproject
Last synced: 05 Dec 2024
https://github.com/osamamammar/etch-a-sketch
JS practice project from (The Odin Project). etch a sketch
css game html javascript postcss pugjs theodinproject workflow
Last synced: 05 Dec 2024
https://github.com/winston0410/tailwindcss-absolute-centering
A Tailwindcss plugin to help you center elements with position: relative and position:absolute easily.
postcss tailwindcss tailwindcss-plugin
Last synced: 12 Nov 2024
https://github.com/tricinel/postcss-color-hsla-fallback
PostCSS plugin to transform hsl and hsla to hexadecimal
color color-convert css hsl-color postcss postcss-plugin
Last synced: 25 Dec 2024
https://github.com/shashkovdanil/next-template
Next.js, TypeScript, CSS Modules template
css next nextjs postcss typescript
Last synced: 01 Jan 2025
https://github.com/krypton225/fourth-portfolio-react
This is just a portfolio for practicing in using React JS and Tailwind CSS.
aos autoprefixer netlify portfolio postcss react react-dom react-hooks react-icons react-lazy-load-image-component react-scroll reactjs swiper tailwindcss yarn
Last synced: 25 Dec 2024
https://github.com/twibiractlabs/twibiract-scss
twibiractscss est une boîte à outils front-end la plus puissante, la plus extensible et la plus riche en fonctionnalités au monde, d'extensions, de plugins et plus encore.
css postcss sass scss twibiractscss utility-class
Last synced: 10 Dec 2024
https://github.com/yowainwright/postcss-scss
This is my setup to use postcss for scss! 🤔 The script works. Feel free to copy if you've got something nitty gritty to do.
config css npm-scripts postcss sass scss
Last synced: 01 Jan 2025
https://github.com/samk-dev/astro-2-starter
Astro.build starter with some opinionated setup
astrojs commitlint conventional-commits dependabot eslint husky-hooks lint-staged mdx postcss prettier tailwindcss typescript
Last synced: 13 Dec 2024
https://github.com/philipprochazka/web-gallery
A Extremely simplistic Web gallery template. could be used in manny ways, for example I want a photographer Gallery where i could share effordlesly knowing they can't download my creative effords because my pictures are served as a encoded background Inlay.
autoprefixer bootstrap bootstrap5 browsersync chokidar concurrently gallery postcss prettier-eslint pug scss shelljs startbootstrap upath
Last synced: 25 Dec 2024
https://github.com/daniguardiola/postcss-local-keyframes
PostCSS plugin that makes animations local.
animation css keyframes postcss postcss-plugin
Last synced: 31 Oct 2024
https://github.com/milliorn/tea-cozy
Template done in Tailwind UI using GatsbyJS
autoprefixer css gatsby gatsby-site gatsby-starter gatsbyjs html html-css html-css-javascript html5 javascript js jsx postcss preact tailwind tailwind-css tailwindcss template
Last synced: 14 Dec 2024
https://github.com/atomicojs/example-tailwindcss
atomico postcss tailwindcss webcomponents
Last synced: 26 Dec 2024
https://github.com/jabranr/react-scripts
Experiment: Improved postcss config in react scripts
create-react-app experiment postcss postcss-config postcss-loader react react-scripts
Last synced: 15 Nov 2024
https://github.com/alexandremasy/postcss-salt-typography-parser
Salt - Typography Parser utility
Last synced: 26 Dec 2024
https://github.com/ohmrr/senior-slideshow
A carousel of senior portraits made for my high school.
nodejs postcss tailwind typescript
Last synced: 26 Dec 2024
https://github.com/de1ck/javascript-tools-guide
javascript tools include webpack babel postcss ...
Last synced: 12 Nov 2024
https://github.com/michaelschwobe/wordpress-theme-gulp-boilerplate
Drop-in Gulp tasks for WordPress theme development.
babel boilerplate browser-sync es6-javascript eslint gulp imagemin less postcss sass wordpress
Last synced: 26 Dec 2024
https://github.com/nishathub/master_boiler_plate
HTML Front-End Boiler Plate : Enriched with a common setup(scss, sass, postcss etc.), editable to begin a new project
boilerplate css html postcss postcss-config scss
Last synced: 15 Nov 2024
https://github.com/nishathub/lawyer-landing-page
A lawyer portfolio responsive website with night-mode
html5 lawyer-and-law-agency portfolio-website postcss scss
Last synced: 15 Nov 2024