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-05 00:23:29 UTC
- JSON Representation
https://github.com/timscodebase/design-tim
This is my personal website.
html-css-javascript postcss svelte sveltekit typescript
Last synced: 02 Dec 2024
https://github.com/jlozovei/loaderscss
Simple + awesome css-only crafted loaders
Last synced: 13 Jan 2025
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: 11 Jan 2025
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/frontendweb3/blogpost
Blog post is simple lightweight html template for blog build with tailwindcss
css html html-css html-template html5 postcss postcss-cli tailwindcss
Last synced: 22 Dec 2024
https://github.com/keidrun/boilerplate-react
Boilerplate of React with Webpack.
boilerplate css css3 flow flow-typed flowtype postcss react react16 webpack webpack2
Last synced: 23 Jan 2025
https://github.com/maybemonad/vite-lib-starter
postcss react tailwindcss typescript
Last synced: 13 Jan 2025
https://github.com/pomeluce/akir-vue
vue project development scaffolding, based on vue naive-ui pinia typescript
akir mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3
Last synced: 30 Jan 2025
https://github.com/premierstacks/postcss-stack
The PostCSS Stack is a pre-configured set of PostCSS configurations designed to streamline CSS transformations for projects of any scale. Whether you’re using PostCSS directly through the command line or integrating it into a build tool like Webpack, this stack offers an optimized setup that works seamlessly in multiple environments.
nodejs postcss premierstacks stack tomchochola webpack
Last synced: 24 Jan 2025
https://github.com/premierstacks/webpack-stack
The Webpack Stack offers a collection of ready-to-use configurations for building, bundling, and optimizing JavaScript, TypeScript, and React applications. It provides pre-configured setups designed for both browser and Node.js environments, allowing you to quickly get started with complex Webpack projects without spending time on configuration.
javascript nodejs postcss premierstacks react stack tomchochola typescript webpack
Last synced: 24 Jan 2025
https://github.com/premierstacks/node-webpack-typescript-library-template
The Node Webpack TypeScript Library Template is an optimized starting point for developing TypeScript-based libraries in a Node.js environment. With built-in configurations for Webpack, TypeScript, ESLint, and Prettier, this template helps streamline the development process and ensures consistent code quality and performance.
eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack
Last synced: 24 Jan 2025
https://github.com/premierstacks/browser-webpack-typescript-app-template
The Browser Webpack TypeScript App Template is a comprehensive solution for building modern browser-based applications with TypeScript and Webpack. With a pre-configured setup for TypeScript, PostCSS, Stylelint, and Prettier, this template offers an optimal starting point to streamline your frontend development process.
eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack
Last synced: 24 Jan 2025
https://github.com/fboulnois/sveltekit-template
A SvelteKit 2 and Tailwind CSS template with a few other defaults.
eslint playwright postcss prettier svelte sveltekit sveltekit-tailwindcss sveltekit-template tailwindcss typescript vitest
Last synced: 22 Jan 2025
https://github.com/mariusz-ba/postcss-ms-grid
PostCSS plugin for adding css-grid fallback for IE.
css-grid grid ie11 ie11-grid postcss postcss-plugin
Last synced: 10 Nov 2024
https://github.com/premierstacks/browser-webpack-typescript-react-app-template
The Browser Webpack TypeScript React App Template offers a complete foundation for developing modern browser-based applications with TypeScript, React, and Webpack. Featuring pre-configured setups for React components, TypeScript, and asset optimization, this template streamlines your development workflow while ensuring clean and maintainable code.
eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack
Last synced: 24 Jan 2025
https://github.com/danielbayley/atom-source-preview-postcss
:atom: @Atom source-preview provider for @PostCSS.
apm atom coffeescript css editor package plugin postcss preprocessor preview source
Last synced: 19 Dec 2024
https://github.com/premierstacks/node-webpack-typescript-app-template
The Node Webpack TypeScript App Template provides a complete starting point for developing Node.js applications using TypeScript and Webpack. With pre-configured setups for TypeScript compilation, code quality tools, and efficient build processes, this template ensures your Node.js projects are scalable, maintainable, and optimized from the start.
eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack
Last synced: 24 Jan 2025
https://github.com/winston0410/postcss-sparrow-props-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by properties.
Last synced: 28 Oct 2024
https://github.com/harshita2234/mern-chat
This is a chat application built using the MERN stack (MongoDB, Express, React, Node.js). The backend API connects to MongoDB and the frontend is developed with React.
autop axios bycrypt-js cookie-parser cors dotenv express jwt lodash mongodb mongoose node-js postcss react tailwind-css vite web-socket
Last synced: 27 Dec 2024
https://github.com/ricardobalk/ricardo.nu
My personal link redirection website, kinda like Linktree, but free (libre) and open source.
allmylinks hacktoberfest hacktoberfest2022 linktree nuxt3 postcss remix tailwindcss typescript vite vue3
Last synced: 12 Jan 2025
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: 12 Jan 2025
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: 12 Jan 2025
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: 02 Feb 2025
https://github.com/sadcitizen/postcss-config
@sadcitizen/postcss-config - PostCSS shareable config
postcss postcss-config postcss-preset
Last synced: 08 Jan 2025
https://github.com/chubi-x/sorta-frontend
React frontend for sorta, an app that lets twitter users manage and categorize their bookmarks
bem-methodology css frontend lottie postcss react-infinite-scroll react-router-dom reactjs tailwindcss typescript
Last synced: 13 Jan 2025
https://github.com/thoughtbit/cssplus-preprocessor
:cyclone: A future-facing CSS preprocessor for working with cssplus
Last synced: 14 Dec 2024
https://github.com/bush1d3v/diverti_lembrete_front
O DivertiLembrete é uma aplicação de lembretes, feita para criar lembretes baseados nos enviados pelo usuário, os pré-processando com a Openai apartir de uma emoção requisitada ao usuário.
bun css html javascript pinia postcss shadcn-vue tailwindcss typescript vite vue
Last synced: 27 Dec 2024
https://github.com/joserafael0160/clock
A basic clock made with HTML, PostCSS and JS
basic-clock clock clock-web html javascript postcss web-clock
Last synced: 12 Jan 2025
https://github.com/osamamammar/library
📚 JS practice project from (The Odin Project). library
css html javascript postcss pugjs theodinproject
Last synced: 01 Feb 2025
https://github.com/azmy60/ci4-rollup-postcss-tailwind
A simple todo list app with CodeIgniter 4, Rollup.js, PostCSS, and Tailwind CSS v3
codeigniter4 postcss rollupjs tailwindcss todolist
Last synced: 03 Feb 2025
https://github.com/abradifcode/webpack-boilerplate
Webpack 3 Boilerplate with Bootstrap 3 JQuery and FontAwesome
babel boilerplate bootstrap3 font-awesome postcss scss webpack3
Last synced: 11 Jan 2025
https://github.com/mohamedsamara/react-webpack-starter
:dart: Simple React Webpack Starter
development eslint postcss prettier production pwa react sass webpack
Last synced: 03 Jan 2025
https://github.com/brunogroth/livewire
Learning Livewire | PHP & Laravel & Livewire & TailwindCSS
laravel laravel10 livewire livewire-components mysql mysql-database postcss tailwind tailwind-css tailwindcss
Last synced: 08 Jan 2025
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: 11 Jan 2025
https://github.com/ezavile/react-ts
Start your project using React, TypeScript and PostCSS
postcss react typescript webpack
Last synced: 27 Dec 2024
https://github.com/dopaminedriven/next-portfolio
developer/engineer facing portfolio
customization font-awesome icons nextjs patching postcss postinstall react static-site-generator tailwindcss typescript vercel
Last synced: 21 Jan 2025
https://github.com/vedhatech002/we-cook
a food delivery like app, it shows restarunts list based on location. using swiggy API
food-app food-delivery-application food-ordering postcss react react-dom react-hooks react-router react-routing restaurant-website restaurants swiggy-api tailwindcss
Last synced: 04 Jan 2025
https://github.com/vinks/redux-ultimate-ssr
A complex starter react boilerplate for an universal web application with express api backend and server side render.
axios babel boilerplate express happypack isomorphic knex objectionjs postcss postgresql react react-router react-router-v4 redux rest-api starter starter-kit universal webpack webpack2
Last synced: 11 Jan 2025
https://github.com/exslym/pub_vite-template
Custom project VITE configuration template
autoprefixer babel css3 eslint eslint-config-prettier eslint-plugin-prettier html5 javascript postcss prettier scss scss-mixins sharp svgo terser vite vite-aliases vite-plugin-eslint vite-plugin-image-optimizer vite-plugin-legacy
Last synced: 13 Jan 2025
https://github.com/exslym/d-creative-studio
D-Creative Studio
animation-on-scroll eslint-plugin gh-pages github-pages javascript postcss sass webpack5
Last synced: 13 Jan 2025
https://github.com/exslym/portfolio-new-3d
A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)
autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs
Last synced: 13 Jan 2025
https://github.com/tolking/postcss-flex-alias
PostCSS plugin easily write flex
flex plugin postcss postcss-flex-alias
Last synced: 27 Dec 2024
https://github.com/lifeisbeautifu1/modern-react-app
A modern React app (early 2025 edition)
babel browserslist cicd codecoverage eslint netlify-deployment playwright postcss prettier react react-router react-starter stylelint tailwindcss typescript vite vitest
Last synced: 11 Jan 2025
https://github.com/a-x-/postcss-global-nested
Wrap styles into a :global like postcss-nested does it for usual selectors
postcss postcss-nested postcss-plugin
Last synced: 11 Oct 2024
https://github.com/cyruskabir/testimonial-page-html-css-
This challenge is to practice more advanced HTML and CSS skills. The challenge is to create a simple testimonial page that you need use grid, media queries, icons,...
css devchallengesio html postcss vite
Last synced: 27 Dec 2024
https://github.com/arden-rh/shelf-control
A web app for managing your personal library
firebase firebase-auth firestore melt-ui postcss school-project svelte sveltekit tailwindcss typescript vite
Last synced: 11 Oct 2024
https://github.com/tzachbon/css.jsx
Write your CSS like JSX
babel css css-framework jsx postcss react tsx
Last synced: 23 Jan 2025
https://github.com/francoisromain/system.css
A minimal CSS boilerplate
css grid-system postcss typescale
Last synced: 17 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: 01 Feb 2025
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: 27 Dec 2024
https://github.com/pokedotdev/my-gallery-devchallenge
Devchallenges.io challenge made with React and Tailwindcss
Last synced: 29 Jan 2025
https://github.com/devniel/derb
Devniel's Express and React Boilerplate
boilerplate express hot-module-replacement postcss react reactjs webpack2
Last synced: 12 Jan 2025
https://github.com/alexandrecpedro/esports
eSports platform for web and mobile - NLW eSports
esports expo express expressjs figma hoppscotch nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat-nlw sqlite3 tailwindcss twitch twitch-api typescript vite
Last synced: 03 Jan 2025
https://github.com/buddye/postcss-remove-important
PostCSS cleanup plugin to strip !important for AMP compatible CSS
Last synced: 10 Jan 2025
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 Jan 2025
https://github.com/alexandrecpedro/world-cup-polls
World Cup Polls platform for web and mobile - NLW World Cup
expo fastify figma google-fonts ignite-rocketseat jwt nextjs nodejs oauth2 phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript worldcup
Last synced: 03 Jan 2025
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: 05 Jan 2025
https://github.com/voightco/static-site-starter
A boilerplate for building static websites using 11ty
11ty boilerplate eleventy postcss starter-kit static-site static-site-generator
Last synced: 26 Jan 2025
https://github.com/alexandrecpedro/habits-setup
Habits platform for web and mobile - NLW Setup
expo fastify figma ignite-rocketseat nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript
Last synced: 03 Jan 2025
https://github.com/alexandrecpedro/rocketseat-event-platform
Rocketseat event platform (video content)
apollo apollo-client figma graphcms graphql postcss react rocketseat rocketseat-ignite tailwind tailwindcss typescript vite vitejs
Last synced: 03 Jan 2025
https://github.com/vinpac/postcss-modular
PostCSS plugin to modularize classnames
css javascript modular postcss
Last synced: 09 Jan 2025
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/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/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/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/johnwatkins0/postcss-custom-prop-fallbacks
Provides fallbacks for custom properties set in :root.
Last synced: 12 Jan 2025
https://github.com/rqbazan/wbn-challenge
github-actions nextjs now-sh postcss storybook tailwindcss
Last synced: 13 Dec 2024
https://github.com/chaojiangcn/h5-vuecli4
移动端vue cli4构建项目
bable postcss vuecli4 webpack webpack4 yi-dong-duan
Last synced: 19 Dec 2024
https://github.com/koffeine/rollup-plugin-sass-postcss
Rollup plugin for Sass and PostCSS
postcss rollup rollup-plugin sass scss
Last synced: 01 Feb 2025
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: 01 Feb 2025
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/jolomitee/catchup
CatchUp Figma design as a web page
figmadesign front-end-development postcss tailwindcss
Last synced: 18 Dec 2024
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/fuelviews/laravel-tailwindcss
Laravel tailwindcss package
css fuelviews laravel laravel-tailwindcss php postcss tailwindcss
Last synced: 11 Oct 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/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/pascalduez/eleventy-css
11ty css css-modules eleventy postcss stylesheets
Last synced: 02 Feb 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/stephan-evers/babel-plugin-transform-styl-modules
Transforms "styl" tagged template literals into css modules.
babel css-modules postcss stylus template-literals
Last synced: 19 Dec 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: 26 Jan 2025
https://github.com/watheia/typed-css
A collection of helper utilities and plugins for working with staticky typed CSS modules
css-modules docusaurus nx postcss spectrum-css webpack
Last synced: 27 Dec 2024
https://github.com/aryan02420/postcss-themewind
A PostCSS plugin to make theming with TailwindCSS easy and fun
Last synced: 27 Jan 2025
https://github.com/amansuryavanshi-1/av-news-stream
AV NewsStream: Stream, read, and listen to real-time news from diverse sources. Engage effortlessly with text-to-speech, real-time updates, and hands-free voice controls, all in one app!
cors daisy-ui emailjs github-api gnews-io html javascript news-api postcss react react-context react-icons react-router-dom redux-toolkit tailwind-css text-to-speech vercel vite youtube-api
Last synced: 11 Oct 2024
https://github.com/lumenpearson/docs-goodbyedpi-ui
User-friendly documentation for GoodbyeDPI/UI, a graphical interface for managing GoodbyeDPI scripts. It allows you to easily change DPI settings and run the corresponding scripts.
apache2 docs eslint goodbyedpi goodbyedpi-ui husky lucide mdx nextjs npm-run-all pnpm postcss prettier radix-ui react shadcn-ui tailwindcss typescript vercel webpack
Last synced: 11 Oct 2024
https://github.com/amansuryavanshi-1/foodah
This React-based web application features real-time data integration with Swiggy and GitHub APIs. Key highlights include custom hooks for online status and fallback images, optimized performance with lazy loading, and a shimmer UI for enhanced user experience. It exemplifies efficient management of large datasets & modern web development practices.
emailjs html javascript json-api parcel parcel-bundler postcss react react-icons react-router-dom reacticons redux-toolkit tailwind-css vercel
Last synced: 11 Oct 2024
https://github.com/jgarber623/eleventy-plugin-postcss
An Eleventy plugin for processing CSS files with PostCSS.
11ty 11ty-plugin eleventy eleventy-plugin postcss
Last synced: 09 Oct 2024
https://github.com/lagden-development/lagden.dev
The official website for Lagden Development; built with NextJS and TypeScript.
eslint js nextjs postcss react tailwindcss typescript
Last synced: 27 Dec 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: 27 Dec 2024
https://github.com/vasquez-esteban/astro-init
Initialized Astro Project with Tailwind, Typescript, Linting and Formatting support.
astro eslint eslint-config postcss prettier tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/fabdoc27/hirego-template
Fully responsive Tailwind template.
autoprefixer postcss responsive-design tailwindcss
Last synced: 27 Dec 2024
https://github.com/maratdev/next-movie
🎦 Watch anime online
nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript
Last synced: 27 Dec 2024
https://github.com/sabinacristea/pomodoro-app
React Responsive Pomodoro App with change of fonts and colors
postcss reactjs tailwindcss vitejs
Last synced: 27 Dec 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: 27 Dec 2024
