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/aholachek/basic-postcss-setup
A simple npm scripts-powered set up for experimenting with Shoelace.css and postcss in general
postcss shoelacecss starter-template
Last synced: 09 Nov 2024
https://github.com/fullstack-dev3/halo-insurance
Halo Insurance Website by Next.js
eslint insurance nextjs postcss reactjs tailwindcss
Last synced: 09 Nov 2024
https://github.com/chenycl/react-pro
react16.9后台模版，基于create-react-app，路由表配置+权限，react hooks +redux语法，支持sass和hack css
antd classnames hooks mock postcss react react-redux react-router-dom sass
Last synced: 12 Nov 2024
https://github.com/mouhametnd/pomodoro-app
This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js
bem-methodology gulpjs javascript localstorage postcss scss
Last synced: 16 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: 16 Nov 2024
https://github.com/sadcitizen/postcss-config
@sadcitizen/postcss-config - PostCSS shareable config
postcss postcss-config postcss-preset
Last synced: 11 Nov 2024
https://github.com/sumingcheng/moduvue
基于Webpack5和Vue3的框架，提供了许多常用的功能和工具，可以帮助快速搭建一个高效、可扩展和易维护的Web应用程序。
autoprefixer axios babel crypto dayjs echats element-plus gulp js-cookie less loadsh postcss prettier vue-router vue3 vuex webpack-analyzer webpack5
Last synced: 12 Nov 2024
https://github.com/ikram-maulana/webpack-tailwind-boilerplate
🧰 A Minimal Webpack 5/4 boilerplate with Tailwind CSS 3, TypeScript, PostCSS, Prettier And More.
postcss prettier tailwind-3 typescript webpack-4 webpack-5 webpack-boilerplate webpack-tailwind
Last synced: 11 Nov 2024
https://github.com/rencire/react-css-module-starter
babel css css-modules es6 hmr postcss react react-hot-reload webpack
Last synced: 11 Nov 2024
https://github.com/roose/wox-postcss-search
Search PostCSS plugin
nim postcss wox wox-plugin wox-postcss-search
Last synced: 12 Nov 2024
https://github.com/azakharo/react-starter-2020
Start your new React application quickly. Clever development environment. All build tool configs are at your hands, change them if necessary.
antd autoprefixer axios babel boilerplate boilerplate-front-end eslint postcss prettier react reactjs redux redux-thunk starter-project stylelint webpack
Last synced: 05 Nov 2024
https://github.com/octet-stream/tailwindcss-device
TailwindCSS plugin to add variants for input device detection using `@media` queries
media-queries postcss tailwindcss tailwindcss-plugin
Last synced: 07 Nov 2024
https://github.com/murshidazher/trostcss
:reminder_ribbon: A modular, lightweight and responsive front-end framework for rapid prototyping and UI development.
css-framework css3 frontend postcss stylesheet ui
Last synced: 08 Nov 2024
https://github.com/devbyray/raymonschouwenaar-blog
RaymonSchouwenaar.nl blog
asset-pipeline boilerplate gulp hugo netlify postcss static-site static-site-generator victor-hugo webpack
Last synced: 13 Nov 2024
https://github.com/ravesjs/config-webpack-etc
React-ready webpack configuration
babel configuration eslint postcss prettier react scss-modules template webpack
Last synced: 05 Nov 2024
https://github.com/thenamevishnu/night-owl-client
(in progress) Night Owl is the ultimate freelance platform for connecting businesses with top-tier developers. Find the perfect developer for your project, benefit from secure transactions, and ensure successful collaboration.
axios css eslint jwt-authentication postcss reactjs tailwindcss vite
Last synced: 13 Nov 2024
https://github.com/thenamevishnu/black-board
Developed a blackboard for creative expression and interactive content, making it a valuable tool for artistic and educational purposes.
canvas eslint postcss reactjs tailwindcss vite
Last synced: 13 Nov 2024
https://github.com/devniel/derb
Devniel's Express and React Boilerplate
boilerplate express hot-module-replacement postcss react reactjs webpack2
Last synced: 13 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/silvermine/postcss-css-var-fallback
PostCSS plugin to insert fallbacks for CSS Custom Properties
css css-custom-properties css-variables postcss
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/jlozovei/loaderscss
Simple + awesome css-only crafted loaders
Last synced: 13 Nov 2024
https://github.com/fmanimashaun/skilled-elearning-landing-page
his is a solution to the [Skilled e-learning landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/skilled-elearning-landing-page-S1ObDrZ8q). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
frontendmentor-challenge html5 mobile-first postcss scss webpack5
Last synced: 31 Oct 2024
https://github.com/pierrecholhot/hank
Live OS monitoring UI built on top of HighCharts.js
babel es6 express-js highcharts node-js os-monitor postcss socket-io webpack
Last synced: 15 Nov 2024
https://github.com/sohanemon/dragon-news
🚀 postcss, tailwind
combinators css firebase-auth postcss react react-hot-toast tailwindcss
Last synced: 15 Nov 2024
https://github.com/nandomoreirame/preview-responsive-navbar
A preview responsive navbar iframe
cssvar cssvariables html iframe navbar postcss preview
Last synced: 09 Nov 2024
https://github.com/bush1d3v/solidity-todo-app
Solidity Todo App is an solidity study project, integrated with web3 and vue.js.
biomejs bun css ethereum ganache ganache-ui html javascript metamask postcss remix shadcn-vue solidity tailwindcss truffle typescript vite vuejs web3 web3js
Last synced: 15 Nov 2024
https://github.com/rbelling/postcss-safe-curly-braces
PostCSS plugin to transform '}}' in '} }'
css handlebars postcss postcss-plugin vuejs
Last synced: 15 Nov 2024
https://github.com/yash-jivani/heritage-detection
Heritage image Detection UI
css es6 html javascript postcss react tailwindcss
Last synced: 05 Nov 2024
https://github.com/yash-jivani/bookmarkweb
Bookmark website UI
css html node npm postcss tailwindcss
Last synced: 05 Nov 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: 05 Nov 2024
https://github.com/daniguardiola/postcss-local-keyframes
PostCSS plugin that makes animations local.
animation css keyframes postcss postcss-plugin
Last synced: 31 Oct 2024
https://github.com/sthzg/codesandbox-tailwind-playground
Tailwind playgound running locally and on codesandbox.io.
csa-template hmr playground postcss snowpack tailwindcss
Last synced: 14 Oct 2024
https://github.com/rohits05/ai-shi
autoprefixer bcrypt-encryption mongodb mongoose next-auth nextjs postcss tailwind-css
Last synced: 11 Nov 2024
https://github.com/jguddas/jumpstart
Config and boilerplate free dev/build tool.
babel eslint jest less lightscript postcss sass typescript webpack
Last synced: 13 Oct 2024
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: 05 Nov 2024
https://github.com/yowainwright/postcss-scss
This is my setup to use postcss for scss! 🤔 The script works. Feel free to copy if you've got something nitty gritty to do.
config css npm-scripts postcss sass scss
Last synced: 08 Nov 2024
https://github.com/blackoutseeker/felips-rfe
My Final Internship Report in website format
eslint nextjs postcss prettier reactjs tailwindcss typescript
Last synced: 14 Oct 2024
https://github.com/p10ns11y/peramsathyam
poems and blogs
fly postcss reactjs remix-run stately tailwindcss xstate
Last synced: 08 Nov 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/bimapriaaditya/create-starterpack-src
Starter frontend project with webpack, bootstrap scss and tailwind postcss
bootstrap5 postcss scss src tailwind
Last synced: 11 Nov 2024
https://github.com/iwatanikenji/event-platform
GraphCMS integrated application developed to organize classes and livestreams based on a launch date
apollo graphcms graphql phosphoricons postcss router-dom tailwindcss
Last synced: 05 Nov 2024
https://github.com/studioalex/postcss-fontify
postcss-fontify is a lightweight PostCSS plugin that generates font-related CSS properties and declarations, saving you time and effort in your stylesheet development.
font fonts plugin postcss variable-fonts
Last synced: 12 Oct 2024
https://github.com/antonio-laguna/demo-postcss
Usando PostCSS como alternativa a Sass
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/snenenenenenene/ember-postcss-sass-tailwind-template
ember embroider postcss tailwindcss template
Last synced: 31 Oct 2024
https://github.com/tricinel/postcss-color-hsla-fallback
PostCSS plugin to transform hsl and hsla to hexadecimal
color color-convert css hsl-color postcss postcss-plugin
Last synced: 06 Nov 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: 17 Oct 2024
https://github.com/krypton225/fourth-portfolio-react
This is just a portfolio for practicing in using React JS and Tailwind CSS.
aos autoprefixer netlify portfolio postcss react react-dom react-hooks react-icons react-lazy-load-image-component react-scroll reactjs swiper tailwindcss yarn
Last synced: 06 Nov 2024
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 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/isuke/postcss-ghost-utils
PostCSS plugin to add helper utils for your CSS
Last synced: 07 Nov 2024
https://github.com/davismz09/proyecto-grado-angie-flores
Página estática referente al proyecto de grado de Angie Flores
autofixer gh-pages js postcss react swiper-js tailwindcss
Last synced: 11 Nov 2024
https://github.com/ambar/docz-plugin-style
PostCSS Preset Env + CSS Modlues
Last synced: 08 Nov 2024
https://github.com/edixonalberto/template-sass
Template for creating websites using Sass
autoprefixer postcss sass sass-autoprefixer template
Last synced: 11 Oct 2024
https://github.com/saulwolfdev/skeleton
babel javascript npm postcss sass webpack
Last synced: 11 Oct 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/awayken/postcss-placeholdit
PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.
Last synced: 12 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/gstcarv/tailwind-spotify-home
Spotify landing page home clone made with Tailwind CSS, including acessibility optimization
accessibility css javascript postcss responsive spotify tailwind webpack
Last synced: 12 Nov 2024
https://github.com/mikaelvesavuori/gulp4-boilerplate
Boilerplate for Gulp 4.
babel-es6 boilerplate gulp postcss sass
Last synced: 16 Nov 2024
https://github.com/hoangnguyen77/interior-construction-quotation-fe
The frontend for interior construction quotation platform
html-css-javascript postcss reactjs scss tailwindcss vitejs
Last synced: 07 Nov 2024
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: 07 Nov 2024
https://github.com/josealz/disco
Discord clone
autoprefixer build deploy firebase gh-pages git github odin-project postcss react tailwindcss vscode
Last synced: 06 Nov 2024
https://github.com/ulyanov-programmer/formstepbystep
css form grunt html js just-validate postcss step-by-step
Last synced: 07 Nov 2024
https://github.com/gokatz/tailwind-scss-setup
SCSS and Tailwind setup for an Ember project
emberjs postcss scss tailwindcss
Last synced: 29 Oct 2024
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/philipprochazka/web-gallery
A Extremely simplistic Web gallery template. could be used in manny ways, for example I want a photographer Gallery where i could share effordlesly knowing they can't download my creative effords because my pictures are served as a encoded background Inlay.
autoprefixer bootstrap bootstrap5 browsersync chokidar concurrently gallery postcss prettier-eslint pug scss shelljs startbootstrap upath
Last synced: 06 Nov 2024
https://github.com/fimbres/astro-chat
This is a sample project of a real time chat using Astro.js, Solid.js, TailwindCSS, SQLite, PocketBase to built a backend service.
astro pocketbase postcss solidjs sqlite tailwindcss typescript
Last synced: 06 Nov 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: 07 Nov 2024
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/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: 07 Nov 2024
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: 06 Nov 2024
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: 06 Nov 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: 07 Nov 2024
https://github.com/eugenepokalyuk/vue-skateboarding
SkateHut was established in 2007 by Mark Johansen-Berg following a family holiday to Florida with his wife and three sons. When his eldest son spotted a pair of Heelys in one of the theme parks, he just had to have a pair! Upon arriving back to the UK, they realised that Heelys were nowhere to be seen.
postcss tailwind vite vue-router4 vue3
Last synced: 07 Nov 2024
https://github.com/atomicojs/example-tailwindcss
atomico postcss tailwindcss webcomponents
Last synced: 06 Nov 2024
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: 07 Nov 2024
https://github.com/alexandremasy/postcss-salt-typography-parser
Salt - Typography Parser utility
Last synced: 06 Nov 2024
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: 07 Nov 2024
https://github.com/ohmrr/senior-slideshow
A carousel of senior portraits made for my high school.
nodejs postcss tailwind typescript
Last synced: 06 Nov 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: 07 Nov 2024
https://github.com/rajdee/postcss-autoimport
PostCSS plugin for automatically import global dependencies.
global import postcss postcss-plugin
Last synced: 07 Nov 2024
https://github.com/azamat-cto/responsive-sushi-website
Responsive and Cross Browser Sushi website design using React & Typescript
autoprefixer next-themes phosphoricons postcss prettier radix-ui react react-scroll sass scss shadcn-ui tailwindcss typescript unplugin-fonts vite
Last synced: 13 Nov 2024
https://github.com/frikadellios/astropampers
Astro Static starter website template for Vercel
astro daisyui editorconfig eslint nanocss pnpm postcss prettier react tailwind typescript vercel
Last synced: 13 Nov 2024
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: 07 Nov 2024
