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-02-10 00:23:17 UTC
- JSON Representation
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/yoriiis/webpack-boilerplate
Boilerplate to kickstart creating a project with Webpack configuration
babel boilerplate eslint javascript jest postcss prettier stylelint webpack
Last synced: 05 Feb 2025
https://github.com/jolomitee/catchup
CatchUp Figma design as a web page
figmadesign front-end-development postcss tailwindcss
Last synced: 10 Feb 2025
https://github.com/awayken/2016devobjective
PostCSS: A Dumb Name For an Awesome Thing
postcss presentation showcase slides
Last synced: 26 Jan 2025
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/wearerequired/js
📦 Monorepo for JavaScript packages used @wearerequired.
boilerplate browserlist postcss
Last synced: 13 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: 05 Feb 2025
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/simmzl/ele
Vue.js 2.0 仿饿了么Web APP
better-scroll es6 eslint postcss stylus vue webpack
Last synced: 19 Jan 2025
https://github.com/cabrelngamaleu/invest
invest website
clsx eslint framer-motion nextjs14 postcss react use-debounce
Last synced: 31 Dec 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 Jan 2025
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: 02 Feb 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/eliasjuk/palpitebox
✔️ PalpiteBox
api google-api javascript nextjs nodejs postcss react tailwindcss
Last synced: 07 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/beraliv/tda-mz-netlify-cms
Netlify CMS + Netlify + React
material-ui netlify netlify-cms postcss react react-helmet
Last synced: 25 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/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/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/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/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 Jan 2025
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/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/samuelribeiroo/lunnaris
A modern landing page for AI-based software as as service.
framer-motion lucide-icons next-14 postcss tailwindcss
Last synced: 26 Jan 2025
https://github.com/annaindistress/frontend-mentor-time-tracking-dashboard
This is a solution to the time tracking dashboard challenge on Frontend Mentor
css-custom-properties github-actions postcss react rest-api svg-sprite vite
Last synced: 24 Jan 2025
https://github.com/antonio-laguna/demo-postcss
Usando PostCSS como alternativa a Sass
Last synced: 28 Dec 2024
https://github.com/apis/go-htmx-post-css-example
Example CRUD Web application written in Go, HTMX, PostCSS
go-template golang htmx postcss vite
Last synced: 22 Dec 2024
https://github.com/annaindistress/frontend-mentor-clock-app
This is a solution to the clock app challenge on Frontend Mentor
css-custom-properties github-actions html ip-geolocation-api postcss quotable-api svg-sprite vanilla-js vite worldtimeapi
Last synced: 24 Jan 2025
https://github.com/savvy-css/savvy
A Lightweight & Highly-Composable Modular CSS Framework
css css-framework echobind functional-css postcss savvy-css
Last synced: 02 Feb 2025
https://github.com/annaindistress/frontend-mentor-advice-generator-app
This is a solution to the advice generator app challenge on Frontend Mentor
advice-slip-api css-custom-properties github-actions html postcss vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/vcolesdev/docker-next
Submodule to docker-create-next-app. The nextJS app that is generated when create-next-app is run.
create-next-app docker docker-compose nextjs postcss submodule tailwindcss typescript
Last synced: 29 Jan 2025
https://github.com/wonderstk/multi-step-form
This project is a responsive multi-step form built with React and styled using Tailwind CSS. It provides users with a seamless experience to input their information, select a plan, choose add-ons, and review their selections before submission.
context-api javascript postcss react tailwindcss
Last synced: 29 Jan 2025
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/andreivictor/webpack-starter
A starter frontend boilerplate using Webpack 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.
babel babel7 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate
Last synced: 30 Jan 2025
https://github.com/slhsxcmy/postcss-split-selectors
css npm postcss postcss-plugin
Last synced: 14 Jan 2025
https://github.com/earth-hominid/seeds-inventory-catalog
An inventory management system for an online seed store | Full stack CRUD Application with ExpressJS
expressjs javascript mongodb mongoose mvc-architecture nodejs postcss pugjs sanitization tailwind-css validation validatorjs
Last synced: 26 Dec 2024
https://github.com/annaindistress/frontend-mentor-results-summary
This is a solution to the results summary challenge on Frontend Mentor
css-custom-properties github-actions html postcss vanilla-js vite
Last synced: 24 Jan 2025
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 Jan 2025
https://github.com/keidrun/boilerplate-gulp-postcss
Boilerplate of PostCSS with Gulp.
boilerplate css css3 cssnext design es2015 es6 gulp postcss
Last synced: 23 Jan 2025
https://github.com/annaindistress/frontend-mentor-scoot-multi-page-website
This is a solution to the scoot multi-page website challenge on Frontend Mentor
css-custom-properties github-actions html postcss svg-sprite vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/straw-hat-team/nextjs-starter-kit
Our NextJS starter kit project
nextjs nodejs postcss reactjs starter-kit straw-hat straw-hat-platform tailwindcss
Last synced: 29 Jan 2025
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: 29 Jan 2025
https://github.com/annaindistress/frontend-mentor-project-tracking-intro
This is a solution to the project tracking intro component challenge on Frontend Mentor
css-custom-properties github-actions html postcss tailwind-css vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-news-homepage
This is a solution to the news homepage challenge on Frontend Mentor
css-custom-properties gulp html postcss vanilla-js
Last synced: 24 Jan 2025
https://github.com/castelo-codez/scoot-multi-page-website
This multi-page website will really test your front-end skills. There are 4 pages to build with mobile, tablet, and desktop designs included.
cypre frontend-mentor frontendmentor-challenge hrml js postcss sass scoot-multipage-website tail vite vuejs
Last synced: 27 Dec 2024
https://github.com/baraqkamsani/postcss-fluid-style
Build fluid text and style in CSS
Last synced: 30 Jan 2025
https://github.com/ashwin-s-nambiar/notes-app
A Full Stack Notes App made to improve my knowledge and ability in Next.js.
full-stack nextjs pocketbase postcss router tailwindcss
Last synced: 30 Jan 2025
https://github.com/krypton225/multi-step-form
This is just a training in Front End Mentor website.
autoprefixer concurrently css3 cssnano html5 javascript live-server postcss postcss-cli pug-cli pugjs scss typescript webpack webpack-cli
Last synced: 26 Dec 2024
https://github.com/yarastqt/postcss-theme-fallback
A postcss plugin to adding fallback values for css-variables
css-vars css-vars-fallback postcss postcss-plugin
Last synced: 22 Dec 2024
https://github.com/annaindistress/frontend-mentor-3-column-preview-card-component
This is a solution to the 3-column preview card component challenge on Frontend Mentor
css-custom-properties gulp html postcss
Last synced: 24 Jan 2025
https://github.com/krypton225/social-links-profile
This is just a training in Front End Mentor website.
challenge css3 frontend-mentor html5 postcss ui-challenge
Last synced: 27 Dec 2024
https://github.com/ljuzifer/carp-travel-app
An application that tells about the best Carpathian tourist routes!
autoprefixer css eslint javascript nextjs postcss prettier react-hook-form react-hook-form-persist react-hot-toast react-responsive react-scroll swiper tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/lgraubner/webpack-boilerplate-react
Basic Webpack boilerplate for React projects.
flow hmr jest postcss prettier react webpack webpack-boilerplate
Last synced: 05 Feb 2025
https://github.com/liinkiing/react-webpack-boilerplate
Small boilerplate to train myself with webpack configurations, postcss, babel, env files and all those nice stuff
babel7 browserlist postcss react webpack4
Last synced: 05 Feb 2025
https://github.com/coder-abdo/multi-forms
multi-form project
babel7 es6 postcss react-hooks react-icons reactjs webpack4
Last synced: 14 Jan 2025
https://github.com/dormanator/pomodoro-clock
A simple Pomodoro clock designed to help control your work patterns to ensure appropriate breaks are taken. Features graphic display of time progression, and use of the Notification API.
gulpjs html javascript postcss progressbar-js
Last synced: 10 Nov 2024
https://github.com/viburoshin25/react-art
This repository serves as an introduction to web development with a stylish landing page crafted using React and Tailwind CSS. Developed as part of my introductory journey into learning React and Tailwind CSS.
nodejs postcss react-components react-hooks reactjs tailwind-css tailwindcss
Last synced: 27 Dec 2024
https://github.com/biswa-ganguly/virtualr
Virtual-R is a front-end project that showcases a modern web-site look
front-end javascript postcss reactjs tailwind-css vite
Last synced: 27 Dec 2024
https://github.com/rafaeldevvv/dictionary-web-app
A dictionary app to look up words
dictionary nextjs postcss prettier react tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/yash-jivani/heritage-detection
Heritage image Detection UI
css es6 html javascript postcss react tailwindcss
Last synced: 22 Dec 2024
https://github.com/yash-jivani/ens-cryptoweb
Real-time trading status for the top Cryptocurrency
api css cyptocurrency html javascipt livedata postcss react tailwindcss
Last synced: 22 Dec 2024
https://github.com/yash-jivani/bookmarkweb
Bookmark website UI
css html node npm postcss tailwindcss
Last synced: 22 Dec 2024
https://github.com/zyloxweeb/my-website
Questo progetto è un sito di presentazione personale realizzato con React, Express, e MongoDB. Il sito include una homepage, una pagina "About", una sezione per i progetti e un modulo di contatto. Utilizza `react-router-dom` per la navigazione e `axios` per le richieste HTTP, con uno stile moderno grazie a CSS e Tailwind CSS.
css javascript postcss tailwindcss
Last synced: 27 Dec 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: 19 Jan 2025
https://github.com/mouhametnd/ecommerce-product
This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js
bem-methodology gulpjs html javascript localstorage postcss scss
Last synced: 17 Jan 2025
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: 27 Dec 2024
https://github.com/josealz/disco
Discord clone
autoprefixer build deploy firebase gh-pages git github odin-project postcss react tailwindcss vscode
Last synced: 25 Dec 2024
https://github.com/awayken/postcss-placeholdit
PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.
Last synced: 10 Jan 2025
https://github.com/adn0s/daily-planner
Make your day better with Daily Planner app. Easy to use: add tasks with info like what it's about, when it's due, and how important it is. It's simple to keep track of everything. Get more done with less hassle.
jest postcss react redux tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/juborajsujon/fix-nexus-client
FixNexus - User can Booked Service and Manage Services and service provider also Added service, update service, view details service and ordered service can update status.
autoprefixer axios daisyui firebase lottie-react postcss react react-datepicker react-helmet-async react-hook-form react-loader-spinner react-markdown react-router-dom react-simple-typewriter react-toastify sweetalert2 tailwindcss
Last synced: 03 Feb 2025
https://github.com/mrhidalgo/vanillajavascript
Effortlessly initiate a high-performance Vanilla JavaScript web application, SPA, or website. Equipped with JavaScript, Tailwind CSS, ESLint, Vite, and more, this setup enables you to start development in moments—sidestepping the typical complexities of environment setup.
bootstrap browserlist css eslint html javascript js postcss prettier responsive scss starter tailwindcss vitejs
Last synced: 03 Feb 2025
https://github.com/juborajsujon/textile-art-client
Textile Art - This website user can find the most valuable 6 category textile art craft items and they can create craft item product card for selling purpose.
animatecss aos autoprefixer daisyui eslint eslint-plugin firebase lottie-react postcss react-helmet-async react-hook-form react-icons react-router-dom react-scroll-trigger react-simple-typewriter react-toastify sweetalert2 tailwindcss tsparticles vite
Last synced: 03 Feb 2025
https://github.com/sabinacristea/pomodoro-app
React Responsive Pomodoro App with change of fonts and colors
postcss reactjs tailwindcss vitejs
Last synced: 27 Dec 2024
https://github.com/ambar/docz-plugin-style
PostCSS Preset Env + CSS Modlues
Last synced: 02 Jan 2025
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: 21 Jan 2025
https://github.com/avigoldman/postcss-colornames-to-hex
PostCSS plugin to convert color names to hexadecimal values
colornames colors hexidecimal plugin postcss
Last synced: 19 Jan 2025
https://github.com/bntzio/aguayo-frontend-test
Página web con responsive design (mobile first)
Last synced: 30 Dec 2024
https://github.com/winston0410/postcss-sparrow-units-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by units.
Last synced: 08 Feb 2025
https://github.com/fsmaiorano/entity-frameworkcore-boilerplate
:computer: A boilerplate to configure a Entity FrameworkCore correctly.
csharp entity-framework-core migrations netcore2 node-sass npm-scripts postcss
Last synced: 22 Dec 2024
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: 07 Feb 2025
https://github.com/marlon-couto/bootstrap-vanillajs-starter
Um template para desenvolvimento de sites rapidamente.
handlebars html javascript postcss sass vite
Last synced: 22 Dec 2024
https://github.com/marlon-couto/marlon-couto.github.io
Meu portfólio pessoal criado com Astro, TypeScript e Bootstrap.
astro autoprefixer bootstrap developer-portfolio postcss scss typescript
Last synced: 22 Dec 2024
https://github.com/damir-sijakovic/gulp_postcss
Gulp, PostCSS and BrowserSync Example
Last synced: 30 Jan 2025
https://github.com/darinelescobar/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: 06 Feb 2025
https://github.com/divyansh089/apple-airpods-clone
An amazing Apple AirPods UI clone
airpods apple gsap netlify nodejs postcss react tailwindcss
Last synced: 06 Feb 2025
https://github.com/edixonalberto/template-sass
Template for creating websites using Sass
autoprefixer html portfolio postcss sass sass-autoprefixer template
Last synced: 17 Jan 2025
https://github.com/devbluecomet/quiz-game
A quiz/trivia game with different modes and categories that you can select, as well as wildcards to help you. The questions are generated by artificial intelligence using the Cohere API.
eslint javascript postcss react tailwindcss
Last synced: 30 Jan 2025
