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-06 00:23:42 UTC
- JSON Representation
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/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/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/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
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 Jan 2025
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 github-actions html postcss svg-sprite vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-interactive-pricing-component
This is a solution to the interactive pricing component challenge on Frontend Mentor
css-custom-properties github-actions html postcss vanilla-js vite
Last synced: 24 Jan 2025
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 Jan 2025
https://github.com/annaindistress/frontend-mentor-bookmark-landing-page
This is a solution to the bookmark landing page challenge on Frontend Mentor
css-custom-properties html postcss svg-sprite vanilla-js vite
Last synced: 24 Jan 2025
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/milliorn/travel-agency
Mobile responsive site using React and Tailwind
autoprefixer gh-pages postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui travel-agency travel-website ts tsx types typescript
Last synced: 14 Dec 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/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/om-corp/porto-challenge-next
Challenge da Porto Seguro com next.js
next nextjs omcorp postcss react reactjs tailwindcss
Last synced: 16 Jan 2025
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/scarfacedeb/brunch-elixir-web
Brunch skeleton for basic elixir frontend
Last synced: 19 Dec 2024
https://github.com/lunanezha/imedica-login
Leverages AI to provide medication management services for patients and doctors. This project focuses solely on the login functionality, delivering a responsive, and mobile-first interface to authenticate user.
ai doctor ionic login medication mobile-app patient postcss prescription react responsive tailwindcss typescript vite
Last synced: 01 Feb 2025
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/imjaroiswebdev/jartravels-site
gulp html-css postcss responsive
Last synced: 29 Jan 2025
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/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: 23 Jan 2025
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/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/jondotsoy/equip-resources-basestyles
Shared resources for component implementation.
Last synced: 26 Jan 2025
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: 21 Jan 2025
https://github.com/avigoldman/postcss-hex-format
PostCSS plugin to format hexadecimal colors
color css format hex hexadecimal postcss
Last synced: 19 Jan 2025
https://github.com/barraponto/neutrino-preset-postcss-cssnext
cssnext support in Neutrino.
cssnext neutrino neutrino-preset postcss
Last synced: 23 Jan 2025
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/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: 21 Jan 2025
https://github.com/davidgarsan/webpack2-components-demo
Messing with Webpack2, ES6, PostCSS...
components ejs es6 postcss webpack webpack2 webpack2-demo
Last synced: 23 Jan 2025
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: 02 Feb 2025
https://github.com/franmc01/vue-pinia-shop-app
A project I used to apply the concepts of Vue's new state handler: PINIA
eslint pinia postcss state-management tailwindcss vitejs vue3-composition-api vue3-sfc
Last synced: 01 Feb 2025
https://github.com/keyyard/today-notes
Today Notes is a lightweight, daily task management application built using Next.js, React, TailwindCSS, Prisma, and Postgresql - Supabase. It allows users to create tasks that expire in 24 hours, providing a clean and minimalist interface with support for dark and light themes.
eslint next next-auth next-rpc nextauth nextjs node postcss postgresql prisma prisma-orm react react-dom reactjs sql tailwindcss typescript
Last synced: 29 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/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/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/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/cabrelngamaleu/invest
invest website
clsx eslint framer-motion nextjs14 postcss react use-debounce
Last synced: 31 Dec 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/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/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/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/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/yakovlev-alexey/next-pcss
Import global `.pcss` files in your Next.js project.
Last synced: 18 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/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/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: 02 Feb 2025
https://github.com/franmc01/react-citas-app-2.0
Es una versión de una de las primeras aplicaciones que hice cuando aprendí Reactjs.
eslint postcss prettier react tailwindcss-v3 vitejs
Last synced: 01 Feb 2025
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/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/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/winston0410/postcss-sparrow-units-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by units.
Last synced: 15 Dec 2024
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/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/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/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/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/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/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/inambe/simple-postcss-webpack-template
Simple webpack project template with PostCSS integrated.
Last synced: 01 Feb 2025
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/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/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/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/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/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/solis-lab/training
The base training for creating a Frontend Development module. ES6, SCSS/postCSS supports.
Last synced: 27 Dec 2024
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/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/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: 02 Feb 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