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-14 00:19:16 UTC
- JSON Representation
https://github.com/danielfgray/gulp-boilerplate
basically just a gulpfile
babel boilerplate browserify eslint gulp postcss stylelint
Last synced: 24 Jan 2025
https://github.com/azamat-cto/responsive-sushi-website
Responsive and Cross Browser Sushi website design using React & Typescript
autoprefixer next-themes phosphoricons postcss prettier radix-ui react react-scroll sass scss shadcn-ui tailwindcss typescript unplugin-fonts vite
Last synced: 12 Jan 2025
https://github.com/aliaks-ei/advent-of-javascript
This repository contains implementation of challenges from Advent of Javascript calendar
a11y animations composition-api-vue3 css eslint javascript postcss sass tailwind typescript vite vue
Last synced: 30 Jan 2025
https://github.com/milliorn/user-dashboard
Simple and intuitive interface for managing user data. Mobile responsive dashboard with dark mode.
autoprefixer chartjs dashboard eslint next nextjs postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui typescript
Last synced: 07 Feb 2025
https://github.com/milliorn/travel-journal
Travel landing page in React using Tailwind.
autoprefixer css html html-css html-css-javascript html5 javascript js jsx landing landing-page landingpage postcss react react-uuid reactjs tailwind tailwind-css tailwindcss typescript
Last synced: 07 Feb 2025
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: 07 Feb 2025
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: 07 Feb 2025
https://github.com/antonio-laguna/demo-postcss
Usando PostCSS como alternativa a Sass
Last synced: 28 Dec 2024
https://github.com/milliorn/true-hope-tutoring
Landing page for True Hope 4 Success Tutoring
academic education education-platform frontend homework learning npm online-learning online-tutoring open-source postcss react student study tailwindcss teaching tutoring vite web-development
Last synced: 12 Jan 2025
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/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/wearerequired/js
📦 Monorepo for JavaScript packages used @wearerequired.
boilerplate browserlist postcss
Last synced: 13 Nov 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: 07 Feb 2025
https://github.com/chanonroy/react-github-battle
From the React online training tutorial
postcss react react-router scss webpack
Last synced: 15 Feb 2025
https://github.com/jondotsoy/equip-resources-basestyles
Shared resources for component implementation.
Last synced: 26 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://github.com/simmzl/ele
Vue.js 2.0 仿饿了么Web APP
better-scroll es6 eslint postcss stylus vue webpack
Last synced: 19 Jan 2025
https://github.com/trevonerd/postcss-mixins-css-grid
A CSS Grid mixin for the PostCSS Mixins plugin. The easiest way to implement a responsive grid system using CSS Grid.
css-grid css-grid-mixin postcss postcss-mixins postcss-mixins-plugin
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-time-tracking-dashboard
This is a solution to the time tracking dashboard challenge on Frontend Mentor
css-custom-properties github-actions postcss react rest-api svg-sprite vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-clock-app
This is a solution to the clock app challenge on Frontend Mentor
css-custom-properties github-actions html ip-geolocation-api postcss quotable-api svg-sprite vanilla-js vite worldtimeapi
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-advice-generator-app
This is a solution to the advice generator app challenge on Frontend Mentor
advice-slip-api css-custom-properties github-actions html postcss vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-results-summary
This is a solution to the results summary challenge on Frontend Mentor
css-custom-properties github-actions html postcss vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-scoot-multi-page-website
This is a solution to the scoot multi-page website 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-project-tracking-intro
This is a solution to the project tracking intro component challenge on Frontend Mentor
css-custom-properties github-actions html postcss tailwind-css vanilla-js vite
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-news-homepage
This is a solution to the news homepage challenge on Frontend Mentor
css-custom-properties gulp html postcss vanilla-js
Last synced: 24 Jan 2025
https://github.com/annaindistress/frontend-mentor-3-column-preview-card-component
This is a solution to the 3-column preview card component challenge on Frontend Mentor
css-custom-properties gulp html postcss
Last synced: 24 Jan 2025
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: 19 Jan 2025
https://github.com/avigoldman/postcss-colornames-to-hex
PostCSS plugin to convert color names to hexadecimal values
colornames colors hexidecimal plugin postcss
Last synced: 19 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: 07 Feb 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/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: 09 Feb 2025
https://github.com/elchininet/postcss-comments
Postcss plugin to prepend or append comments to CSS rules
comments css postcss postcss-plugin
Last synced: 20 Jan 2025
https://github.com/pronoia9/promptle
Unleash your creativity and ignite inspiration with Promptle! This innovative Next.js application is your gateway to a world of limitless ideas. Share prompts, spark creativity, and watch ideas flourish as you connect with a community of like-minded individuals. Dive into Promptle and let your imagination soar!
autoprefixer bycrypt css fullstack html javascript mongodb mongoose next-auth nextjs postcss react tailwindcss
Last synced: 24 Jan 2025
https://github.com/pronoia9/metaversus
autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss
Last synced: 24 Jan 2025
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 Jan 2025
https://github.com/evaaaaawu/website-starter-template
A design system that can be used to build websites.
Last synced: 31 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: 14 Feb 2025
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 Jan 2025
https://github.com/silvestrevivo/react-mobiquity
Small react application fetching data from https://ergast.com/mrd/ to show custom results
axios babel eslint html5 javascript postcss reactjs sass webpack4
Last synced: 25 Jan 2025
https://github.com/gokatz/tailwind-scss-setup
SCSS and Tailwind setup for an Ember project
emberjs postcss scss tailwindcss
Last synced: 09 Feb 2025
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 Jan 2025
https://github.com/devferx/block-master
Revive una tienda icónica para rentar películas, regresa con una nueva plataforma de streaming.
babel css html postcss react-vanilla styled-components webpack
Last synced: 15 Feb 2025
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/morevm/postcss-specificity-decorator
PostCSS plugin to increase the specificity of selectors
css postcss postcss-plugin specificity
Last synced: 07 Feb 2025
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: 14 Feb 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/johnwatkins0/postcss-custom-prop-fallbacks
Provides fallbacks for custom properties set in :root.
Last synced: 12 Jan 2025
https://github.com/yash-jivani/heritage-detection
Heritage image Detection UI
css es6 html javascript postcss react tailwindcss
Last synced: 14 Feb 2025
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: 14 Feb 2025
https://github.com/halo-design/halo-optimus
ಠ_ಠ Scaffolding with the latest react components
babel es2017 eslint express gulp isomorphic-fetch moment nprogress postcss pug react react-redux react-router-v4 redux redux-logger redux-thunk sass socket-io webpack-hot-middleware webpack3
Last synced: 31 Jan 2025
https://github.com/jonasfroeller/webpack-webapp
Webpack frontend-webapp starter.
asciidoc docker docs fonts gh-pages images isc-license jest-tests postcss scss shoelace tailwindcss ts web-components webpack5 workflow
Last synced: 01 Feb 2025
https://github.com/tobua/postcss-tags-without-class
Make HTML Tags Opt Out-Able When Adding a Class
Last synced: 15 Jan 2025
https://github.com/muzabol2/calc
Simple calculator in vanilla JS
babel javascript postcss vanilla-javascript vercel webpack youtube-tutorial
Last synced: 08 Jan 2025
https://github.com/ljuzifer/carp-travel-app
An application that tells about the best Carpathian tourist routes!
autoprefixer css eslint javascript nextjs postcss prettier react-hook-form react-hook-form-persist react-hot-toast react-responsive react-scroll swiper tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/pedroeuzebiojs/nlw-pocket-react-trilha-intermediario
Front-end em React do projeto Full Stack de registro de metas com progresso semanal desenvolvido no NLW Pocket trilha intermediário da Rocketseat.
autoprefixer biomejs dayjs lucide-react postcss radix-ui react react-dom react-hook-form react-query react-router-dom rocketseat rocketseat-nlw sonner tailwind-merge tailwind-variants tailwindcss typescript vite zod
Last synced: 11 Feb 2025
https://github.com/krypton225/social-links-profile
This is just a training in Front End Mentor website.
challenge css3 frontend-mentor html5 postcss ui-challenge
Last synced: 27 Dec 2024
https://github.com/castelo-codez/scoot-multi-page-website
This multi-page website will really test your front-end skills. There are 4 pages to build with mobile, tablet, and desktop designs included.
cypre frontend-mentor frontendmentor-challenge hrml js postcss sass scoot-multipage-website tail vite vuejs
Last synced: 27 Dec 2024
https://github.com/efiand/sedona
Сайт туристического городка.
a11y eslint flatpickr gulp htmlacademy image-optimization mentorship-programme pixelperfect postcss posthtml progressive-enhancement range-slider semantics sprite stylelint w3c-validation webp webpack
Last synced: 13 Jan 2025
https://github.com/efiand/anne-blog
Образцы страниц блога копирайтера.
a11y bem gulp image-optimization pixelperfect postcss retinal-images stylelint w3c-validation
Last synced: 13 Jan 2025
https://github.com/efiand/cooknote
Кулинарная книга с возможностью добавления и редактирования рецептов. Визуальный редактор, категории, разделы
a11y admin-panel commercial design eslint fastify favicons nodejs portfolio-project postcss postgresql semantics stylelint sveltekit
Last synced: 13 Jan 2025
https://github.com/efiand/vue-form-multistep
Форма из нескольких шагов-роутов на Vue, pinia, vuelidate. Typescript, scss, vite
eslint pinia portfolio-project postcss stylelint vite
Last synced: 13 Jan 2025
https://github.com/efiand/portfolio
Портфолио со списком работ и биографией. Все данные получаются по Github API
a11y design eslint mobile-first portfolio-project postcss posthtml semantics spa stylelint svg vue-router vuex webpack
Last synced: 13 Jan 2025
https://github.com/efiand/mobf21
Предыдущая версия сайта mobf21.com
a11y bem commercial design eslint mobile-first opengraph portfolio-project postcss schema semantics spa stylelint sveltekit webp
Last synced: 13 Jan 2025
https://github.com/efiand/scandi
Одностраничник студии дизайна интерьеров. Demo собственного сборщика
a11y bem eslint fastify htmlacademy image-optimization mentorship-programme mobile-first pixelperfect postcss semantics sprite stylelint svelte-ssr w3c-validation webp webpack
Last synced: 13 Jan 2025
https://github.com/efiand/svelte-fastify-template
Сборка для создания простых изоморфных приложений SSR/SPA
boilerplate browser-sync eslint fastify lintspaces markdownlint portfolio-project postcss rollup sprite squoosh stylelint svelte-routing svelte-ssr svgo
Last synced: 13 Jan 2025
https://github.com/romsendz/ugcc-pokrov-church-v2
A volunteer-driven Next.js project for the UGCC Church in my lovely hometown. Complete rebuild to improve usability, performance, and design. Aims to provide an intuitive and accessible online presence for the church community. Responsive & adaptive
backend external-api nextjs postcss react react-dom reactcontextapi scss ssr tailwindcss typescript
Last synced: 14 Feb 2025
https://github.com/thedroelfi/postcss-responsive-css-values
This PostCSS plugin provides you with a function that allows you to use dynamic values instead of static CSS values, which are automatically reduced from a defined breakpoint.
css css-values postcss postcss-plugin responsive-design responsive-web-design
Last synced: 14 Feb 2025
https://github.com/seyitbugraerden/next14-usersignandblogapp
Next14 | PocketHost | PocketBase | LDRS | JWT | React-Cookie | React-Toastify | Log In & Sing Up | Add or Manage Your Blogs | Introduce Your Career and Yourself | Can Read User's Blogs
eslint jwt jwt-auth jwt-token ldrs nextjs nextjs14 pocketbase pockethost postcss react react-cookie react-cookies tailwindcss toast toastify
Last synced: 15 Jan 2025
https://github.com/shruthisriv/imdbclone
context-api css html html-css-javascript javascript postcss prefixer react reactjs redux redux-toolkit tailwindcss
Last synced: 14 Feb 2025
https://github.com/koole/centrale-v1
🔥 dekoolecentrale.nl
postcss threejs typescript webpack
Last synced: 07 Jan 2025
https://github.com/viburoshin25/react-art
This repository serves as an introduction to web development with a stylish landing page crafted using React and Tailwind CSS. Developed as part of my introductory journey into learning React and Tailwind CSS.
nodejs postcss react-components react-hooks reactjs tailwind-css tailwindcss
Last synced: 27 Dec 2024
https://github.com/jkiimm/postcss-at-rules-bem
PostCSS plugin for BEM name convention
bem css postcss postcss-plugin
Last synced: 12 Feb 2025
https://github.com/biswa-ganguly/virtualr
Virtual-R is a front-end project that showcases a modern web-site look
front-end javascript postcss reactjs tailwind-css vite
Last synced: 27 Dec 2024
https://github.com/koffeine/rollup-plugin-postcss
Rollup plugin for PostCSS
Last synced: 21 Jan 2025
https://github.com/treetips/react-router-redux-typescript-parcel-example
react-router-redux-typescript-parcel-example
parcel postcss prettier react redux scss tslint typescript3 vscode
Last synced: 31 Dec 2024
https://github.com/humpherson/audio-recorder-app
A browser-based audio recorder using the MediaRecorder API with real-time uploads to Azure Blob Storage. Supports cross-browser compatibility, automatic MIME type detection, and resilient chunked uploads with retry logic. Includes seamless playback and download of recordings, ideal for modern web and cloud applications. 🚀
html5 mediarecorder mediarecorder-api postcss react react-dom tailwindcss vite
Last synced: 04 Feb 2025
https://github.com/exslym/uikit-test
A basic typesafe UI Library built on top of React, Typescript, TailwindCSS and Storybook
jest postcss react storybook typescript
Last synced: 04 Feb 2025
https://github.com/ulyanov-programmer/formstepbystep
css form grunt html js just-validate postcss step-by-step
Last synced: 27 Dec 2024
https://github.com/stevenalvaradoaguilar/weather-app
This project is an application to use and reinforce my knowledge in Next used typescript and Tailwind css with API's, the use and good practices of web developer importance in Backend and Frontend from the video offered by freecodecamp: https://www.youtube.com/watch?v=KkC_wYM_Co4.
api-client api-rest nextjs postcss tailwindcss
Last synced: 27 Dec 2024
https://github.com/h3rmel/sen-financa
A simple web application for personal finance management.
autoprefixer daisyui es6 localstorage postcss pwa react react-router tailwindcss vitejs
Last synced: 15 Jan 2025
https://github.com/cyansalt/postcss-transform-decl
Transform any declarations with custom rules
Last synced: 28 Jan 2025
https://github.com/chrisross5/supit-project
College project (Internet technology S3): 6 versions of the same web app - built and compared UX & DX: jQuery, Vue, Vue Full, React, React Full, Svelte. Deployed on Cloudflare Pages.
bootstrap headlessui javascript jquery jquery-ui lighthouse pinia postcss react react-redux react-router react-transition-group rendering svelte sveltekit tailwindcss typescript vite vue vue-router
Last synced: 15 Jan 2025
https://github.com/rafaeldevvv/dictionary-web-app
A dictionary app to look up words
dictionary nextjs postcss prettier react tailwindcss typescript
Last synced: 27 Dec 2024
https://github.com/magnateape/svelte-gpt-integration
chatgpt gpt postcss svelte tailwindcss
Last synced: 28 Jan 2025
