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-11 00:19:11 UTC
- JSON Representation
https://github.com/luizfelipedasilva678/to-do-list-with-pug
Simple To do list made with Pug
Last synced: 16 Nov 2024
https://github.com/buschtoens/broccoli-multi-postcss
Broccoli plugin to transform one or more input files using PostCSS to one or more output files.
broccoli broccoli-plugin postcss
Last synced: 08 Dec 2024
https://github.com/henriquesebastiao/modernizacao-manejo
Front-end para Projeto de Modernização do Manejo.
font-awesome postcss skeleton svelte sveltejs sveltekit tailwindcss typescript
Last synced: 16 Nov 2024
https://github.com/darinelguillen/react-vite-shadcn-ui-template
React + Vite template with TypeScript, Tailwind CSS, and seamless V0.dev integration for effortless AI-generated components.
ai ai-templates eslint fast-prototyping postcss react react-template shadcn shadcn-ui tailwindcss typescript v0-dev v0dev vite
Last synced: 30 Nov 2024
https://github.com/vinpac/postcss-modular
PostCSS plugin to modularize classnames
css javascript modular postcss
Last synced: 09 Jan 2025
https://github.com/yuceltoluyag/starter-template
My starter template
autoprefixer browser-sync browserlist cssnano postcss sass
Last synced: 15 Jan 2025
https://github.com/sammyleths/mediplay
MediPlay is the informational website for a gamified medication app for children who need to take medication every day.
autoprefixer bootstrap bootstrapicons font-awesome html5 npm parcel-bundler postcss sass scss
Last synced: 16 Nov 2024
https://github.com/semanticdata/mangu
🍽 Eleventy starter theme/template built with Eleventy and TailwindCSS.
11ty 11ty-website eleventy eleventy-website postcss tailwindcss
Last synced: 09 Oct 2024
https://github.com/yoriiis/symfony-boilerplate
Boilerplate to kickstart creating a project with Symfony and Webpack
api babel boilerplate eslint jest postcss prettier stylelint symfony typescript webpack
Last synced: 20 Dec 2024
https://github.com/jessekoldewijn/mithrilts-tailwind-vite-starter
A actually fairly modern starting template if you do need/want to use Mithril.js for some reason. (Actually uses JSX to decrease headaches)
jsx mithriljs postcss tailwindcss typescript vitejs
Last synced: 13 Jan 2025
https://github.com/zgreen/postcss-shared-values
A PostCSS plugin that allows for a comma-separated shorthand for properties that share the same value.
Last synced: 14 Jan 2025
https://github.com/robinck/webpack-starter-kit
Boilerplate project for a web application requiring es6 / es7, webpack 🇺🇦
autoprefixer babel es6 es7 eslint hmr html-injection less linter live-reload postcss scss starter-kit starter-project starter-template static stylelint webpack
Last synced: 15 Dec 2024
https://github.com/stardust-configs/postcss-config
Shareable PostCSS config
Last synced: 16 Nov 2024
https://github.com/jessekoldewijn/qwik.jkinsight.nl
A very Qwik website right?
postcss qwik qwik-city tailwindcss typescript
Last synced: 13 Jan 2025
https://github.com/mmorrii/starter-kit
Starter template with React, React Router, PostCSS, TypeScript, Vite
postcss react react-router starter-kit template typescript vite
Last synced: 17 Dec 2024
https://github.com/wr-projects/utils
🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)
2022 2022-project babel commitizen commitlint config eslint markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts webreadyprojects wrprojects
Last synced: 28 Oct 2024
https://github.com/matan3sh/personal-app
nextjs postcss tailwindcss typescript
Last synced: 24 Nov 2024
https://github.com/theelegantcoding/solid_template_webpage
📦️ This is a basic template that includes everything you need to get started web development with solid-js. It includes a simple counter application, as well as some documentation and examples.
clean-architecture clean-code design-system eslint node performance pnpm postcss sass solid-js style-guide typescript vite web-development
Last synced: 07 Dec 2024
https://github.com/chrisross5/kiki-storage-web
College project (Final thesis): A cloud storage app focused on front-end, utilizing Firebase to its maximum extent for a real-time, highly customizable cloud file explorer.
daisyui firebase firebase-auth firebase-firestore firebase-hosting firebase-realtime-database firebase-storage pinia postcss tailwindcss typescript vite vue vue-composition-api vue-router vue-slicksort vuefire vueuse
Last synced: 15 Nov 2024
https://github.com/chrisross5/supit-project
College project (Internet technology S3): 6 versions of the same web app - built and compared UX & DX: jQuery, Vue, Vue Full, React, React Full, Svelte. Deployed on Cloudflare Pages.
bootstrap headlessui javascript jquery jquery-ui lighthouse pinia postcss react react-redux react-router react-transition-group rendering svelte sveltekit tailwindcss typescript vite vue vue-router
Last synced: 15 Nov 2024
https://codeberg.org/fec/postcss-url-mapping
Plugin for PostCSS to transform URLs using a mapping object.
Last synced: 27 Sep 2024
https://github.com/trevonerd/postcss-mixins-css-grid
A CSS Grid mixin for the PostCSS Mixins plugin. The easiest way to implement a responsive grid system using CSS Grid.
css-grid css-grid-mixin postcss postcss-mixins postcss-mixins-plugin
Last synced: 24 Nov 2024
https://github.com/mahdita97/machex
Machex (A React Chrome Extension Boilerplate)
chrome chrome-extension chrome-extensions manifest manifest-v3 manifestv3 postcss postcss-loader prettier react react-hot-loader reactjs tailwindcss tailwindcss-v3 ts tslint typescript webpack webpack-dev-server webpack5
Last synced: 15 Nov 2024
https://github.com/spring-raining/postcss-plugins
PostCSS plugin to provide theming function based on CSS variables using `@var` rules.
Last synced: 11 Oct 2024
https://github.com/bryanwilhite/nodejs
my collection of self-educational samples on the Node.js® stack
angular-io aurelia codepen css elm html5 jasmine karma nodejs postcss svg typescript ux ux-design
Last synced: 31 Dec 2024
https://github.com/yurii-corssa/vite-vanilla-template
A streamlined Vite and Vanilla JS template for quickstart modern web development projects. It includes SCSS support and pre-configured build tools for a seamless development experience.
postcss scss vanilla-javascript vite
Last synced: 27 Dec 2024
https://github.com/vlad-moskalenko/carshop-next.js
axios next postcss react react-dom tailwindcss typescript
Last synced: 15 Nov 2024
https://github.com/hrfmmymt/react-babel-webpack
axios babel javascript postcss react-router reactjs superagent webpack2
Last synced: 17 Nov 2024
https://github.com/hrfmmymt/plain-carousel
babel carousel-plugin postcss rollup vanilla-javascript
Last synced: 17 Nov 2024
https://github.com/joserafael0160/jrlinks
All my links page made with HTML, PostCSS and JavaScript. 💜
all-my-links allmylinks html-css-javascript javascript link-platform links postcss
Last synced: 11 Oct 2024
https://github.com/joserafael0160/age-calculator
An Age calculator, using HTML, CSS, and JavaScript.
age age-calculator calculator html js js-vanilla postcss
Last synced: 11 Oct 2024
https://github.com/jsimck/postcss-webpack-plugin
A webpack plugin to process generated assets with PostCSS with support for webpack 5 filesystem cache.
cache filesystem loader pipeline plugin postcss postcss-loader webpack webpack-plugin
Last synced: 07 Dec 2024
https://github.com/annaindistress/frontend-mentor-faq-accordion
This is a solution to the FAQ accordion challenge on Frontend Mentor
css-custom-properties html postcss vite
Last synced: 24 Nov 2024
https://github.com/claudiusayadi/ketocss
The #1 variable-first atomic design framework! This is my personal CSS Framework or project starter kit based on SASS (SCSS) and CSS Variables.
adun-css adun-studio css-framework cssnano ecommerce modern-css-features postcss postcss-preset-env postcss-sass responsive-design sass sass-starterkit scss service-based
Last synced: 31 Dec 2024
https://github.com/annaindistress/frontend-mentor-stats-preview-card-component
This is a solution to the stats preview card component challenge on Frontend Mentor
css-custom-properties gulp html postcss
Last synced: 24 Nov 2024
https://github.com/annaindistress/frontend-mentor-blog-preview-card
This is a solution to the blog preview card challenge on Frontend Mentor
css-custom-properties github-actions html postcss vite
Last synced: 24 Nov 2024
https://github.com/annaindistress/frontend-mentor-easybank-landing-page
This is a solution to the easybank landing page challenge on Frontend Mentor
css-custom-properties html postcss svg-sprite vanilla-js vite
Last synced: 24 Nov 2024
https://github.com/fabian-kleine/cerberusui
A UI Library for when you have to create a doomsday app in Javascript
component-library components css css-components css-framework design-system javascript postcss react react-component-library react-components react-library typescript typescript-react ui-design ui-framework ui-library
Last synced: 11 Oct 2024
https://github.com/miavai649/cleancarz-client
The Clean Carz is a web application where user can get different types of car wash services. It allows users to explore available services, select a time slot, and book a service online, offering a digital car care experience.
ant-design dayjs jwt-decode momentjs postcss react react-dom react-hook-form react-icons react-redux react-router-dom redux-persist redux-toolkit rtk-query sonner swiper-js typescript vite zod-validation
Last synced: 22 Dec 2024
https://github.com/marco5dev/portfolio-react-tsx-tailwind-daisyui-blog-devto
A Nice UI/UX Portfolio with React TSX, tailwind css, postCSS, Blog with devto api
blog devto devto-api portfolio postcss raectjs react react-router tailwind tailwindcss tsx ui uiux ux
Last synced: 11 Oct 2024
https://github.com/agbortoko/php_vite_boilerplate
Boilerplate for implementing plain php projects with vite
autoprefixer npm php postcss tailwindcss vanilla-php vite xampp
Last synced: 27 Dec 2024
https://github.com/krypton225/manage-landing-page
This is just a training in Front End Mentor website.
css3 frontend-mentor html5 postcss pugjs webpack
Last synced: 26 Dec 2024
https://github.com/shaherashraf/webpackboilerplate
📦 A webpack boilerplate using Babel, PostCSS and Sass.
babel es6 hot-reloading hot-replacement javascript postcss sass webpack
Last synced: 07 Dec 2024
https://github.com/andrei1994rus/users-react
Search Github users on React+Webpack. (NodeJS,React,Webpack,RxJS,jQuery,Express,SCSS)
adaptive autoprefixer compression-webpack-plugin crossbrowser cssnano express express-static-gzip jquery mobile-first modernizr nodejs postcss react rxjs rxjs-ajax scss terser-webpack-plugin webpack
Last synced: 09 Jan 2025
https://github.com/margo-yunanova/mesto-project
Mesto - социальная сеть для обмена фотографиями
babel css html javascript oop postcss webpack
Last synced: 20 Nov 2024
https://github.com/solis-lab/training
The base training for creating a Frontend Development module. ES6, SCSS/postCSS supports.
Last synced: 27 Dec 2024
https://github.com/abelnnieva/iechamberi.org
Website for a Christian assembly featuring marketing components and sections, built with Nuxt 2, Apollo Client, PostCSS, and Chakra UI Vue.
apollo-client chakra-ui nuxt2 postcss vue2
Last synced: 20 Nov 2024
https://github.com/amansuryavanshi-1/namaste_react
Namaste React live course By Akshay Saini.
emailjs html javascript json-api npm parcel postcss react react-icons react-router-dom tailwind-css vercel
Last synced: 20 Nov 2024
https://github.com/simmzl/ele
Vue.js 2.0 仿饿了么Web APP
better-scroll es6 eslint postcss stylus vue webpack
Last synced: 18 Nov 2024
https://github.com/vvaldesc/shadcn_aceternity_ui_practice
Little Vite React Interface using external front-end libraries
aceternity-ui front-end-development nextui postcss react shadcn-ui tailwindcss vite
Last synced: 05 Jan 2025
https://github.com/elchininet/postcss-rtlcss-less-and-sass
Webpack configuration to use postcss-rtlcss with less and sass
css left-to-right less ltr postcss postcss-plugin postcss-rtlcss right-to-left rtl sass
Last synced: 19 Nov 2024
https://github.com/peter-roh/parcel-experiments
Setting up a professional React project with Parcel as a code bundler.
babel javascript js nomadcoder parcel postcss scss typographyjs
Last synced: 20 Nov 2024
https://github.com/elchininet/postcss-comments
Postcss plugin to prepend or append comments to CSS rules
comments css postcss postcss-plugin
Last synced: 19 Nov 2024
https://github.com/imjaroiswebdev/jartravels-site
gulp html-css postcss responsive
Last synced: 01 Dec 2024
https://github.com/mirzobox/tic-tac-toe-selfmade
Tic, Tac, Toe game. Used min-max algorithm.
daisyui html javascript js-modules min-max-algorithm postcss tailwindcss vitejs
Last synced: 20 Nov 2024
https://github.com/andre-araujo/weather-app
A simple app to do Weather forecast world-wide using Parceljs and ReactJs
docker lesscss nodejs parcel-bundler postcss reactjs
Last synced: 18 Nov 2024
https://github.com/pvdlg/karma-postcss-preprocessor
Karma preprocessor to compile css files with postcss with sourcemap and watch support
karma karma-plugin karma-preprocessor postcss sourcemaps watcher
Last synced: 24 Nov 2024
https://github.com/avigoldman/postcss-hex-format
PostCSS plugin to format hexadecimal colors
color css format hex hexadecimal postcss
Last synced: 18 Nov 2024
https://github.com/avigoldman/postcss-colornames-to-hex
PostCSS plugin to convert color names to hexadecimal values
colornames colors hexidecimal plugin postcss
Last synced: 18 Nov 2024
https://github.com/adam014/inspirobot
InspiroBot is an prompting tool for modern world to discover, create and share creative AI prompts.
javascript mongodb mongoose nextjs postcss react tailwindcss
Last synced: 05 Jan 2025
https://github.com/pronoia9/doodlebug-dash
autoprefixer css html javascript nextjs postcss react tailwindcss typescript
Last synced: 24 Nov 2024
https://github.com/pronoia9/promptle
autoprefixer bycrypt css fullstack html javascript mongodb mongoose next-auth nextjs postcss react tailwindcss
Last synced: 24 Nov 2024
https://github.com/pronoia9/metaversus
autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss
Last synced: 24 Nov 2024
https://github.com/chrisnajman/webpack5-basic-setup
Basic Webpack 5 Setup
babel dart-sass html-css-javascript postcss svg-sprites webpack5
Last synced: 21 Nov 2024
https://github.com/chrisnajman/frontend-practice-project-webpack-5
A page built from the Abstract Project design at Frontend Practice using Webpack 5
babel dart-sass html-css-javascript json postcss svg-sprites webpack5
Last synced: 21 Nov 2024
https://github.com/chrisnajman/one-page-site-template
One-page site template with multiple elements, including accordion, carousel, modal and slide-in.
accessibility babel-es6 html-css-javascript postcss scss webpack
Last synced: 21 Nov 2024
https://github.com/awayken/2016devobjective
PostCSS: A Dumb Name For an Awesome Thing
postcss presentation showcase slides
Last synced: 28 Nov 2024
https://github.com/css-george/postcss-george
A plugin for PostCSS to allow runtime manipulation of variables.
css-variables hacktoberfest postcss
Last synced: 01 Dec 2024
https://github.com/tomasz-sodzawiczny/postcss-plugin-chain
Utility for chaining multiple PostCSS plugins as a single one.
chain chaining plugin postcss postcss-plugin
Last synced: 21 Nov 2024
https://github.com/the-holocron/stormtrooper
The clone soldier.
alex babel browserslist carbon commitlint es eslint jest lint-staged markdownlint postcss scss semantic-release semver storybook stylelint template webpack
Last synced: 21 Nov 2024
https://github.com/cabrelngamaleu/invest
invest website
clsx eslint framer-motion nextjs14 postcss react use-debounce
Last synced: 31 Dec 2024
https://github.com/dalbitresb12/postcss-url-append
PostCSS plugin to append a raw block of CSS from a URL.
Last synced: 21 Nov 2024
https://github.com/richardcyrus/devchallenges-button-component
Solution for the Button component challenge from Devchallenges.io.
postcss reactjs testing-library typescript vitejs vitest
Last synced: 21 Nov 2024
https://github.com/faizan-ali/workamerica-website-2017
Latest iteration of the WorkAmerica website at www.workamerica.co
babel bootstrap-4 postcss reactjs webpack
Last synced: 21 Nov 2024
https://github.com/diegoreports/bike-tailwindcss
Project in Reactjs, developed as an object of study in a Tailwindcss class. It aims to explore the resources of utility classes, as well as gain greater knowledge in customizing properties and themes.
bicicleta biker css framer-motion javascript javascript-mastery landing-page landing-page-bicicleta landing-page-biker mobile postcss reactjs responsive-design tailwindcss vite
Last synced: 07 Dec 2024
https://github.com/rajdee/postcss-autoimport
PostCSS plugin for automatically import global dependencies.
global import postcss postcss-plugin
Last synced: 27 Dec 2024
https://github.com/krypton225/interactive-rating-component-main
This is just a training in Front End Mentor website.
autoprefixer concurrently css3 cssnano html5 javascript live-server postcss scss ts-loader typescript webpack webpack-cli
Last synced: 27 Dec 2024
https://github.com/beraliv/tda-mz-netlify-cms
Netlify CMS + Netlify + React
material-ui netlify netlify-cms postcss react react-helmet
Last synced: 25 Nov 2024
https://github.com/yakovlev-alexey/next-pcss
Import global `.pcss` files in your Next.js project.
Last synced: 18 Dec 2024
https://github.com/pronoia9/flapple
Experience innovation with a twist in Flapple! Dive into the whimsical world of iPhone page design like never before. With Flapple, enjoy the excitement of an Apple product launch without the hassle. It's the app that's a fruit salad for your digital cravings, without breaking the bank!
autoprefixer gsap gsap-react postcss react-three-drei react-three-fiber reactjs sentry sentry-react tailwindcss threejs vitejs
Last synced: 27 Dec 2024
https://github.com/jeromewolff/portfolio
Simple portfolio page hosted on Vercel
node node-js npm portfolio postcss react reactjs sass tailwind tailwind-css tailwindcss typescript vercel vercel-deployment
Last synced: 25 Nov 2024
https://github.com/vandodev/ignite-tailwind
Conteúdo do ignite Masterizando o tailwind, criando uma UI de dashboard com Next
ignite ignite-rocketseat nextjs postcss reactjs tailwind tailwind-css
Last synced: 07 Dec 2024
https://github.com/vandodev/gerenciador-de-habitos
Gerenciador de hábitos com Next
eslint nextjs postcss tailwindcss typescript vercel-kv
Last synced: 07 Dec 2024
https://github.com/nathaliaveneziano/rocketseat-ignite-lab-react-2
Projeto de uma plataforma de aulas com cadastro realizado no Ignite 02 da Rocketseat.
apollo graphql javascript postcss tailwindcss typescript
Last synced: 22 Nov 2024
https://github.com/celthros/simple-tailwind-post-webpack
Fist time utilizing and creating a simple webpack and post css tool to install and ready to use kit for development.
configuration postcss tailwindcss webpack
Last synced: 27 Dec 2024
https://github.com/stevenalvaradoaguilar/weather-app
This project is an application to use and reinforce my knowledge in Next used typescript and Tailwind css with API's, the use and good practices of web developer importance in Backend and Frontend from the video offered by freecodecamp: https://www.youtube.com/watch?v=KkC_wYM_Co4.
api-client api-rest nextjs postcss tailwindcss
Last synced: 27 Dec 2024
https://github.com/ulyanov-programmer/formstepbystep
css form grunt html js just-validate postcss step-by-step
Last synced: 27 Dec 2024
https://github.com/hemanthkumarsunkari27/food-website
A visually appealing and user-friendly food website allowing users to browse various food items, view details, and explore recipes or descriptions. Built with HTML, CSS, JavaScript, and bundled with Vite for fast, optimized loading.
css food-website front-end html javascript postcss recipes responsive-design vite web-development
Last synced: 25 Nov 2024
https://github.com/milliorn/true-hope-tutoring
Landing page for True Hope 4 Success Tutoring
academic education education-platform frontend homework learning npm online-learning online-tutoring open-source postcss react student study tailwindcss teaching tutoring vite web-development
Last synced: 12 Jan 2025
