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-01-28 00:23:16 UTC
- JSON Representation
https://github.com/osamamammar/calculator
🧮 JS practice project from (The Odin Project). calculator
css html javascript postcss pugjs theodinproject
Last synced: 05 Dec 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: 04 Jan 2025
https://github.com/andrepolischuk/deku-redux-example
An example of Deku Redux async application
deku deku-redux example example-app postcss redux
Last synced: 04 Jan 2025
https://github.com/milliorn/airbnb-experiences-landing-page
Clone Landing Page
airbnb airbnb-clone autoprefixer clone html html-css html-css-javascript html5 js jsx landing landing-page landing-pages postcss react reactjs tailwind tailwind-css tailwindcss typescript
Last synced: 14 Dec 2024
https://github.com/denisoct/single-page-developer-portfolio
Single-page developer portfolio
Last synced: 04 Jan 2025
https://github.com/miguelsjimenezv/ridenewsproject
RideNews es una plataforma web creada con PHP (Laravel), JavaScript, Tailwind CSS y Vite. Está diseñada para permitir a los usuarios motociclistas crear, gestionar y compartir publicaciones relacionadas con el mundo de las motocicletas.
backend blade frontend laravel mysql npm php postcss responsive tailwindcss vite web
Last synced: 04 Jan 2025
https://github.com/osamamammar/gui-rock-paper-scissor
JS practice project from (The Odin Project). rock paper scissor GUI
css frontend game html jade-template-engine javascript js postcss pug-template-engine pugjs responsive-design theodinproject
Last synced: 05 Dec 2024
https://github.com/osamamammar/library
📚 JS practice project from (The Odin Project). library
css html javascript postcss pugjs theodinproject
Last synced: 05 Dec 2024
https://github.com/masterjaneza/portfolio
Portfolio
autoprefixer autoprefixer-plugin css gsap html postcss postcss-plugin tailwindcss
Last synced: 11 Jan 2025
https://github.com/osamamammar/etch-a-sketch
JS practice project from (The Odin Project). etch a sketch
css game html javascript postcss pugjs theodinproject workflow
Last synced: 05 Dec 2024
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/aleksandrpolishchuk/ticketierapp
Frontend part of App for sell tickets
nextjs13 postcss react tailwindcss typescript
Last synced: 04 Jan 2025
https://github.com/heliolj/nlw-spacetime-web
Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.
autoprefixer axios eslint jwt-decode lucide-icons next nextjs postcss prettier react reactjs tailwindcss typescript
Last synced: 25 Jan 2025
https://github.com/de1ck/javascript-tools-guide
javascript tools include webpack babel postcss ...
Last synced: 11 Jan 2025
https://github.com/antonio-laguna/demo-postcss
Usando PostCSS como alternativa a Sass
Last synced: 28 Dec 2024
https://github.com/thenamevishnu/ecommerce
eslint javascript postcss reactjs tailwindcss vitejs
Last synced: 18 Jan 2025
https://github.com/trustworthydev/toretoergacha-web-app
Web Application for Toretoregacha
artisan javascript laravel mysql-database postcss stripe stripe-api tailwindcss vuejs vuex
Last synced: 18 Jan 2025
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 Jan 2025
https://github.com/danielfgray/gulp-boilerplate
basically just a gulpfile
babel boilerplate browserify eslint gulp postcss stylelint
Last synced: 24 Jan 2025
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: 12 Jan 2025
https://github.com/aliaks-ei/advent-of-javascript
This repository contains implementation of challenges from Advent of Javascript calendar
a11y animations composition-api-vue3 css eslint javascript postcss sass tailwind typescript vite vue
Last synced: 30 Jan 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: 10 Dec 2024
https://github.com/samk-dev/astro-2-starter
Astro.build starter with some opinionated setup
astrojs commitlint conventional-commits dependabot eslint husky-hooks lint-staged mdx postcss prettier tailwindcss typescript
Last synced: 13 Dec 2024
https://github.com/oleg-kuzmin/mesto-project
Сайт-приложение на ООП JavaScript для desktop и mobile. Стороннее api (yandex) для получения, добавления, удаления, изменения данных. Похож на аналог instagram с загрузкой карточек красивых мест.
api-server autoprefixer babel bem-nested css-animations css-flexbox figma html-css-javascript html-template modules oop-in-javascript postcss review webpack
Last synced: 27 Dec 2024
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/wearerequired/js
📦 Monorepo for JavaScript packages used @wearerequired.
boilerplate browserlist postcss
Last synced: 13 Nov 2024
https://github.com/milliorn/true-hope-tutoring
Landing page for True Hope 4 Success Tutoring
academic education education-platform frontend homework learning npm online-learning online-tutoring open-source postcss react student study tailwindcss teaching tutoring vite web-development
Last synced: 12 Jan 2025
https://github.com/azurespheredev/startupz-landing
Clone version of Startupz landing page
javascript postcss reactjs tailwindcss-v3
Last synced: 11 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/lukmanrambe/mubaaz-project
Mubaaz Project - (dev : https://mubaaz-dev.vercel.app/)
eslint husky nextjs postcss prettier react-datepicker react-hook-form react-query react-select reactjs tailwindcss typescript
Last synced: 17 Dec 2024
https://codeberg.org/fec/postcss-url-mapping
Plugin for PostCSS to transform URLs using a mapping object.
Last synced: 20 Jan 2025
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: 05 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/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/treetips/react-router-redux-typescript-parcel-example
react-router-redux-typescript-parcel-example
parcel postcss prettier react redux scss tslint typescript3 vscode
Last synced: 31 Dec 2024
https://github.com/koffeine/rollup-plugin-postcss
Rollup plugin for PostCSS
Last synced: 21 Jan 2025
https://github.com/chrisnajman/one-page-site-template
One-page site template with multiple elements, including accordion, carousel, modal and slide-in.
accessibility babel-es6 html-css-javascript postcss scss webpack
Last synced: 21 Jan 2025
https://github.com/chrisnajman/webpack5-basic-setup
Basic Webpack 5 Setup
babel dart-sass html-css-javascript postcss svg-sprites webpack5
Last synced: 21 Jan 2025
https://github.com/koole/centrale-v1
🔥 dekoolecentrale.nl
postcss threejs typescript webpack
Last synced: 07 Jan 2025
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/eliasjuk/palpitebox
✔️ PalpiteBox
api google-api javascript nextjs nodejs postcss react tailwindcss
Last synced: 07 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/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/simmzl/ele
Vue.js 2.0 仿饿了么Web APP
better-scroll es6 eslint postcss stylus vue webpack
Last synced: 19 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/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/hmontarroyos/quiz_javascript
O Projeto se trata de um Quiz de JavaScript, para o usuário testar suas habilidades na linguagem, desenvolvido na 2° Imersão React NextJS Alura
alura alura-quiz framer-motion front-end imersao-react javascript nextjs postcss react styled-components
Last synced: 15 Dec 2024
https://github.com/tobua/postcss-tags-without-class
Make HTML Tags Opt Out-Able When Adding a Class
Last synced: 15 Jan 2025
https://github.com/muzabol2/calc
Simple calculator in vanilla JS
babel javascript postcss vanilla-javascript vercel webpack youtube-tutorial
Last synced: 08 Jan 2025
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/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/johnwatkins0/postcss-spacing-utils
Generates spacing utility classes from user settings.
Last synced: 20 Jan 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/cgutwin/frontendmentor
My completions of the Frontend Mentor projects.
css3 frontend frontend-mentor html5 postcss
Last synced: 14 Jan 2025
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: 13 Jan 2025
https://github.com/slhsxcmy/postcss-split-selectors
css npm postcss postcss-plugin
Last synced: 14 Jan 2025
https://github.com/efiand/anne-blog
Образцы страниц блога копирайтера.
a11y bem gulp image-optimization pixelperfect postcss retinal-images stylelint w3c-validation
Last synced: 13 Jan 2025
https://github.com/efiand/cooknote
Кулинарная книга с возможностью добавления и редактирования рецептов. Визуальный редактор, категории, разделы
a11y admin-panel commercial design eslint fastify favicons nodejs portfolio-project postcss postgresql semantics stylelint sveltekit
Last synced: 13 Jan 2025
https://github.com/efiand/vue-form-multistep
Форма из нескольких шагов-роутов на Vue, pinia, vuelidate. Typescript, scss, vite
eslint pinia portfolio-project postcss stylelint vite
Last synced: 13 Jan 2025
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: 13 Jan 2025
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: 13 Jan 2025
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: 13 Jan 2025
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: 13 Jan 2025
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/seyitbugraerden/next14-usersignandblogapp
Next14 | PocketHost | PocketBase | LDRS | JWT | React-Cookie | React-Toastify | Log In & Sing Up | Add or Manage Your Blogs | Introduce Your Career and Yourself | Can Read User's Blogs
eslint jwt jwt-auth jwt-token ldrs nextjs nextjs14 pocketbase pockethost postcss react react-cookie react-cookies tailwindcss toast toastify
Last synced: 15 Jan 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/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/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/coder-abdo/multi-forms
multi-form project
babel7 es6 postcss react-hooks react-icons reactjs webpack4
Last synced: 14 Jan 2025
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/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: 08 Dec 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/kailoon/11ty-starter-kit-with-scss
Based on the official starter kit and come with 7 in 1 folder structure SCSS development using postcss, purgecss and cssnano.
11ty eleventy html nunjucks postcss purgecss scss starter-kit
Last synced: 06 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/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/h3rmel/sen-financa
A simple web application for personal finance management.
autoprefixer daisyui es6 localstorage postcss pwa react react-router tailwindcss vitejs
Last synced: 15 Jan 2025
https://github.com/cyansalt/postcss-transform-decl
Transform any declarations with custom rules
Last synced: 28 Jan 2025
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 Jan 2025
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/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: 05 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/magnateape/svelte-gpt-integration
chatgpt gpt postcss svelte tailwindcss
Last synced: 28 Jan 2025
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/rakib0061/know-git
Vite.JS starter template for vanilla JavaScript, Bootstrap, sass, Gulp.js with some basic dependencies.
boilerplate-template bootstrap5 eslint gulpjs javascript popperjs postcss prettier sass vitejs
Last synced: 17 Jan 2025