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-25 00:23:08 UTC
- JSON Representation
https://github.com/shgysk8zer0/node-purist
A meta-package for building web-apps using native technologies, transpiled using Babel + PostCSS
cssnano cssnext npm npm-package postcss transpiler webpack
Last synced: 07 Dec 2024
https://github.com/mihoag/image-galary-react
material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api
Last synced: 20 Dec 2024
https://github.com/leomssilva/cineflix
:clapper: :computer: :iphone: This project is about a website that lists movies.
autoprefixer commitizen commitlint eslint firebase-hosting husky javascript lintstaged phosphor-react postcss prettier reactjs tailwindcss typescript vite
Last synced: 31 Dec 2024
https://github.com/h3rmel/sen-financa
A simple web application for personal finance management.
autoprefixer daisyui es6 localstorage postcss pwa react react-router tailwindcss vitejs
Last synced: 15 Jan 2025
https://github.com/khronosleung/postcss-iconfont
基于PostCSS 处理多个SVG文件生成 SVG/TTF/EOT/WOFF/WOFF2 字体图标
Last synced: 20 Jan 2025
https://github.com/morevm/postcss-specificity-decorator
PostCSS plugin to increase the specificity of selectors
css postcss postcss-plugin specificity
Last synced: 09 Nov 2024
https://github.com/ahmadkdev/vite-vanilla-starter
A minimal, fast, and customizable starter template for vanilla JavaScript projects, using Vite.
boilerplate bundler css eslint front-end frontend html javascript js postcss prettier starter template vanilla vanilla-javascript vite web
Last synced: 03 Jan 2025
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/tshasan/tshasan.com
A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.
daisyui pnpm postcss sveltekit tailwind-css vite
Last synced: 11 Oct 2024
https://github.com/johnwatkins0/postcss-spacing-utils
Generates spacing utility classes from user settings.
Last synced: 20 Jan 2025
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 Jan 2025
https://github.com/mikaelvesavuori/gulp4-boilerplate
Boilerplate for Gulp 4.
babel-es6 boilerplate gulp postcss sass
Last synced: 16 Jan 2025
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/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/richardcyrus/devchallenges-button-component
Solution for the Button component challenge from Devchallenges.io.
postcss reactjs testing-library typescript vitejs vitest
Last synced: 22 Jan 2025
https://github.com/seyitbugraerden/next14-usersignandblogapp
Next14 | PocketHost | PocketBase | LDRS | JWT | React-Cookie | React-Toastify | Log In & Sing Up | Add or Manage Your Blogs | Introduce Your Career and Yourself | Can Read User's Blogs
eslint jwt jwt-auth jwt-token ldrs nextjs nextjs14 pocketbase pockethost postcss react react-cookie react-cookies tailwindcss toast toastify
Last synced: 15 Jan 2025
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/faizan-ali/workamerica-website-2017
Latest iteration of the WorkAmerica website at www.workamerica.co
babel bootstrap-4 postcss reactjs webpack
Last synced: 22 Jan 2025
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/vinpac/postcss-modular
PostCSS plugin to modularize classnames
css javascript modular postcss
Last synced: 09 Jan 2025
https://github.com/pronoia9/doodlebug-dash
autoprefixer css html javascript nextjs postcss react tailwindcss typescript
Last synced: 24 Jan 2025
https://github.com/efiand/svelte-fastify-template
Сборка для создания простых изоморфных приложений SSR/SPA
boilerplate browser-sync eslint fastify lintspaces markdownlint portfolio-project postcss rollup sprite squoosh stylelint svelte-routing svelte-ssr svgo
Last synced: 13 Jan 2025
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/efiand/scandi
Одностраничник студии дизайна интерьеров. Demo собственного сборщика
a11y bem eslint fastify htmlacademy image-optimization mentorship-programme mobile-first pixelperfect postcss semantics sprite stylelint svelte-ssr w3c-validation webp webpack
Last synced: 13 Jan 2025
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/yuceltoluyag/starter-template
My starter template
autoprefixer browser-sync browserlist cssnano postcss sass
Last synced: 15 Jan 2025
https://github.com/efiand/mobf21
Предыдущая версия сайта mobf21.com
a11y bem commercial design eslint mobile-first opengraph portfolio-project postcss schema semantics spa stylelint sveltekit webp
Last synced: 13 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: 17 Jan 2025
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/efiand/portfolio
Портфолио со списком работ и биографией. Все данные получаются по Github API
a11y design eslint mobile-first portfolio-project postcss posthtml semantics spa stylelint svg vue-router vuex webpack
Last synced: 13 Jan 2025
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/efiand/pineglade-app
Engine for launching and assembling small and medium-sized sites.
bem-linter boilerplate eslint fastify lintspaces markdownlint postcss sprite squoosh stylelint svelte-routing svelte-ssr svgo w3c-validation webpack
Last synced: 13 Jan 2025
https://github.com/efiand/vue-form-multistep
Форма из нескольких шагов-роутов на Vue, pinia, vuelidate. Typescript, scss, vite
eslint pinia portfolio-project postcss stylelint vite
Last synced: 13 Jan 2025
https://github.com/efiand/cooknote
Кулинарная книга с возможностью добавления и редактирования рецептов. Визуальный редактор, категории, разделы
a11y admin-panel commercial design eslint fastify favicons nodejs portfolio-project postcss postgresql semantics stylelint sveltekit
Last synced: 13 Jan 2025
https://github.com/paalamugan/single-spa-webpack-config-react-ts
Default predefined webpack configuration for single-spa with react and typescript
postcss react scss single-spa single-spa-config tailwindcss-config webpack
Last synced: 20 Jan 2025
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/efiand/anne-blog
Образцы страниц блога копирайтера.
a11y bem gulp image-optimization pixelperfect postcss retinal-images stylelint w3c-validation
Last synced: 13 Jan 2025
https://github.com/lasalefamine/chrome-ext-boilerplate
Chrome extension boilerplate with Webpack and PostCSS ready.
boilerplate chrome-extension postcss webpack
Last synced: 30 Nov 2024
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/efiand/sedona
Сайт туристического городка.
a11y eslint flatpickr gulp htmlacademy image-optimization mentorship-programme pixelperfect postcss posthtml progressive-enhancement range-slider semantics sprite stylelint w3c-validation webp webpack
Last synced: 13 Jan 2025
https://github.com/muzabol2/calc
Simple calculator in vanilla JS
babel javascript postcss vanilla-javascript vercel webpack youtube-tutorial
Last synced: 08 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/ginnill/pokemon-team-builder
React and Tailwind Pokédex
api css3 html5 javascript pokedex pokemon pokemon-api postcss reactjs sass tailwindcss typescript vitejs
Last synced: 05 Jan 2025
https://github.com/tobua/postcss-tags-without-class
Make HTML Tags Opt Out-Able When Adding a Class
Last synced: 15 Jan 2025
https://github.com/stardust-configs/postcss-config
Shareable PostCSS config
Last synced: 16 Nov 2024
https://github.com/koole/centrale-v1
🔥 dekoolecentrale.nl
postcss threejs typescript webpack
Last synced: 07 Jan 2025
https://github.com/efiand/device
Интернет-магазин гаджетов.
bem favicons gulp portfolio-project postcss posthtml range-slider sprite webpack
Last synced: 13 Jan 2025
https://github.com/garthdb/design-token-attributes
A mono repo for managing design token contexts
design-system monorepo postcss styledictionary stylelint
Last synced: 30 Nov 2024
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: 20 Jan 2025
https://github.com/koffeine/rollup-plugin-postcss
Rollup plugin for PostCSS
Last synced: 21 Jan 2025
https://github.com/treetips/react-router-redux-typescript-parcel-example
react-router-redux-typescript-parcel-example
parcel postcss prettier react redux scss tslint typescript3 vscode
Last synced: 31 Dec 2024
https://github.com/cyansalt/postcss-transform-decl
Transform any declarations with custom rules
Last synced: 09 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/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 Jan 2025
https://github.com/siveing/next-purge-css
Implement the purge css to minimize the css and content with purge css
nextjs postcss purgecss tailwindcss typescript
Last synced: 16 Jan 2025
https://github.com/matan3sh/personal-app
nextjs postcss tailwindcss typescript
Last synced: 24 Jan 2025
https://github.com/ntonbala/signup-module
Syntech Test Task
classnames gsap jest postcss react-redux react-router-v5 react-select react-transition-group react-v16 red redux redux-form
Last synced: 26 Jan 2025
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/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 Jan 2025
https://github.com/oleg-kuzmin/mesto-project
Сайт-приложение на ООП JavaScript для desktop и mobile. Стороннее api (yandex) для получения, добавления, удаления, изменения данных. Похож на аналог instagram с загрузкой карточек красивых мест.
api-server autoprefixer babel bem-nested css-animations css-flexbox figma html-css-javascript html-template modules oop-in-javascript postcss review webpack
Last synced: 27 Dec 2024
https://github.com/silvestrevivo/webpack4-starter
React starter boilerplate built with WebPack4. It contains some improvements respect the previous version, as weel as optimalizations got from the Parcel Starter respository.
babel classnames enzime eslint hot-reload html javascript jest postcss prettier prettier-eslint reactjs redux sass scss webpack4 webpack4boilerplate webpack4starter yarn
Last synced: 25 Jan 2025
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/chrisnajman/webpack5-basic-setup
Basic Webpack 5 Setup
babel dart-sass html-css-javascript postcss svg-sprites webpack5
Last synced: 21 Jan 2025
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/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/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 Jan 2025
https://github.com/eliasjuk/palpitebox
✔️ PalpiteBox
api google-api javascript nextjs nodejs postcss react tailwindcss
Last synced: 07 Jan 2025
https://github.com/dangvanthanh/web-boilerplate
Boilerplate for front end projects
babel boilerplate nunjucks postcss rollup
Last synced: 14 Jan 2025
https://github.com/silvestrevivo/react-mobiquity
Small react application fetching data from https://ergast.com/mrd/ to show custom results
axios babel eslint html5 javascript postcss reactjs sass webpack4
Last synced: 25 Jan 2025
https://github.com/asyncbanana/asyncbanana.github.io
My personal website built with HTML, JavaScript, and PostCSS, and bundled with Parcel
parcel-bundler personal-website postcss
Last synced: 08 Jan 2025
https://github.com/hrfmmymt/react-babel-webpack
axios babel javascript postcss react-router reactjs superagent webpack2
Last synced: 17 Jan 2025
https://github.com/hrfmmymt/plain-carousel
babel carousel-plugin postcss rollup vanilla-javascript
Last synced: 17 Jan 2025
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 Jan 2025
https://github.com/oliverfindl/webpack-vue-boilerplate
Simple boilerplate for building Vue app with Webpack.
autoprefixer boilerplate eslint javascript postcss purgecss sass stylelint svgo terser vue vue-router vuex webpack webpack-vue-bolierplate workbox
Last synced: 14 Dec 2024
https://github.com/hmontarroyos/quiz_javascript
O Projeto se trata de um Quiz de JavaScript, para o usuário testar suas habilidades na linguagem, desenvolvido na 2° Imersão React NextJS Alura
alura alura-quiz framer-motion front-end imersao-react javascript nextjs postcss react styled-components
Last synced: 15 Dec 2024
https://github.com/cgutwin/frontendmentor
My completions of the Frontend Mentor projects.
css3 frontend frontend-mentor html5 postcss
Last synced: 14 Jan 2025
https://github.com/silvestrevivo/webpack-starter
Project starter template built with WebPack. It contains Babel to compile ES6 to ES5, as well as CSS and SASS loaders.
babel-webpack babeljs boilerplate-template browsersync css3 html5 javascript postcss starter-project starter-template template webpack2
Last synced: 16 Jan 2025
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/efiand/vue3-boilerplate
Стартовый шаблон для разработки SPA.
boilerplate css-icons eslint pinia portfolio-project postcss prettier stylelint vite
Last synced: 13 Jan 2025
https://github.com/abhich21/memory-game
a basic number pair memory game
postcss react-dom reactjs tailwindcss vitejs
Last synced: 03 Jan 2025
https://github.com/annaindistress/frontend-mentor-faq-accordion
This is a solution to the FAQ accordion challenge on Frontend Mentor
css-custom-properties github-actions html postcss vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-newsletter-sign-up-form
This is a solution to the newsletter sign-up form with success message challenge on Frontend Mentor
css-custom-properties github-actions postcss react vite
Last synced: 24 Jan 2025
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-todo-app
This is a solution to the todo app challenge on Frontend Mentor
css-custom-properties github-actions html oop postcss svg-sprite vanilla-js vite
Last synced: 24 Jan 2025
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 Jan 2025