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/calvinkarundu/cssqueeze
A CLI wrapper for cssnano
cli css cssnano minify optimization optimize-css-files postcss
Last synced: 07 Nov 2024
https://github.com/mohamedsamara/react-node-typescript
Fullstack TypeScript Template
node postcss pwa react sass typescript webpack workbox
Last synced: 09 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/mohamedsamara/react-webpack-starter
:dart: Simple React Webpack Starter
development eslint postcss prettier production pwa react sass webpack
Last synced: 09 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/mohamedsamara/react-ssr-app
:star: React Application with Server Side Rendering
babel eslint husky lint-staged postcss prettier progressive-web-app react server-side-rendering service-worker single-page-applications tailwindcss webpack workbox
Last synced: 09 Nov 2024
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: 11 Oct 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/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/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/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/alexandrecpedro/habits-setup
Habits platform for web and mobile - NLW Setup
expo fastify figma ignite-rocketseat nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript
Last synced: 09 Nov 2024
https://github.com/alexandrecpedro/world-cup-polls
World Cup Polls platform for web and mobile - NLW World Cup
expo fastify figma google-fonts ignite-rocketseat jwt nextjs nodejs oauth2 phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript worldcup
Last synced: 09 Nov 2024
https://github.com/garthdb/postcss-npm
Import CSS styles from NPM modules using PostCSS.
Last synced: 14 Oct 2024
https://github.com/alexandrecpedro/rocketseat-event-platform
Rocketseat event platform (video content)
apollo apollo-client figma graphcms graphql postcss react rocketseat rocketseat-ignite tailwind tailwindcss typescript vite vitejs
Last synced: 09 Nov 2024
https://github.com/pomeluce/rapidify-vue
Scaffolding for rapid front and back development based on vue naive-ui pinia typescript
mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3
Last synced: 13 Oct 2024
https://github.com/alexandrecpedro/esports
eSports platform for web and mobile - NLW eSports
esports expo express expressjs figma hoppscotch nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat-nlw sqlite3 tailwindcss twitch twitch-api typescript vite
Last synced: 09 Nov 2024
https://github.com/exslym/pub_vite-template
Custom project VITE configuration template
autoprefixer babel css3 eslint eslint-config-prettier eslint-plugin-prettier html5 javascript postcss prettier scss scss-mixins sharp svgo terser vite vite-aliases vite-plugin-eslint vite-plugin-image-optimizer vite-plugin-legacy
Last synced: 14 Nov 2024
https://github.com/exslym/main_vite-template_dnr
Custom project VITE configuration for DnR template
autoprefixer babel7 css3 eslint html5 javascript postcss prettier scss sharp svgo terser vite vite-aliases vite-plugin-eslint vite-plugin-image-optimizer vite-plugin-legacy vitejs
Last synced: 14 Nov 2024
https://github.com/exslym/d-creative-studio
D-Creative Studio
animation-on-scroll eslint-plugin gh-pages github-pages javascript postcss sass webpack5
Last synced: 14 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/lukmanrambe/luxspace
A Furniture E-Commerce Web Design
css es6 figma html javascript postcss tailwindcss webpack
Last synced: 29 Oct 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/cyansalt/postcss-transform-decl
Transform any declarations with custom rules
Last synced: 09 Nov 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: 23 Oct 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/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: 08 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: 08 Nov 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: 23 Oct 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: 23 Oct 2024
https://github.com/rmoongit/cryptonomicon
#app cryptonomicon - курс валюты монет и вывод графы
api bem css eslint javascript postcss postcss-plugin prettier tailwind vite vue3 websocket
Last synced: 07 Nov 2024
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: 29 Oct 2024
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: 08 Nov 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/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://github.com/reworkjs/postcss-preset-reworkjs
PostCSS preset for applications built using ReworkJS
Last synced: 05 Nov 2024
https://github.com/koole/centrale-v1
🔥 dekoolecentrale.nl
postcss threejs typescript webpack
Last synced: 10 Nov 2024
https://github.com/scrum/postcss-envariables
PostCss plugin to use environment variables in CSS
css env envariables postcss postcss-plugin webpack4
Last synced: 17 Oct 2024
https://github.com/pascalduez/eleventy-css
11ty css css-modules eleventy postcss stylesheets
Last synced: 17 Oct 2024
https://github.com/shubhadip/react-vite-component-library
Template to create component library with ReactJs, Typescript, Tailwind, Vite, Playwright, Storybook.
commitlint component-library javascript library postcss reactjs semantic-release storybook tailwind tailwindcss template typescript vite vitejs
Last synced: 14 Oct 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/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/alexandrecpedro/spacetime
Time Capsule platform for web and mobile - NLW Spacetime
cors expo fastify figma google-fonts ignite-rocketseat lucide-icons nextjs nodejs postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript
Last synced: 09 Nov 2024
https://github.com/exslym/portfolio-new-3d
A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)
autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs
Last synced: 14 Nov 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: 07 Nov 2024
https://github.com/abhich21/memory-game
a basic number pair memory game
postcss react-dom reactjs tailwindcss vitejs
Last synced: 09 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/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/vasquez-esteban/astro-init
Initialized Astro Project with Tailwind, Typescript, Linting and Formatting support.
astro eslint eslint-config postcss prettier tailwindcss typescript
Last synced: 07 Nov 2024
https://github.com/andrepolischuk/react-mobx-state-tree-example
An example of React MobX state tree async application
example example-app mobx-state-tree postcss react
Last synced: 09 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/andrepolischuk/deku-redux-example
An example of Deku Redux async application
deku deku-redux example example-app postcss redux
Last synced: 09 Nov 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/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: 14 Nov 2024
https://github.com/efiand/device
Интернет-магазин гаджетов.
bem favicons gulp portfolio-project postcss posthtml range-slider sprite webpack
Last synced: 14 Nov 2024
https://github.com/efiand/vue3-boilerplate
Стартовый шаблон для разработки SPA.
boilerplate css-icons eslint pinia portfolio-project postcss prettier stylelint vite
Last synced: 14 Nov 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: 07 Nov 2024
https://github.com/efiand/anne-blog
Образцы страниц блога копирайтера.
a11y bem gulp image-optimization pixelperfect postcss retinal-images stylelint w3c-validation
Last synced: 14 Nov 2024
https://github.com/efiand/cooknote
Кулинарная книга с возможностью добавления и редактирования рецептов. Визуальный редактор, категории, разделы
a11y admin-panel commercial design eslint fastify favicons nodejs portfolio-project postcss postgresql semantics stylelint sveltekit
Last synced: 14 Nov 2024
https://github.com/efiand/vue-form-multistep
Форма из нескольких шагов-роутов на Vue, pinia, vuelidate. Typescript, scss, vite
eslint pinia portfolio-project postcss stylelint vite
Last synced: 14 Nov 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: 14 Nov 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: 14 Nov 2024
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: 14 Nov 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: 14 Nov 2024
https://github.com/efiand/wfl
Лендинг музыкального альбома. Демонстрация плейлиста на Web Audio API
a11y bem eslint favicons gulp image-optimization mobile-first opengraph pixelperfect portfolio-project postcss posthtml progressive-enhancement semantics sprite stylelint vanilla-js webp webpack
Last synced: 14 Nov 2024
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: 14 Nov 2024
https://github.com/vs0uz4/movie-search
Aplicação Desenvolvida no Curso de SvelteJS
javascript jest postcss purgecss svelte tailwindcss testing-library tmdb-api
Last synced: 10 Nov 2024
https://github.com/aleksandrpolishchuk/ticketierapp
Frontend part of App for sell tickets
nextjs13 postcss react tailwindcss typescript
Last synced: 09 Nov 2024
https://github.com/vcolesdev/docker-create-next-app
Dockerized NextJS app. App itself is in submodule "next".
create-next-app docker docker-compose nextjs postcss tailwindcss typescript
Last synced: 07 Nov 2024
https://github.com/ranitmanik/frontend-app-starter-template
A React starter template with Vite, React, Tailwind, and Prettier to assist in building dynamic web applications that adhere to community standards
eslint-plugin javascript nodejs postcss react react-vite tailwindcss typescript vite vite-react-typescript
Last synced: 07 Nov 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: 06 Nov 2024
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/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: 09 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: 09 Nov 2024
https://github.com/guptabhaskar/nextjs-boilerplate
Boilerplate and Starter for Next JS 13+, Tailwind CSS 3.2.4 and TypeScript
eslint eslint-config husky nextjs nextjs-boilerplate nextjs-starter postcss postgresql prettier sequelize sequelize-orm tailwindcss typescript
Last synced: 26 Sep 2024
https://github.com/jgarber623/eleventy-plugin-postcss
An Eleventy plugin for processing CSS files with PostCSS.
11ty 11ty-plugin eleventy eleventy-plugin postcss
Last synced: 09 Oct 2024
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: 10 Nov 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: 31 Oct 2024
https://github.com/connectkushal/cssnotes
Revision notes for css, sass and tools to work on them. Also notes on bulma and bootstrap5.
bootstrap5 bulma bulma-css bulma-css-framework css css-flexbox css-grid css3 postcss sass sass-framework vite
Last synced: 15 Oct 2024
https://github.com/denis-axenov/webpack-boilerplate
🚀 Webpack Boilerplate — starter with Webpack 5, SCSS, ESLint, Stylelint, SWC for ⚡ faster JS builds, and Jest for testing. Includes PostCSS, CSSnano, and Autoprefixer for optimization.
autoprefixer cssnano eslint jest postcss scss stylelint swc webpack webpack5
Last synced: 31 Oct 2024
https://github.com/brunogroth/livewire
Learning Livewire | PHP & Laravel & Livewire & TailwindCSS
laravel laravel10 livewire livewire-components mysql mysql-database postcss tailwind tailwind-css tailwindcss
Last synced: 11 Nov 2024
https://github.com/locol23/webpack-scss-starter
A boilerplate of static site using webpack + postcss(scss)
Last synced: 11 Nov 2024
https://github.com/muzabol2/calc
Simple calculator in vanilla JS
babel javascript postcss vanilla-javascript vercel webpack
Last synced: 11 Nov 2024
https://github.com/amansuryavanshi-1/foodah
This React-based web application features real-time data integration with Swiggy and GitHub APIs. Key highlights include custom hooks for online status and fallback images, optimized performance with lazy loading, and a shimmer UI for enhanced user experience. It exemplifies efficient management of large datasets & modern web development practices.
emailjs html javascript json-api parcel parcel-bundler postcss react react-icons react-router-dom reacticons redux-toolkit tailwind-css vercel
Last synced: 11 Oct 2024
https://github.com/winston0410/postcss-sparrow-values-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by values.
postcss postcss-plugin postcss-sparrow
Last synced: 12 Nov 2024
