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-14 00:19:16 UTC
- JSON Representation
https://github.com/rohits05/ai-shi
autoprefixer bcrypt-encryption mongodb mongoose next-auth nextjs postcss tailwind-css
Last synced: 10 Jan 2025
https://github.com/efiand/vue3-boilerplate
Стартовый шаблон для разработки SPA.
boilerplate css-icons eslint pinia portfolio-project postcss prettier stylelint vite
Last synced: 13 Jan 2025
https://github.com/kibria-khandaker/nextjs-pc-builder
It is a PC Builder website for PC parts and components using Next.js. The website include a PC Builder tool where users can add selected PC components to build their own PC.
eslint next-auth nextjs postcss react react-toastify redux redux-persist redux-toolkit tailwindcss vercel-deployment
Last synced: 26 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/jguddas/jumpstart
Config and boilerplate free dev/build tool.
babel eslint jest less lightscript postcss sass typescript webpack
Last synced: 23 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 Feb 2025
https://github.com/savvy-css/generator-savvy-css
Yeoman generator for scaffolding out a Savvy module or utility
css css-framework functional-css postcss savvy-css
Last synced: 23 Jan 2025
https://github.com/gustavo-victor/hotel-service-page
ReactJS application of a hotel service page
autoprefixer css hotel-homepage hotel-service-page js postcss react reactjs tailwindcss
Last synced: 01 Jan 2025
https://github.com/fuelviews/laravel-tailwindcss
Laravel tailwindcss package
css fuelviews laravel laravel-tailwindcss php postcss tailwindcss
Last synced: 11 Feb 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 Feb 2025
https://github.com/zeuz8/redux-tutorial-cart
Embarking on a comprehensive Redux tutorial, this Git repository houses a simple yet powerful shopping cart project. Delve into the intricacies of Redux as we harness its capabilities to manage state efficiently and gain valuable insights into the fundamentals of state management in React applications.
postcss react react-redux redux tailwindcss vite
Last synced: 30 Jan 2025
https://github.com/zeuz8/nextjs-starter
Welcome to the "nextjs-starter" repository! 🚀 This is a comprehensive starter template for kickstarting my Next.js projects. exploring the capabilities of Next.js, this starter provides a solid foundation with best practices in mind.
eslint nextjs nodejs postcss tailwindcss typescript
Last synced: 30 Jan 2025
https://github.com/duanedave/portfolio-v_1
This is the first iteration of my personal brand, here I show a list of what I have been up to recently in my career as a software developer
accessibility css4 framer-motion postcss react ux-ui
Last synced: 02 Feb 2025
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/pascalduez/eleventy-css
11ty css css-modules eleventy postcss stylesheets
Last synced: 02 Feb 2025
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 Feb 2025
https://github.com/ssschneider/tailwind-practice
Make it Rain! is a non-interactive landing page project developed to practice TailwindCSS.
eslint figma hero-icons nextjs postcss tailwindcss typescript
Last synced: 31 Jan 2025
https://github.com/juanpdn/github-profile
GitHub Profile: Aplicación de búsqueda de perfiles de GitHub usando HTML, CSS y JavaScript. Permite buscar por nombre de usuario, ver seguidores, seguidos, ubicación y repositorios, y acceder a detalles de cada repositorio. Diseño responsivo y funcional.
api-rest css github-profile nextjs postcss tailwind typescript
Last synced: 11 Feb 2025
https://github.com/erkobridee/astro-ts-tw-hello
Astro Build using TypeScript plus TailwindCSS
astro devcontainer editorconfig eslint gh-pages github-actions postcss prettier tailwindcss template typescript
Last synced: 11 Feb 2025
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: 25 Dec 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: 25 Dec 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: 01 Jan 2025
https://github.com/habbaz-dev/utils
🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)
2024 2024-project babel commitizen commitlint config eslint habbaz habbazdev markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts
Last synced: 11 Feb 2025
https://github.com/anxdydx/agencyworkflow
✨🌃💫 A web-portfolio for an online paid media agency with built-in cms backend with sanity written in next.js webframework and mongodb in collaboration.
autoprefixer cms nextjs postcss sanity tailwindscss
Last synced: 11 Feb 2025
https://github.com/nikolaymakhonin/postcss-js-syntax
For use powerful JavaScript syntax for compile CSS instead legacy preprocessors: SASS, LESS, Stylus, etc... Demo:
css javascript js json modularity postcss postcss-syntax preprocessor
Last synced: 23 Jan 2025
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: 25 Dec 2024
https://github.com/iamdipankarpaul/weather-app-react
🌤️ A simple weather app built with React.js that shows current weather data, hourly forecasts, and daily forecasts using OpenWeatherMap API and Open-Meteo API.
axios daisyui eslint javascript mantine-hooks openmeteo-api openweathermap-api postcss react reacthottoast tailwindcss vite weather weather-app
Last synced: 11 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 Feb 2025
https://github.com/robinck/webpack-starter-kit
Boilerplate project for a web application requiring es6 / es7, webpack 🇺🇦
autoprefixer babel es6 es7 eslint hmr html-injection less linter live-reload postcss scss starter-kit starter-project starter-template static stylelint webpack
Last synced: 08 Feb 2025
https://github.com/iamkhan21/svelte-typescript-vite-template
A starter template for Svelte Application that comes preconfigured with Typescript, Svelte SPA router, Siimple for styling, and PostCSS. Finally, the template uses Vite to bundle it all together.
netlify postcss svelte sveltejs template typescript vite
Last synced: 23 Jan 2025
https://github.com/atomicojs/example-tailwindcss
atomico postcss tailwindcss webcomponents
Last synced: 26 Dec 2024
https://github.com/scrum/postcss-envariables
PostCss plugin to use environment variables in CSS
css env envariables postcss postcss-plugin webpack4
Last synced: 02 Feb 2025
https://github.com/snenenenenenene/tailwind-appuniversum
A component library tailwind-based on the @appuniverse/webuniverse libraries
component-library ember flanders postcss tailwindcss
Last synced: 10 Feb 2025
https://github.com/alexandremasy/postcss-salt-typography-parser
Salt - Typography Parser utility
Last synced: 26 Dec 2024
https://github.com/morevm/postcss-specificity-decorator
PostCSS plugin to increase the specificity of selectors
css postcss postcss-plugin specificity
Last synced: 07 Feb 2025
https://github.com/ohmrr/senior-slideshow
A carousel of senior portraits made for my high school.
nodejs postcss tailwind typescript
Last synced: 26 Dec 2024
https://github.com/elquimista/react-app-suspenders
A React app template
airbnb-eslint create-react-app decorators postcss prettier-eslint react-app-rewired react-router redux redux-actions redux-form redux-persist redux-thunk reselect
Last synced: 31 Jan 2025
https://github.com/snenenenenenene/ember-postcss-sass-tailwind-template
ember embroider postcss tailwindcss template
Last synced: 10 Feb 2025
https://github.com/michaelschwobe/wordpress-theme-gulp-boilerplate
Drop-in Gulp tasks for WordPress theme development.
babel boilerplate browser-sync es6-javascript eslint gulp imagemin less postcss sass wordpress
Last synced: 26 Dec 2024
https://github.com/jeffubayi/nyumba
An App that offers arrangements for homestays similar to Airbnb.com
Last synced: 20 Jan 2025
https://github.com/margo-yunanova/mesto-project
Mesto - социальная сеть для обмена фотографиями
babel css html javascript oop postcss webpack
Last synced: 21 Jan 2025
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: 10 Jan 2025
https://github.com/xettri/postcss-remove-duplicate-values
A PostCSS plugin that removes duplicate CSS property values within rules, optimizing stylesheet size and improving maintainability.
css npm-package postcss postcss-plugin
Last synced: 27 Dec 2024
https://github.com/lucjosin/astro-rename-example
How to use the astro-rename integration to hash all CSS class names from your astro project
Last synced: 10 Feb 2025
https://github.com/cristian-sbardelotto/quizzed
⚡Welcome to Quizzed! Test your knowledge and try our quiz to challenge yourself!
eslint git github javascript postcss react react-router tailwind-css tailwind-merge typescript
Last synced: 27 Dec 2024
https://github.com/takayyz/graphql-training
GraphQLの学習用
docker graphql graphql-yoga posgresql postcss pothos prisma tailwindcss ts-node-dev typescript
Last synced: 27 Dec 2024
https://github.com/fluffychi-xing/templatemanage
A management system blue-print template.
element-plus frontend iconfont postcss scss tailwindcss typescript vuejs
Last synced: 27 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: 09 Feb 2025
https://github.com/niallobrien/asset-pipeline-tailwind
Drop-in asset pipeline for TailwindCSS
asset-pipeline cssnext es2015 jquery laravel-mix postcss tailwindcss webpack
Last synced: 10 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/hentaicracker/aboutme
Aboutme by angular 4
angular angular4 postcss scss typescript webpack2 yarn
Last synced: 09 Feb 2025
https://github.com/isuke/postcss-ghost-utils
PostCSS plugin to add helper utils for your CSS
Last synced: 28 Dec 2024
https://github.com/fmanimashaun/yumeats
YumEats it is a simple landing page for a resturant that offers a variety of dishes. it is built using react and styled using tailwindcss. using tailwindcss, the app is responsive and can be viewed on any device.
Last synced: 10 Feb 2025
https://github.com/ahmadkdev/vite-vanilla-starter
A minimal, fast, and customizable starter template for vanilla JavaScript projects, using Vite.
boilerplate bundler css eslint front-end frontend html javascript js postcss prettier starter template vanilla vanilla-javascript vite web
Last synced: 03 Jan 2025
https://github.com/fmanimashaun/netflix-clone
This is a clone of the netflix website. It is built using react and styled using tailwindcss.
axios firebase postcss react react-router redux-tt tailwindcss
Last synced: 10 Feb 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: 08 Feb 2025
https://github.com/halo-design/halo-optimus
ಠ_ಠ Scaffolding with the latest react components
babel es2017 eslint express gulp isomorphic-fetch moment nprogress postcss pug react react-redux react-router-v4 redux redux-logger redux-thunk sass socket-io webpack-hot-middleware webpack3
Last synced: 31 Jan 2025
https://github.com/thornwalli/devterm-toolbox
devterm postcss remote thermalprinter vite vue
Last synced: 21 Dec 2024
https://github.com/castastrophe/postcss-rgb-mapping
A PostCSS plugin to parse out rgb values into distinct custom properties
Last synced: 15 Oct 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: 19 Jan 2025
https://github.com/jonasfroeller/webpack-webapp
Webpack frontend-webapp starter.
asciidoc docker docs fonts gh-pages images isc-license jest-tests postcss scss shoelace tailwindcss ts web-components webpack5 workflow
Last synced: 01 Feb 2025
https://github.com/code-sensei/nextjs-template
A robust Next.js template to kickstart your web projects. This template includes essential tools and configurations to streamline development.
eslint husky nextjs nextjs13 nextjs14 postcss react reactjs tailwindcss
Last synced: 27 Dec 2024
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: 13 Feb 2025
https://github.com/abhich21/memory-game
a basic number pair memory game
postcss react-dom reactjs tailwindcss vitejs
Last synced: 03 Jan 2025
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/yjg30737/tailwind-css-react-tutorial
Using Tailwind CSS in React project (with PostCSS)
css postcss react tailwind-css tailwind-tutorial tailwindcss
Last synced: 03 Jan 2025
https://github.com/denisoct/single-page-developer-portfolio
Single-page developer portfolio
Last synced: 04 Jan 2025
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: 07 Feb 2025
https://github.com/rnyell/postcss-contains
Style elements based on their existing property or declaration.
Last synced: 16 Nov 2024
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/ryan-dorman/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: 06 Jan 2025
https://github.com/masterjaneza/portfolio
Portfolio
autoprefixer autoprefixer-plugin css gsap html postcss postcss-plugin tailwindcss
Last synced: 11 Jan 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/nickshiro/skymosaic
Create your unique star map poster to commemorate a special date
eslint gh-pages html2canvas pnpm postcss prettier sveltekit tailwindcss typescript vite yandex-maps
Last synced: 01 Feb 2025
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: 08 Feb 2025
https://github.com/rmoongit/cryptonomicon
#app cryptonomicon - курс валюты монет и вывод графы
api bem css eslint javascript postcss postcss-plugin prettier tailwind vite vue3 websocket
Last synced: 27 Dec 2024
https://github.com/metonym/postcss-inline-css-vars
PostCSS plugin to inline CSS variables
css-variables postcss postcss-plugin
Last synced: 10 Feb 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/the-puppet-studios/sveltis
Sveltis is a preset for building modern Svelte applications.
nodejs postcss svelte sveltekit sveltis tailwindcss ts typescript
Last synced: 12 Oct 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: 27 Dec 2024
https://github.com/de1ck/javascript-tools-guide
javascript tools include webpack babel postcss ...
Last synced: 11 Jan 2025
https://github.com/vasquez-esteban/next-init
Next 14 Init Project
eslint nextjs14 postcss prettier react tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/saibarathr/react-audio-wave-modern
ReactWaveform is a React component that provides an interactive waveform visualization for audio files using the WaveSurfer.js library. This component supports custom controls, progress rendering, and regions for marking specific parts of the waveform.
audio-visualizer npm postcss reactjs typescript waveform
Last synced: 12 Oct 2024
https://github.com/thenamevishnu/ecommerce
eslint javascript postcss reactjs tailwindcss vitejs
Last synced: 18 Jan 2025
