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-01 00:23:29 UTC
- JSON Representation
https://github.com/chrisross5/kiki-storage-web
College project (Final thesis): A cloud storage app focused on front-end, utilizing Firebase to its maximum extent for a real-time, highly customizable cloud file explorer.
daisyui firebase firebase-auth firebase-firestore firebase-hosting firebase-realtime-database firebase-storage pinia postcss tailwindcss typescript vite vue vue-composition-api vue-router vue-slicksort vuefire vueuse
Last synced: 15 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: 06 Jan 2025
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/bryanwilhite/nodejs
my collection of self-educational samples on the Node.js® stack
angular-io aurelia codepen css elm html5 jasmine karma nodejs postcss svg typescript ux ux-design
Last synced: 31 Dec 2024
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/hrfmmymt/react-babel-webpack
axios babel javascript postcss react-router reactjs superagent webpack2
Last synced: 17 Jan 2025
https://github.com/hrfmmymt/plain-carousel
babel carousel-plugin postcss rollup vanilla-javascript
Last synced: 17 Jan 2025
https://github.com/linda-ikechukwu/moneypaddy
Money Paddy is a PWA to help you keep track of your expense and income.
babeljs firebase postcss pwa service-worker webpack4
Last synced: 16 Jan 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/silvestrevivo/webpack-starter
Project starter template built with WebPack. It contains Babel to compile ES6 to ES5, as well as CSS and SASS loaders.
babel-webpack babeljs boilerplate-template browsersync css3 html5 javascript postcss starter-project starter-template template webpack2
Last synced: 16 Jan 2025
https://github.com/annaindistress/frontend-mentor-faq-accordion
This is a solution to the FAQ accordion challenge on Frontend Mentor
css-custom-properties github-actions html postcss vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-newsletter-sign-up-form
This is a solution to the newsletter sign-up form with success message challenge on Frontend Mentor
css-custom-properties github-actions postcss react vite
Last synced: 24 Jan 2025
https://github.com/claudiusayadi/ketocss
The #1 variable-first atomic design framework! This is my personal CSS Framework or project starter kit based on SASS (SCSS) and CSS Variables.
adun-css adun-studio css-framework cssnano ecommerce modern-css-features postcss postcss-preset-env postcss-sass responsive-design sass sass-starterkit scss service-based
Last synced: 31 Dec 2024
https://github.com/annaindistress/frontend-mentor-todo-app
This is a solution to the todo app challenge on Frontend Mentor
css-custom-properties github-actions html oop postcss svg-sprite vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-stats-preview-card-component
This is a solution to the stats preview card component challenge on Frontend Mentor
css-custom-properties gulp html postcss
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-blog-preview-card
This is a solution to the blog preview card challenge on Frontend Mentor
css-custom-properties github-actions html postcss vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-easybank-landing-page
This is a solution to the easybank landing page challenge on Frontend Mentor
css-custom-properties github-actions html postcss svg-sprite vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-interactive-pricing-component
This is a solution to the interactive pricing component challenge on Frontend Mentor
css-custom-properties github-actions html postcss vanilla-js vite
Last synced: 24 Jan 2025
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 Jan 2025
https://github.com/annaindistress/frontend-mentor-bookmark-landing-page
This is a solution to the bookmark landing page challenge on Frontend Mentor
css-custom-properties html postcss svg-sprite vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/miavai649/cleancarz-client
The Clean Carz is a web application where user can get different types of car wash services. It allows users to explore available services, select a time slot, and book a service online, offering a digital car care experience.
ant-design dayjs jwt-decode momentjs postcss react react-dom react-hook-form react-icons react-redux react-router-dom redux-persist redux-toolkit rtk-query sonner swiper-js typescript vite zod-validation
Last synced: 22 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/chaojiangcn/h5-vuecli4
移动端vue cli4构建项目
bable postcss vuecli4 webpack webpack4 yi-dong-duan
Last synced: 19 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/om-corp/porto-challenge-next
Challenge da Porto Seguro com next.js
next nextjs omcorp postcss react reactjs tailwindcss
Last synced: 16 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/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/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/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/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/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/andrei1994rus/users-react
Search Github users on React+Webpack. (NodeJS,React,Webpack,RxJS,jQuery,Express,SCSS)
adaptive autoprefixer compression-webpack-plugin crossbrowser cssnano express express-static-gzip jquery mobile-first modernizr nodejs postcss react rxjs rxjs-ajax scss terser-webpack-plugin webpack
Last synced: 09 Jan 2025
https://github.com/imjaroiswebdev/jartravels-site
gulp html-css postcss responsive
Last synced: 29 Jan 2025
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/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/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/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: 23 Jan 2025
https://github.com/rqbazan/wbn-challenge
github-actions nextjs now-sh postcss storybook tailwindcss
Last synced: 13 Dec 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/abelnnieva/iechamberi.org
Website for a Christian assembly featuring marketing components and sections, built with Nuxt 2, Apollo Client, PostCSS, and Chakra UI Vue.
apollo-client chakra-ui nuxt2 postcss vue2
Last synced: 21 Jan 2025
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/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/vandodev/gerenciador-de-habitos
Gerenciador de hábitos com Next
eslint nextjs postcss tailwindcss typescript vercel-kv
Last synced: 02 Feb 2025
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: 02 Feb 2025
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/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/avigoldman/postcss-hex-format
PostCSS plugin to format hexadecimal colors
color css format hex hexadecimal postcss
Last synced: 19 Jan 2025
https://github.com/antonio-laguna/demo-postcss
Usando PostCSS como alternativa a Sass
Last synced: 28 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: 26 Jan 2025
https://github.com/barraponto/neutrino-preset-postcss-cssnext
cssnext support in Neutrino.
cssnext neutrino neutrino-preset postcss
Last synced: 23 Jan 2025
https://github.com/wearerequired/js
📦 Monorepo for JavaScript packages used @wearerequired.
boilerplate browserlist postcss
Last synced: 13 Nov 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: 21 Jan 2025
https://github.com/azurespheredev/startupz-landing
Clone version of Startupz landing page
javascript postcss reactjs tailwindcss-v3
Last synced: 11 Jan 2025
https://codeberg.org/fec/postcss-url-mapping
Plugin for PostCSS to transform URLs using a mapping object.
Last synced: 20 Jan 2025
https://github.com/davidgarsan/webpack2-components-demo
Messing with Webpack2, ES6, PostCSS...
components ejs es6 postcss webpack webpack2 webpack2-demo
Last synced: 23 Jan 2025
https://github.com/vladis1av-code/chat
Test work in a team
css cssnano html javascript nodejs npm postcss sass
Last synced: 01 Feb 2025
https://github.com/azurespheredev/vally-sales-assignment
Vally Sales Inc Settings Page built for the assigment.
assignment eslint husky nextjs postcss shadcn-ui tailwindcss typescript zod
Last synced: 11 Jan 2025
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/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/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/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/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: 29 Jan 2025
https://github.com/awayken/2016devobjective
PostCSS: A Dumb Name For an Awesome Thing
postcss presentation showcase slides
Last synced: 26 Jan 2025
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/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/cabrelngamaleu/invest
invest website
clsx eslint framer-motion nextjs14 postcss react use-debounce
Last synced: 31 Dec 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/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/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: 02 Feb 2025
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/scarfacedeb/brunch-elixir-web
Brunch skeleton for basic elixir frontend
Last synced: 19 Dec 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/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/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/beraliv/tda-mz-netlify-cms
Netlify CMS + Netlify + React
material-ui netlify netlify-cms postcss react react-helmet
Last synced: 25 Jan 2025
https://github.com/johnwatkins0/postcss-custom-prop-fallbacks
Provides fallbacks for custom properties set in :root.
Last synced: 12 Jan 2025
https://github.com/yakovlev-alexey/next-pcss
Import global `.pcss` files in your Next.js project.
Last synced: 18 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 Jan 2025
https://github.com/jondotsoy/equip-resources-basestyles
Shared resources for component implementation.
Last synced: 26 Jan 2025
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/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: 02 Feb 2025
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: 29 Jan 2025
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: 29 Jan 2025
