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-12-31 00:14:48 UTC
- JSON Representation
https://github.com/thinknathan/web-app-starter-project
Web app template with TypeScript, PostCSS, Workbox & PWA Asset Generator. Has Github Actions to publish via Electron for desktop or Capacitor for Android.
capacitorjs cross-platform-development electronjs esbuild multi-platform-builder postcss progressive-web-app pwa template typescript web-app webdev workbox
Last synced: 02 Nov 2024
https://github.com/abhinav0115/abhinav-anand-portfolio
This is my portfolio website
css html5 javascript lucide-icons nextjs13 postcss reactjs resend-email scrollreveal tailwindcss tyepscript
Last synced: 20 Nov 2024
https://github.com/thoughtbit/cssplus-preprocessor
:cyclone: A future-facing CSS preprocessor for working with cssplus
Last synced: 14 Dec 2024
https://github.com/rqbazan/wbn-challenge
github-actions nextjs now-sh postcss storybook tailwindcss
Last synced: 13 Dec 2024
https://github.com/scarfacedeb/brunch-elixir-web
Brunch skeleton for basic elixir frontend
Last synced: 19 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: 05 Dec 2024
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/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: 20 Nov 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: 05 Dec 2024
https://github.com/de1ck/javascript-tools-guide
javascript tools include webpack babel postcss ...
Last synced: 12 Nov 2024
https://github.com/imjaroiswebdev/jartravels-site
gulp html-css postcss responsive
Last synced: 01 Dec 2024
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: 20 Nov 2024
https://github.com/andre-araujo/weather-app
A simple app to do Weather forecast world-wide using Parceljs and ReactJs
docker lesscss nodejs parcel-bundler postcss reactjs
Last synced: 18 Nov 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 Nov 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/avigoldman/postcss-hex-format
PostCSS plugin to format hexadecimal colors
color css format hex hexadecimal postcss
Last synced: 18 Nov 2024
https://github.com/avigoldman/postcss-colornames-to-hex
PostCSS plugin to convert color names to hexadecimal values
colornames colors hexidecimal plugin postcss
Last synced: 18 Nov 2024
https://github.com/winston0410/tailwindcss-absolute-centering
A Tailwindcss plugin to help you center elements with position: relative and position:absolute easily.
postcss tailwindcss tailwindcss-plugin
Last synced: 12 Nov 2024
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/pronoia9/doodlebug-dash
autoprefixer css html javascript nextjs postcss react tailwindcss typescript
Last synced: 24 Nov 2024
https://github.com/pronoia9/promptle
autoprefixer bycrypt css fullstack html javascript mongodb mongoose next-auth nextjs postcss react tailwindcss
Last synced: 24 Nov 2024
https://github.com/pronoia9/metaversus
autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss
Last synced: 24 Nov 2024
https://github.com/chrisnajman/webpack5-basic-setup
Basic Webpack 5 Setup
babel dart-sass html-css-javascript postcss svg-sprites webpack5
Last synced: 21 Nov 2024
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 Nov 2024
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 Nov 2024
https://github.com/awayken/2016devobjective
PostCSS: A Dumb Name For an Awesome Thing
postcss presentation showcase slides
Last synced: 28 Nov 2024
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/tomasz-sodzawiczny/postcss-plugin-chain
Utility for chaining multiple PostCSS plugins as a single one.
chain chaining plugin postcss postcss-plugin
Last synced: 21 Nov 2024
https://github.com/the-holocron/stormtrooper
The clone soldier.
alex babel browserslist carbon commitlint es eslint jest lint-staged markdownlint postcss scss semantic-release semver storybook stylelint template webpack
Last synced: 21 Nov 2024
https://github.com/cabrelngamaleu/invest
invest website
clsx eslint framer-motion nextjs14 postcss react use-debounce
Last synced: 31 Dec 2024
https://github.com/dalbitresb12/postcss-url-append
PostCSS plugin to append a raw block of CSS from a URL.
Last synced: 21 Nov 2024
https://github.com/richardcyrus/devchallenges-button-component
Solution for the Button component challenge from Devchallenges.io.
postcss reactjs testing-library typescript vitejs vitest
Last synced: 21 Nov 2024
https://github.com/faizan-ali/workamerica-website-2017
Latest iteration of the WorkAmerica website at www.workamerica.co
babel bootstrap-4 postcss reactjs webpack
Last synced: 21 Nov 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: 07 Dec 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 Nov 2024
https://github.com/yakovlev-alexey/next-pcss
Import global `.pcss` files in your Next.js project.
Last synced: 18 Dec 2024
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 Nov 2024
https://github.com/vandodev/ignite-tailwind
Conteúdo do ignite Masterizando o tailwind, criando uma UI de dashboard com Next
ignite ignite-rocketseat nextjs postcss reactjs tailwind tailwind-css
Last synced: 07 Dec 2024
https://github.com/vandodev/gerenciador-de-habitos
Gerenciador de hábitos com Next
eslint nextjs postcss tailwindcss typescript vercel-kv
Last synced: 07 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 Nov 2024
https://github.com/buschtoens/broccoli-multi-postcss
Broccoli plugin to transform one or more input files using PostCSS to one or more output files.
broccoli broccoli-plugin postcss
Last synced: 08 Dec 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 Nov 2024
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: 07 Dec 2024
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: 01 Dec 2024
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: 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/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/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/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/barraponto/neutrino-preset-postcss-cssnext
cssnext support in Neutrino.
cssnext neutrino neutrino-preset postcss
Last synced: 22 Nov 2024
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: 01 Dec 2024
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 Nov 2024
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: 01 Dec 2024
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 Nov 2024
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/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://codeberg.org/fec/postcss-url-mapping
Plugin for PostCSS to transform URLs using a mapping object.
Last synced: 27 Sep 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/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/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/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/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: 27 Nov 2024
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/ntonbala/signup-module
Syntech Test Task
classnames gsap jest postcss react-redux react-router-v5 react-select react-transition-group react-v16 red redux redux-form
Last synced: 27 Nov 2024
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/juborajsujon/fix-nexus-client
FixNexus - User can Booked Service and Manage Services and service provider also Added service, update service, view details service and ordered service can update status.
autoprefixer axios daisyui firebase lottie-react postcss react react-datepicker react-helmet-async react-hook-form react-loader-spinner react-markdown react-router-dom react-simple-typewriter react-toastify sweetalert2 tailwindcss
Last synced: 08 Dec 2024
https://github.com/mrhidalgo/vanillajavascript
Effortlessly initiate a high-performance Vanilla JavaScript web application, SPA, or website. Equipped with JavaScript, Tailwind CSS, ESLint, Vite, and more, this setup enables you to start development in moments—sidestepping the typical complexities of environment setup.
bootstrap browserlist css eslint html javascript js postcss prettier responsive scss starter tailwindcss vitejs
Last synced: 08 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/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/samuelribeiroo/lunnaris
A modern landing page for AI-based software as as service.
framer-motion lucide-icons next-14 postcss tailwindcss
Last synced: 28 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: 26 Dec 2024
https://github.com/denis-axenov/webpack-typescript-boilerplate
🚀 Webpack TypeScript Boilerplate: A starter project with Webpack 5, TypeScript, SCSS, ESLint, Stylelint, and Jest for testing. 🚀 Includes PostCSS, CSSnano, and Autoprefixer for optimization.
autoprefixer cssnano eslint jest postcss scss stylelint typescript webpack webpack5
Last synced: 08 Dec 2024
https://github.com/atomicojs/example-tailwindcss
atomico postcss tailwindcss webcomponents
Last synced: 26 Dec 2024
https://github.com/blackoutseeker/felips-rfe
My Final Internship Report in website format
eslint nextjs postcss prettier reactjs tailwindcss typescript
Last synced: 28 Nov 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: 22 Dec 2024
https://github.com/alexandremasy/postcss-salt-typography-parser
Salt - Typography Parser utility
Last synced: 26 Dec 2024
https://github.com/neetjn/metatube-landing
Landing page for metatube project using Riot.js 4 and Tailwind CSS.
css html javascript landing-page media metatube postcss riot tailwind tailwindcss video youtube
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: 02 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/marlon-couto/bootstrap-vanillajs-starter
Um template para desenvolvimento de sites rapidamente.
handlebars html javascript postcss sass vite
Last synced: 22 Dec 2024
https://github.com/marlon-couto/marlon-couto.github.io
Meu portfólio pessoal criado com Astro, TypeScript e Bootstrap.
astro autoprefixer bootstrap developer-portfolio postcss scss typescript
Last synced: 22 Dec 2024
https://github.com/damir-sijakovic/gulp_postcss
Gulp, PostCSS and BrowserSync Example
Last synced: 02 Dec 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: 28 Nov 2024