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/neetjn/neetjn.github.io
My personal portfolio SPA created with Svelte.js and Tailwind CSS.
javascript nodejs parcel portfolio postcss progressive spa svelte sveltejs tailwind tailwindcss
Last synced: 28 Oct 2024
https://github.com/edixonalberto/ninshop
App web para mostrar juegos de Nintendo
nintendo nintendo-switch portfolio postcss preview react redux-toolkit typescript
Last synced: 11 Oct 2024
https://github.com/xeptore/sdfa
babel babel7 educational electron electron-builder javascript js postcss pug pugjs sass scss vue vuejs vuejs2 webpack webpack4 yarn
Last synced: 10 Oct 2024
https://github.com/marijanasevo/silkenskin
Skincare ecommerce website with Vite — React — TypeScript — Redux — Firestore — Firebase-auth — Stripe — CSS Modules — PostCss
cssmodules firebase firebase-auth postcss react redux stripe typescript vite
Last synced: 14 Oct 2024
https://github.com/braswelljr/weather
Weather forecasts app with your daily and hourly updates
Last synced: 28 Oct 2024
https://github.com/goulvenclech/goulvenclech_11_02082021
Project 11 of the OpenClassrooms "Front End Developer" course. Powered by React, React Router and TypeScript.
jest postcss react spa tailwindcss typescript
Last synced: 14 Oct 2024
https://github.com/ephraimduncan/react-bolt-tailwind
React + Tailwind CSS Boilerplate
autoprefixer boilerplate-template css postcss react react-router react-tailwind-starter react-tailwindcss reactjs sass tailwind-css tailwindcss template
Last synced: 24 Oct 2024
https://github.com/lamualfa/postcss-minion
Using PostCSS as Minion Extractor
minion minion-extractor postcss postcss-plugin
Last synced: 08 Nov 2024
https://github.com/francoisromain/postcss-grid-fluid
A PostCSS plugin to create fluid grids.
css flexbox float grid-system postcss postcss-plugin
Last synced: 14 Oct 2024
https://github.com/milliorn/web-browser-chat-app
Simple messenger app through the web browser.
autoprefixer css firebase firebase-auth firebase-database firebase-hooks html html-css html-css-javascript js jsx postcss react react-google-button react-hooks reactjs tailwind tailwind-css tailwindcss tailwindui
Last synced: 26 Oct 2024
https://github.com/scottcrowley/default-laravel-tailwind-preset
A Laravel preset with default setup and TailwindCSS
Last synced: 30 Oct 2024
https://github.com/best-shot/postcss-plugin-matcher
PostCSS plugin for limit plugins matching
Last synced: 14 Oct 2024
https://github.com/zamotany/tailwind-ts-gen
Generate TS/JS constants with Tailwind CSS class names for better IntelliSense and autocompletion/autosuggestion.
autocomplete autosuggest cli generator intellisense javascript js nodejs postcss tailwind tailwind-css tailwindcss tool ts typescript
Last synced: 14 Oct 2024
https://github.com/abdallahhemdan/css-nesting
Nesting CSS selectors natively using PostCSS as an experiment for the draft of CSSWG
css csswg nesting-styles postcss postcss-plugin
Last synced: 24 Oct 2024
https://github.com/privatenumber/postcss-custom-properties-transformer
PostCSS plugin to apply transformations to CSS custom properties (eg. mangling)
custom hash mangle minify plugin postcss properties transform
Last synced: 07 Nov 2024
https://github.com/winston0410/sparrow
A PostCSS plugin that helps you remove, replace, append or prepend CSS declarations without the need of writing another PostCSS plugin
hongkong postcss postcss-plugins
Last synced: 11 Oct 2024
https://github.com/theodesp/rollup-starter
Starter project using Rollup module bundler complete with livereload and postcss
es6-boilerplate eslint gulp livereload postcss rollup rollup-example starter-template
Last synced: 19 Oct 2024
https://github.com/shahadat3669/portfolio
Welcome to my Portfolio! It showcases my skills, projects, and contributions as a developer, demonstrating my proficiency with cutting-edge technologies and best practices in software development. As a developer, I excel in React, Next.js, Tailwind CSS, TypeScript, ESLint, Prettier, Husky, and Jest. Explore my diverse projects and contributions! 🚀
commitlint eslint husky jest lint-staged nextjs postcss prettier reactjs tailwindcss testing-library typescript
Last synced: 20 Oct 2024
https://github.com/ricardobeat/taks
Minimalistic ES7 async/await task runner
build grunt gulp postcss rollup task-runner tasks tasks-automation tool
Last synced: 08 Nov 2024
https://github.com/winston0410/bewater
A PostCSS plugin that helps you automatically apply `clamp()` to values to achieve a fluid design efficently.
bewater postcss postcss-plugin postcss-sparrow
Last synced: 28 Oct 2024
https://github.com/tardo/docker-flask
Docker image to run flask applications using gunicorn
docker-image flask gunicorn npm poetry postcss rollup supervisord
Last synced: 18 Oct 2024
https://github.com/devmattrick/postcss-color-5
[WIP] PostCSS plugin to add support for CSS Color Module Level 5 (color-mix, color-contrast, color-adjust).
5 color color-adjust color-contrast color-mix css module postcss postcss-plugin
Last synced: 27 Oct 2024
https://github.com/kristerkari/react-native-typed-postcss-transformer
PostCSS transformer with Typescript support for React Native
css loader postcss react-native transformer typescript
Last synced: 29 Oct 2024
https://github.com/milliorn/cryptocurrency-list
Web application built with React, showcasing a list of cryptocurrencies along with their details.
autoprefixer axios cryptocurrencies cryptocurrency cryptocurrency-exchanges dompurify postcss react react-icons react-lazy-load-image-component react-router-dom reactjs tailwind tailwind-css tailwindcss tailwindui
Last synced: 02 Nov 2024
https://github.com/songsterr/postcss-sayonara
PostCSS plugin to limit used declarations to a given set
cleanup css limit postcss postcss-plugin
Last synced: 27 Oct 2024
https://github.com/arpitgo4/react-redux-scaffold
Scaffolding for frontend only applications with React-Redux.
babel css-modules css3 docker eslint express html nginx nodejs postcss postcss-plugins react-hot-loader-3 react-redux react-router reactjs redux redux-thunk webpack webpack-dev-middleware webpack-hot-middleware
Last synced: 08 Nov 2024
https://github.com/yukihirai0505/portfolio
:satisfied: My portfolio by React.js
css3 es6 html5 portfolio portfolio-website postcss react reactjs
Last synced: 14 Nov 2024
https://github.com/lencx/multipage-template
Multi-module(webpack4, vue2, pug, scss, postcss)
multi-page postcss pug scss vue2 webpack4
Last synced: 19 Oct 2024
https://github.com/sebastian-software/edgeapp
[UNMAINTAINED] A boilerplate for your own application demonstrating the power of EdgeStack.
boilerplate graphql-client jest postcss redux storybook webpack webpack2
Last synced: 30 Sep 2024
https://github.com/natterstefan/stylelint-config-ns
Stylelint config with CSS (`.(s)css`), Tailwind, PostCSS and Prettier support.
postcss prettier prettier-stylelint tailwind tailwind-stylelint
Last synced: 30 Oct 2024
https://github.com/danny-englander/quartz
A Drupal 10 Single Directory Components theme using PostCSS and Storybook
components css drupal laravelmix postcss storybook twig
Last synced: 07 Nov 2024
https://github.com/letsjaam/postcss-letter-tracking
PostCSS plugin to generate relative, Photoshop-compatible letter tracking for improved letter spacing.
letter-spacing letter-tracking postcss postcss-plugin typography
Last synced: 12 Nov 2024
https://github.com/thoughtbit/postcss-simple-utils
:cyclone: PostCSS插件，基础工具库
Last synced: 12 Nov 2024
https://github.com/yeojz/create-react-app-postcss-starter
Example setup for PostCSS using create-react-app without running eject
create-react-app postcss react starter
Last synced: 06 Nov 2024
https://github.com/nju33/yosuga
CSS styleguide generator
css generator less nuxt postcss sass styleguide stylus
Last synced: 14 Oct 2024
https://github.com/jorgeatgu/base-rollup
🚀 Starter kit: rollup + d3 + postcss
bash d3 javascript postcss rollup script starter-kit
Last synced: 10 Nov 2024
https://github.com/nathanielinman/mithril-boilerplate
Mithril boilerplate with webpack, pug and stylus
autoprefixer boilerplate eslint jsx mithril postcss pug stylus webpack
Last synced: 07 Nov 2024
https://github.com/alexmasterov/coding-style
:heavy_check_mark: A coding style configurations
code-style eslint-config php-cs-fixer postcss stylefmt-config stylelint-config tidy-config
Last synced: 07 Nov 2024
https://github.com/intellicode/boilerplate-2016
Boilerplate code for a modern Javascript application (2016)
boilerplate cssnext postcss react webpack
Last synced: 14 Nov 2024
https://github.com/magsout/magsout.com
magsout personal website
personal-website personal-website-homepage postcss prettier
Last synced: 09 Nov 2024
https://github.com/ezavile/postcss-text-transform
A PostCSS plugin to transform the text
capitalize lowercase postcss postcss-plugin text text-transformations transform uppercase
Last synced: 29 Sep 2024
https://github.com/hungpm372/nextjs-boilerplate
Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS
boilerplate docker javascript nextjs nodejs postcss shadcn-ui tailwindcss typescript
Last synced: 12 Oct 2024
https://github.com/albertfdp/boilerplate
🎩 Personal opinionated boilerplate for web apps
babel boilerplate css-modules jest postcss react unexpected webpack
Last synced: 08 Nov 2024
https://github.com/noviel/webpack-features
Configure webpack quickly and without pain
bundle css-modules postcss presets react typescript webpack webpack-features
Last synced: 14 Oct 2024
https://github.com/efiand/gulp-template
Шаблон с SSR/SPA на Vue и Svelte
a11y bem boilerplate eslint gulp image-optimization mobile-first nodejs pixelperfect portfolio-project postcss posthtml retinal-images sprite stylelint vanilla-js w3c-validation webp webpack
Last synced: 14 Nov 2024
https://github.com/springtype-org/st-start
Zero configuration TypeScript/JavaScript bundler & DevServer for frontend and Node.js projects. Framework agnostic.
babel browserslist bundler cli code-splitting cross-platform css dev-server hmr html javascript jest nodejs postcss pwa sass server typescript webpack zero-configuration
Last synced: 10 Nov 2024
https://github.com/cheesecakelabs/gatsby-boilerplate
Cheesecake Labs + Gatsby = 💜
eslint postcss storybook stylelint
Last synced: 15 Nov 2024
https://github.com/hungpm372/coffee-style-ui
Coffee template ui
css3 firebase-hosting html5 js liveserver postcss tailwindcss
Last synced: 10 Nov 2024
https://github.com/lanceguyatt/fronter
Front-end starter kit.
development-workflow gulpjs postcss pug webpack2
Last synced: 11 Oct 2024
https://github.com/emilbayes/css-pipeline
My personal PostCSS based CSS pipeline
Last synced: 01 Nov 2024
https://github.com/creeperyang/postcss-percentage
PostCSS plugin to transform percentage() function
percentage postcss postcss-plugin postcss-plugins
Last synced: 12 Nov 2024
https://github.com/ir3ne/vite-ts-tailwind-starter
🛸 A ready to go Vite starter with TypeScript and Tailwind
javascript postcss tailwind tailwindcss typescript vitejs
Last synced: 11 Oct 2024
https://github.com/luovtyrell/star-wars
A dynamic React webpage that presents information about spacecraft from the Star Wars universe using SWAPI. Users can browse a list of ships, view detailed information on individual spacecraft, and manage access through authentication.
context css3 custom-hook daisy-ui eslint firebase image-server javascript jsx postcss prettier prop-types react reactrouterdom swapi-api tailwind-css vite
Last synced: 11 Oct 2024
https://github.com/hesiod3c/react-universal
React Universal UI (in development)
java javascript objective-c postcss python react react-native reactiveui redux
Last synced: 10 Oct 2024
https://github.com/bush1d3v/navarro_blog_front
The Navarro Blog API is built on high scalability and performance, implementing queues, cache banks, CI/CD jobs, automated code and dependency analysis, and a focus on testing and documentation.
actions biomejs bun cypress docker mitt nodejs nuxt pinia postcss shadcn-vue storybook tailwindcss typescript vitest vue vueuse
Last synced: 27 Sep 2024
https://github.com/shellyln/wp-quickstart-caller-example
[DEPRECATED] Usage example of webpack-typescript-lib-quickstart. Quickstart project scaffolding for TypeScript library that runs on browsers and/or Node build with Webpack 2.
ci getting-started node postcss quickstart scaffolding scss starter starter-template typescript webpack webpack2
Last synced: 27 Sep 2024
https://github.com/mayank99/remix-djent-stack
Remix stack with basic postcss-preset-env, code formatting, linting etc
Last synced: 14 Nov 2024
https://github.com/songsterr/postcss-unwrap-mq
PostCSS plugin to extract matched media queries to their parents
css media-query postcss postcss-plugin unwrap
Last synced: 13 Nov 2024
https://github.com/jlozovei/wordpress-boilerplate
WordPress theme simplified boilerplate with gulp.js + PostCSS + es2015
boilerplate es2015 gulp postcss wordpress wordpress-boilerplate
Last synced: 13 Nov 2024
https://github.com/sparkbox/splinter
🐭 Parse and split SCSS files based on functions and mixins.
Last synced: 13 Nov 2024
https://github.com/jpeer264/postcss-rcs
The postcss plugin for rcs-core
css minify postcss postcss-plugin rcs rename
Last synced: 15 Nov 2024
https://github.com/alekseypleshkov/postcss-adaptive-size
PostCSS plugin for create adaptive size
postcss postcss-adaptive-size postcss-plugin
Last synced: 07 Nov 2024
https://github.com/wearegenki/ui
A friendly UI framework which aims to be straightforward, intuitive, and high performance.
css css-grid design-system marko postcss vue wearegenki
Last synced: 27 Sep 2024
https://github.com/hungpm372/ideaboard
Ideaboard is a powerful and intuitive application designed to boost creativity, planning, and collaboration. Perfect for teams, creators, and entrepreneurs, Ideaboard transforms your ideas into actionable plans.
board clerk-auth convex liveblocks nextjs postcss reactjs shadcn-ui tailwindcss
Last synced: 11 Oct 2024
https://github.com/kogakure/website-11ty-kogakure.de
My Ninja and Ninjutsu book website. Created in 1999. The current version is the 9th iteration. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.
11ty eleventy eleventy-website gulp javascript nunjucks postcss
Last synced: 07 Nov 2024
https://github.com/ezavile/postcss-typescript-kickstart
Simple boilerplate to kick start your new PostCSS plugin with TypeScript
boilerplate kickstart postcss postcss-plugin typescript
Last synced: 07 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/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/franekstein/react-ts-starter
Modern React & Typescript boilerplate.
cssmodules postcss react sass typescript webpack
Last synced: 14 Oct 2024
https://github.com/cxspxr/vue-cli-plugin-sugarss
:strawberry: SugarSS support for vue-cli projects
postcss sass stylus sugarss vue vue-cli vue-cli-plugin webpack
Last synced: 18 Oct 2024
https://github.com/buddye/postcss-remove-important
PostCSS cleanup plugin to strip !important for AMP compatible CSS
Last synced: 12 Nov 2024
https://github.com/cxspxr/react-shortener
:link: Rails API & React URL Shortener
coffeescript2 heroku jsx postcss rack-attack rails rails5-api react reactjs rspec stylus sugarss url-shortener webpack
Last synced: 18 Oct 2024
https://github.com/imerkle/mobx-react-typescript-webpack-i18n-mst-antd
🍽 boilerplate for mobx , react, typescript, webpack, i18n, antd, mobx state trees,
antd boilerplate i18n mobx mobx-state-tree postcss react react-router-v4 typescript webpack yarn
Last synced: 12 Nov 2024
https://github.com/aaronvanston/zones
At a glance view timezones across the world | Simple boilerplate for React
boilerplate cssmodules cssnext jest postcss react redux timezone webpack
Last synced: 14 Oct 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/birdofpreyru/postcss-icss
PostCSS plugin to process CSS modules and extract tokens
css css-modules javascript modules plugin postcss web
Last synced: 27 Sep 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/neurosnap/postcss-scale-media-query
Scale media query `-width` by some percentage
media-query postcss postcss-plugin scale
Last synced: 28 Oct 2024
https://github.com/aeyoll/postcss-imageset-type
PostCSS plugin for adding image-set type to background-images.
Last synced: 01 Nov 2024
https://github.com/doinel1a/vite-react-ts-starter
Start a ReactJS Web App, SPA, website or landing page using TypeScript, Tailwind CSS, ESLint, Husky Vite, SWC and much more, in JUST 30 seconds, without the hassle of setting up your dev environment.
boilerplate boilerplate-template eslint husky playwright postcss react react-ts react-typescript sass starter starter-template swc tailwind tailwind-css tailwindcss template templates typescript vite
Last synced: 07 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/efiand/netbiblio
Интернет-архив авторской русскоязычной литературы.
a11y admin-panel amp api commercial design favicons mobile-first nodejs opengraph portfolio-project postcss postgresql prisma semantics spa sveltekit svg typography webp
Last synced: 14 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/antinmaze/nextjs-supabase-auth-starterkit
🔥 Next.js 1.4 Starterkit using Supabase (Auth and Database), Tailwind CSS 3.4, TypeScript and Vitest for unit testing based on the 🚀 NextJSTemplates Next.js Tailwind Startup Template
cypress google-authentication nextjs nextjs14 oidc postcss supabase supabase-auth tailwindcss typescript vitest
Last synced: 07 Nov 2024
https://github.com/yazeedobaid/my-laravel-setup
My Laravel Project setup
eslint jest laravel laravel-setup postcss tailwindcss vue
Last synced: 07 Nov 2024
https://github.com/rafaeldevvv/pokon
Pokón is a fan-made website showcasing part of the Pokémon data available in the PokéAPI.
eslint nextjs pokeapi pokedex pokemon postcss react tailwindcss typescript
Last synced: 07 Nov 2024
https://github.com/hrynevychroman/vue-start
Transforming Vue projects with boundless creativity.
commitlint eslint i18n pnpm postcss tailwindcss typescript unplugin vite vue vueuse
Last synced: 07 Nov 2024
https://github.com/jeff2ma/postcss-decls-ref
A PostCSS plugin that extend declaration block from an existed rule with target selector (like sass`@extend`).
css declaration extend postcss postcss-plugin ref sass
Last synced: 11 Oct 2024
https://github.com/lh0x00/liser
functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!
ciser css design functional liser modules postcss reponsive style
Last synced: 21 Oct 2024
https://github.com/efiand/gulp-static
Сборка для создания статического сайта на gulp.
boilerplate esbuild eslint gulp image-optimization pixelperfect portfolio-project postcss sprite stylelint w3c-validation webp
Last synced: 14 Nov 2024
https://github.com/harinathlee/ford-app
This is repo where we try to figure out the architecture, folder structure and dependencies that we need to follow in the initial state of Ford project development.
eslint jest js postcss react rtk rtk-query rtl tailwindcss vitest vitest-ui
Last synced: 31 Oct 2024
https://github.com/atakantepe/tailwindcss-parser
A utility tool for parsing Tailwind CSS output files into structured JSON files using PostCSS. Originally developed for the TailwindCSS Cheat Sheet project.
css-parser json postcss tailwind-css utility-tool web-development
Last synced: 07 Nov 2024
https://github.com/the-holocron/threepio
The protocol droid.
babel babel-preset browserslist browserslist-config commitlint commitlint-config eslint eslint-config jest-preset lerna lint-staged-config markdownlint markdownlint-config monorepo postcss postcss-config semantic-release-config storybook-config stylelint-config webpack-config
Last synced: 18 Oct 2024
