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/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/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/ansarkmemon/wordpress-sass-hmr-webpack-boilerplate
Boilerplate for WordPress Theme development workflow with webpack, sass, hmr and browsersync
hot-module-replacement postcss sass sass-loader webpack3 wordpress wordpress-boilerplate wordpress-development
Last synced: 21 Jan 2025
https://github.com/elchininet/postcss-comments
Postcss plugin to prepend or append comments to CSS rules
comments css postcss postcss-plugin
Last synced: 20 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/lorenzorapetti/tailwindcss-parcel
Template with tailwindcss and parcel
parcel parcel-bundler postcss tailwindcss template
Last synced: 31 Jan 2025
https://github.com/matan3sh/personal-app
nextjs postcss tailwindcss typescript
Last synced: 24 Jan 2025
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/morzhanov/react-ts-boilerplate
React + TypeScript Boilerplate allows you to start new web project from scratch using React, TypeScript, Mobx-State-Tree, Mobx and Styled components.
eslint hmr mobx mobx-state-tree mst postcss prettier react react-router-v4 scss styled-components typescript webpack4
Last synced: 30 Dec 2024
https://github.com/engrsakib/countriesname-simple-react-projects
api daisyui jsx postcss react tailwindcss
Last synced: 05 Feb 2025
https://github.com/twibiractlabs/twibiract-scss
twibiractscss est une boîte à outils front-end la plus puissante, la plus extensible et la plus riche en fonctionnalités au monde, d'extensions, de plugins et plus encore.
css postcss sass scss twibiractscss utility-class
Last synced: 05 Feb 2025
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/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/morzhanov/react-flow-boilerplate
React Flow Boilerplate allows you to start new web project from scratch using React and Flow.
babel css eslint flow javascript mobx mobx-react mobx-state-tree mst postcss prettier react react-router-v4 sass scss styled-components webpack
Last synced: 30 Dec 2024
https://github.com/koffeine/rollup-plugin-sass-postcss
Rollup plugin for Sass and PostCSS
postcss rollup rollup-plugin sass scss
Last synced: 01 Feb 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/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/shashkovdanil/next-template
Next.js, TypeScript, CSS Modules template
css next nextjs postcss typescript
Last synced: 01 Jan 2025
https://github.com/pronoia9/promptle
Unleash your creativity and ignite inspiration with Promptle! This innovative Next.js application is your gateway to a world of limitless ideas. Share prompts, spark creativity, and watch ideas flourish as you connect with a community of like-minded individuals. Dive into Promptle and let your imagination soar!
autoprefixer bycrypt css fullstack html javascript mongodb mongoose next-auth nextjs postcss react tailwindcss
Last synced: 24 Jan 2025
https://github.com/pronoia9/metaversus
autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss
Last synced: 24 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/inambe/simple-postcss-webpack-template
Simple webpack project template with PostCSS integrated.
Last synced: 01 Feb 2025
https://github.com/rc6799/vue-sell-car
Flutter Buy Sell
axios postcss sass tailwindcss vue3
Last synced: 07 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/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/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/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/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/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/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/emranffl/data-security-blockchain
Thesis work.
blockchain blockchain-technology graph network nextjs postcss security tailwind tailwind-css typescript vizjs
Last synced: 24 Dec 2024
https://github.com/charistheo/webpack-media-split
A simple example that splits CSS based on media queries used and generates separate files using Webpack. Those CSS files are then lazy loaded depending on screen width.
css lazy-loading mediaqueries postcss webpack
Last synced: 14 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/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/dkmfzf/webowio
A project made using the Gulp collector. The site is not for a portfolio, but in order to test the technology I have studied
css gulp html javascript js nodejs postcss stylelint
Last synced: 21 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: 21 Jan 2025
https://github.com/bacoords/postcss-understrap-palette-generator
PostCSS plugin to generate a json file for Understrap theme
bootstrap postcss understrap wordpress
Last synced: 30 Oct 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 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/evaaaaawu/website-starter-template
A design system that can be used to build websites.
Last synced: 31 Jan 2025
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/avigoldman/postcss-hex-format
PostCSS plugin to format hexadecimal colors
color css format hex hexadecimal postcss
Last synced: 19 Jan 2025
https://github.com/blackoutseeker/felips-rfe
My Final Internship Report in website format
eslint nextjs postcss prettier reactjs tailwindcss typescript
Last synced: 26 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/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/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/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/cendekia/screwmate-storybook
hacktoberfest hacktoberfest2021 postcss react storybook tailwind tailwindcss
Last synced: 29 Dec 2024
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/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/dbish6/open_weather_app
This weather app utilizes the powerful Open Weather API and delivers real-time weather information for cities all around the world!
Last synced: 14 Oct 2024
https://github.com/agneym/react-app
React App Webpack 4 Configuration.
boilderplate build-tools eslint minifies postcss prettier react webpack
Last synced: 29 Dec 2024
https://github.com/hazratgs/febox
Сайт студии Febox
javascript postcss react webpack
Last synced: 21 Dec 2024
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/johnwatkins0/postcss-spacing-utils
Generates spacing utility classes from user settings.
Last synced: 20 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/inambe/sass-postcss-wp-template
Webpack project template with SASS and PostCSS integrated.
Last synced: 01 Feb 2025
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/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/cabrelngamaleu/invest
invest website
clsx eslint framer-motion nextjs14 postcss react use-debounce
Last synced: 31 Dec 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: 02 Feb 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/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/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/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/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/yakovlev-alexey/next-pcss
Import global `.pcss` files in your Next.js project.
Last synced: 18 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