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-08 00:19:12 UTC
- JSON Representation
https://github.com/skovy/css-codemod-demo
Example of a custom CSS codemod built with PostCSS
Last synced: 07 Dec 2024
https://github.com/nandomoreirame/preview-responsive-navbar
A preview responsive navbar iframe
cssvar cssvariables html iframe navbar postcss preview
Last synced: 05 Jan 2025
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/erkobridee/vite-react-ts
first contact using the Vite.js, TS, React, PostCSS and TailwindCSS
postcss react tailwindcss template typescript vitejs
Last synced: 17 Nov 2024
https://github.com/roblav96/tns-template-vue
NativeScript Vue template with TypeScript, PostCSS, Tailwind, Vuex, Vue Router, Webpack, etc.
nativescript nativescript-vue postcss tailwindcss typescript vue-router vuex webpack
Last synced: 31 Dec 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/rencire/react-css-module-starter
babel css css-modules es6 hmr postcss react react-hot-reload webpack
Last synced: 11 Nov 2024
https://github.com/fabberr/nlw9-web
Web frontend for NLW9's application. Created with @vitejs + React + TypeScript.
css3 html5 postcss react twitch typescript vitejs
Last synced: 15 Dec 2024
https://github.com/ravesjs/config-webpack-etc
React-ready webpack configuration
babel configuration eslint postcss prettier react scss-modules template webpack
Last synced: 23 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/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/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/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/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/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/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/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/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/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/ginnill/pokemon-team-builder
React and Tailwind Pokédex
api css3 html5 javascript pokedex pokemon pokemon-api postcss reactjs sass tailwindcss typescript vitejs
Last synced: 05 Jan 2025
https://github.com/jerome1337/tweenfo
Tweenfo is a Twitter complementary application to find statistic about a Twitter account.
postcss rollup sapper svelte3 tailwindcss twitter twitter-api
Last synced: 03 Jan 2025
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/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/shashkovdanil/next-template
Next.js, TypeScript, CSS Modules template
css next nextjs postcss typescript
Last synced: 01 Jan 2025
https://github.com/de1ck/javascript-tools-guide
javascript tools include webpack babel postcss ...
Last synced: 12 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/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/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/scarfacedeb/brunch-elixir-web
Brunch skeleton for basic elixir frontend
Last synced: 19 Dec 2024
https://github.com/roma-glushko/landing-boilerplate
A simple boilerplate with Twitter Bootstrap 3, Grunt, LESS on board. Production and Developer modes for assets and it's ready to go!
boilerplate bootstrap3 grunt html5 less modernizr postcss
Last synced: 19 Dec 2024
https://github.com/swissgrc/postcss-remove-font-face-format
📦 PostCSS plugin to remove font faces formats
font-face hacktoberfest plugin postcss
Last synced: 29 Oct 2024
https://github.com/milliorn/tea-cozy
Template done in Tailwind UI using GatsbyJS
autoprefixer css gatsby gatsby-site gatsby-starter gatsbyjs html html-css html-css-javascript html5 javascript js jsx postcss preact tailwind tailwind-css tailwindcss template
Last synced: 14 Dec 2024
https://github.com/milliorn/travel-agency
Mobile responsive site using React and Tailwind
autoprefixer gh-pages postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui travel-agency travel-website ts tsx types typescript
Last synced: 14 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/vvaldesc/shadcn_aceternity_ui_practice
Little Vite React Interface using external front-end libraries
aceternity-ui front-end-development nextui postcss react shadcn-ui tailwindcss vite
Last synced: 05 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://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/sshari/remark-mdx-postcss
Remark plugin to bundle a style tag with MDX content via postcss.
Last synced: 20 Dec 2024
https://github.com/wearerequired/js
📦 Monorepo for JavaScript packages used @wearerequired.
boilerplate browserlist postcss
Last synced: 13 Nov 2024
https://github.com/pras75299/imagegallery
Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer
autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss
Last synced: 16 Nov 2024
https://github.com/antonio-laguna/demo-postcss
Usando PostCSS como alternativa a Sass
Last synced: 28 Dec 2024
https://github.com/elchininet/postcss-rtlcss-less-and-sass
Webpack configuration to use postcss-rtlcss with less and sass
css left-to-right less ltr postcss postcss-plugin postcss-rtlcss right-to-left rtl sass
Last synced: 19 Nov 2024
https://github.com/elchininet/postcss-comments
Postcss plugin to prepend or append comments to CSS rules
comments css postcss postcss-plugin
Last synced: 19 Nov 2024
https://github.com/hellothisisflo/webpack-sandbox
A working WebPack setup where every step of the configuration is a separate commit
autoprefixer build-tool css javascript postcss scss webpack
Last synced: 15 Dec 2024
https://github.com/cedric-renais/carhub
Ce projet a pour objectif de créer une interface web moderne et dynamique pour une agence de location de voitures.
headlessui next postcss prettier prettier-plugin-tailwindcss tailwind typescript
Last synced: 22 Nov 2024
https://github.com/cedric-renais/nike
Ce projet a pour objectif de créer une interface web moderne et dynamique inspirée des éléments visuels et de l'identité de Nike.
next postcss prettier prettier-plugin-tailwindcss tailwind
Last synced: 05 Jan 2025
https://github.com/othytenk/xutul-landing-page
The landing page of the xutul project
heroicons javascript motion postcss reactjs tailwindcss
Last synced: 10 Oct 2024
https://github.com/gogo200202/next-portfolio
Portfolio build with next js
github-actions github-pages javascript nextjs postcss react tailwind threejs typescript vite
Last synced: 11 Oct 2024
https://github.com/annaindistress/frontend-mentor-recipe-page
This is a solution to the recipe page challenge on Frontend Mentor
css-custom-properties github-actions html postcss vite
Last synced: 27 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 Oct 2024
https://github.com/tshasan/tshasan.com
A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.
daisyui pnpm postcss sveltekit tailwind-css vite
Last synced: 11 Oct 2024
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 Oct 2024
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 Oct 2024
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 Oct 2024
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 Oct 2024
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/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/isuke/postcss-ghost-utils
PostCSS plugin to add helper utils for your CSS
Last synced: 28 Dec 2024
https://github.com/adam014/inspirobot
InspiroBot is an prompting tool for modern world to discover, create and share creative AI prompts.
javascript mongodb mongoose nextjs postcss react tailwindcss
Last synced: 05 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/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/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: 06 Jan 2025
https://github.com/rajdee/postcss-autoimport
PostCSS plugin for automatically import global dependencies.
global import postcss postcss-plugin
Last synced: 27 Dec 2024
https://github.com/jaketrent/test-postcss-import
test postcss-import plugin with esm, conditional exports, webpack5
Last synced: 23 Nov 2024
https://github.com/krypton225/interactive-rating-component-main
This is just a training in Front End Mentor website.
autoprefixer concurrently css3 cssnano html5 javascript live-server postcss scss ts-loader typescript webpack webpack-cli
Last synced: 27 Dec 2024
https://github.com/sonvice/easybank
Este proyecto es una landing page diseñada como práctica para el desafío de Frontend Mentor. La landing page está construida utilizando React, Sass
html5 javascript postcss react sass vite
Last synced: 06 Jan 2025
https://github.com/oliverfindl/webpack-vue-boilerplate
Simple boilerplate for building Vue app with Webpack.
autoprefixer boilerplate eslint javascript postcss purgecss sass stylelint svgo terser vue vue-router vuex webpack webpack-vue-bolierplate workbox
Last synced: 14 Dec 2024
https://github.com/sagorranait/fronted-test-task
I converted the Figma design into clean, well-structured code, implementing the design elements and front-end functionality while ensuring cross-browser compatibility and responsiveness.
css globals html html-css-javascript javascript postcss react-dom reactjs tailwindcss vite
Last synced: 20 Dec 2024
https://github.com/dangvanthanh/web-boilerplate
Boilerplate for front end projects
babel boilerplate nunjucks postcss rollup
Last synced: 14 Nov 2024
https://github.com/pronoia9/flapple
Experience innovation with a twist in Flapple! Dive into the whimsical world of iPhone page design like never before. With Flapple, enjoy the excitement of an Apple product launch without the hassle. It's the app that's a fruit salad for your digital cravings, without breaking the bank!
autoprefixer gsap gsap-react postcss react-three-drei react-three-fiber reactjs sentry sentry-react tailwindcss threejs vitejs
Last synced: 27 Dec 2024
https://github.com/keyyard/today-notes
Today Notes is a lightweight, daily task management application built using Next.js, React, TailwindCSS, Prisma, and Postgresql - Supabase. It allows users to create tasks that expire in 24 hours, providing a clean and minimalist interface with support for dark and light themes.
eslint next next-auth next-rpc nextauth nextjs node postcss postgresql prisma prisma-orm react react-dom reactjs sql tailwindcss typescript
Last synced: 28 Dec 2024
https://github.com/inambe/simple-postcss-webpack-template
Simple webpack project template with PostCSS integrated.
Last synced: 06 Dec 2024
https://github.com/inambe/sass-postcss-wp-template
Webpack project template with SASS and PostCSS integrated.
Last synced: 06 Dec 2024
https://github.com/jondotsoy/equip-resources-basestyles
Shared resources for component implementation.
Last synced: 27 Nov 2024
https://github.com/rnyell/postcss-contains
Style elements based on their existing property or declaration.
Last synced: 16 Nov 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/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/vasquez-esteban/next-init
Next 14 Init Project
eslint nextjs14 postcss prettier react tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/sagorranait/reactjs-gallery-test
Creating a responsive image gallery using React JS
autoprefixer dnd-kit dnd-kit-sortable postcss react react-dom tailwindcss
Last synced: 27 Dec 2024