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-22 00:24:16 UTC
- JSON Representation
https://github.com/the-holocron/stormtrooper
The clone soldier.
alex babel browserslist carbon commitlint es eslint jest lint-staged markdownlint postcss scss semantic-release semver storybook stylelint template webpack
Last synced: 21 Nov 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/dalbitresb12/postcss-url-append
PostCSS plugin to append a raw block of CSS from a URL.
Last synced: 21 Nov 2024
https://github.com/richardcyrus/devchallenges-button-component
Solution for the Button component challenge from Devchallenges.io.
postcss reactjs testing-library typescript vitejs vitest
Last synced: 21 Nov 2024
https://github.com/faizan-ali/workamerica-website-2017
Latest iteration of the WorkAmerica website at www.workamerica.co
babel bootstrap-4 postcss reactjs webpack
Last synced: 21 Nov 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: 07 Dec 2024
https://github.com/ambar/docz-plugin-style
PostCSS Preset Env + CSS Modlues
Last synced: 02 Jan 2025
https://github.com/gespinha/postcss-spacer
PostCSS plugin for normalising spaces between lines on your stylesheets.
css plugin postcss postcss-modules postcss-plugin
Last synced: 30 Nov 2024
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/beraliv/tda-mz-netlify-cms
Netlify CMS + Netlify + React
material-ui netlify netlify-cms postcss react react-helmet
Last synced: 25 Nov 2024
https://github.com/yakovlev-alexey/next-pcss
Import global `.pcss` files in your Next.js project.
Last synced: 18 Dec 2024
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 Nov 2024
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: 07 Dec 2024
https://github.com/vandodev/gerenciador-de-habitos
Gerenciador de hábitos com Next
eslint nextjs postcss tailwindcss typescript vercel-kv
Last synced: 07 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 Nov 2024
https://github.com/zyloxweeb/my-website
Questo progetto è un sito di presentazione personale realizzato con React, Express, e MongoDB. Il sito include una homepage, una pagina "About", una sezione per i progetti e un modulo di contatto. Utilizza `react-router-dom` per la navigazione e `axios` per le richieste HTTP, con uno stile moderno grazie a CSS e Tailwind CSS.
css javascript postcss tailwindcss
Last synced: 27 Dec 2024
https://github.com/ranitmanik/frontend-app-starter-template
A React starter template with Vite, React, Tailwind, and Prettier to assist in building dynamic web applications that adhere to community standards
eslint-plugin javascript nodejs postcss react react-vite tailwindcss typescript vite vite-react-typescript
Last synced: 27 Dec 2024
https://github.com/mirzobox/tic-tac-toe-selfmade
Tic, Tac, Toe game. Used min-max algorithm.
daisyui html javascript js-modules min-max-algorithm postcss tailwindcss vitejs
Last synced: 21 Jan 2025
https://github.com/davismz09/proyecto-grado-angie-flores
Página estática referente al proyecto de grado de Angie Flores
autofixer gh-pages js postcss react swiper-js tailwindcss
Last synced: 10 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 Nov 2024
https://github.com/bntzio/aguayo-frontend-test
Página web con responsive design (mobile first)
Last synced: 30 Dec 2024
https://github.com/condesaheki/cmb
A Svelte-based web app to provide an interactive platform for cmb community
autoprefixer brazil community daisyui mapping osu postcss svelte sveltekit tailwindcss typescript
Last synced: 29 Nov 2024
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/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: 07 Dec 2024
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: 01 Dec 2024
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: 01 Dec 2024
https://github.com/winston0410/postcss-sparrow-units-filter
A PostCSS Sparrow plugin that helps you search CSS declarations by units.
Last synced: 15 Dec 2024
https://github.com/vs0uz4/movie-search
Aplicação Desenvolvida no Curso de SvelteJS
javascript jest postcss purgecss svelte tailwindcss testing-library tmdb-api
Last synced: 07 Jan 2025
https://github.com/antonio-laguna/demo-postcss
Usando PostCSS como alternativa a Sass
Last synced: 28 Dec 2024
https://github.com/barraponto/neutrino-preset-postcss-cssnext
cssnext support in Neutrino.
cssnext neutrino neutrino-preset postcss
Last synced: 22 Nov 2024
https://github.com/straw-hat-team/nextjs-starter-kit
Our NextJS starter kit project
nextjs nodejs postcss reactjs starter-kit straw-hat straw-hat-platform tailwindcss
Last synced: 01 Dec 2024
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 Nov 2024
https://github.com/shubhadip/react-vite-component-library
Template to create component library with ReactJs, Typescript, Tailwind, Vite, Playwright, Storybook.
commitlint component-library javascript library postcss reactjs semantic-release storybook tailwind tailwindcss template typescript vite vitejs
Last synced: 01 Dec 2024
https://github.com/jvidalv/parcel2-tailwind-preact-typescript-example-2021
Example project that bundles Parcel 2 +Tailwind/jit + Preact + TypeScript.
parcel postcss preact tailwind tutorials typescript
Last synced: 29 Nov 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
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 Nov 2024
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: 22 Dec 2024
https://github.com/frolov-andrey2405/finvista
Modern Banking Aesthetics Repository
autoprefixer css html js postcss react tailwindcss vitejs
Last synced: 14 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/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/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/eugenepokalyuk/vue-skateboarding
SkateHut was established in 2007 by Mark Johansen-Berg following a family holiday to Florida with his wife and three sons. When his eldest son spotted a pair of Heelys in one of the theme parks, he just had to have a pair! Upon arriving back to the UK, they realised that Heelys were nowhere to be seen.
postcss tailwind vite vue-router4 vue3
Last synced: 27 Dec 2024
https://github.com/niallobrien/asset-pipeline-tailwind
Drop-in asset pipeline for TailwindCSS
asset-pipeline cssnext es2015 jquery laravel-mix postcss tailwindcss webpack
Last synced: 10 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/connectkushal/cssnotes
Revision notes for css, sass and tools to work on them. Also notes on bulma and bootstrap5.
bootstrap5 bulma bulma-css bulma-css-framework css css-flexbox css-grid css3 postcss sass sass-framework vite
Last synced: 06 Dec 2024
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/maratdev/next-movie
🎦 Watch anime online
nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript
Last synced: 27 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: 27 Nov 2024
https://github.com/yash-jivani/heritage-detection
Heritage image Detection UI
css es6 html javascript postcss react tailwindcss
Last synced: 22 Dec 2024
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: 22 Dec 2024
https://github.com/yash-jivani/bookmarkweb
Bookmark website UI
css html node npm postcss tailwindcss
Last synced: 22 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/mouhametnd/ecommerce-product
This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js
bem-methodology gulpjs html javascript localstorage postcss scss
Last synced: 17 Jan 2025
https://github.com/ntonbala/signup-module
Syntech Test Task
classnames gsap jest postcss react-redux react-router-v5 react-select react-transition-group react-v16 red redux redux-form
Last synced: 27 Nov 2024
https://github.com/juborajsujon/fix-nexus-client
FixNexus - User can Booked Service and Manage Services and service provider also Added service, update service, view details service and ordered service can update status.
autoprefixer axios daisyui firebase lottie-react postcss react react-datepicker react-helmet-async react-hook-form react-loader-spinner react-markdown react-router-dom react-simple-typewriter react-toastify sweetalert2 tailwindcss
Last synced: 08 Dec 2024
https://github.com/mrhidalgo/vanillajavascript
Effortlessly initiate a high-performance Vanilla JavaScript web application, SPA, or website. Equipped with JavaScript, Tailwind CSS, ESLint, Vite, and more, this setup enables you to start development in moments—sidestepping the typical complexities of environment setup.
bootstrap browserlist css eslint html javascript js postcss prettier responsive scss starter tailwindcss vitejs
Last synced: 08 Dec 2024
https://github.com/juborajsujon/textile-art-client
Textile Art - This website user can find the most valuable 6 category textile art craft items and they can create craft item product card for selling purpose.
animatecss aos autoprefixer daisyui eslint eslint-plugin firebase lottie-react postcss react-helmet-async react-hook-form react-icons react-router-dom react-scroll-trigger react-simple-typewriter react-toastify sweetalert2 tailwindcss tsparticles vite
Last synced: 08 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/samuelribeiroo/lunnaris
A modern landing page for AI-based software as as service.
framer-motion lucide-icons next-14 postcss tailwindcss
Last synced: 28 Nov 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/charistheo/webpack-media-split
A simple example that splits CSS based on media queries used and generates separate files using Webpack. Those CSS files are then lazy loaded depending on screen width.
css lazy-loading mediaqueries postcss webpack
Last synced: 14 Dec 2024
https://github.com/rqbazan/wbn-challenge
github-actions nextjs now-sh postcss storybook tailwindcss
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/denis-axenov/webpack-typescript-boilerplate
🚀 Webpack TypeScript Boilerplate: A starter project with Webpack 5, TypeScript, SCSS, ESLint, Stylelint, and Jest for testing. 🚀 Includes PostCSS, CSSnano, and Autoprefixer for optimization.
autoprefixer cssnano eslint jest postcss scss stylelint typescript webpack webpack5
Last synced: 08 Dec 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/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/ansarkmemon/wordpress-sass-hmr-webpack-boilerplate
Boilerplate for WordPress Theme development workflow with webpack, sass, hmr and browsersync
hot-module-replacement postcss sass sass-loader webpack3 wordpress wordpress-boilerplate wordpress-development
Last synced: 21 Jan 2025
https://github.com/blackoutseeker/felips-rfe
My Final Internship Report in website format
eslint nextjs postcss prettier reactjs tailwindcss typescript
Last synced: 28 Nov 2024
https://github.com/fsmaiorano/entity-frameworkcore-boilerplate
:computer: A boilerplate to configure a Entity FrameworkCore correctly.
csharp entity-framework-core migrations netcore2 node-sass npm-scripts postcss
Last synced: 22 Dec 2024
https://github.com/morzhanov/react-ts-boilerplate
React + TypeScript Boilerplate allows you to start new web project from scratch using React, TypeScript, Mobx-State-Tree, Mobx and Styled components.
eslint hmr mobx mobx-state-tree mst postcss prettier react react-router-v4 scss styled-components typescript webpack4
Last synced: 30 Dec 2024
https://github.com/neetjn/metatube-landing
Landing page for metatube project using Riot.js 4 and Tailwind CSS.
css html javascript landing-page media metatube postcss riot tailwind tailwindcss video youtube
Last synced: 15 Dec 2024
https://github.com/andreivictor/webpack-starter
A starter frontend boilerplate using Webpack 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.
babel babel7 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate
Last synced: 02 Dec 2024
https://github.com/morzhanov/react-flow-boilerplate
React Flow Boilerplate allows you to start new web project from scratch using React and Flow.
babel css eslint flow javascript mobx mobx-react mobx-state-tree mst postcss prettier react react-router-v4 sass scss styled-components webpack
Last synced: 30 Dec 2024
https://github.com/rc6799/vue-sell-car
Flutter Buy Sell
axios postcss sass tailwindcss vue3
Last synced: 07 Jan 2025
https://github.com/ahmadkdev/vite-vanilla-starter
A minimal, fast, and customizable starter template for vanilla JavaScript projects, using Vite.
boilerplate bundler css eslint front-end frontend html javascript js postcss prettier starter template vanilla vanilla-javascript vite web
Last synced: 03 Jan 2025
https://github.com/marlon-couto/bootstrap-vanillajs-starter
Um template para desenvolvimento de sites rapidamente.
handlebars html javascript postcss sass vite
Last synced: 22 Dec 2024
https://github.com/marlon-couto/marlon-couto.github.io
Meu portfólio pessoal criado com Astro, TypeScript e Bootstrap.
astro autoprefixer bootstrap developer-portfolio postcss scss typescript
Last synced: 22 Dec 2024
https://github.com/damir-sijakovic/gulp_postcss
Gulp, PostCSS and BrowserSync Example
Last synced: 02 Dec 2024
https://github.com/osamamammar/calculator
🧮 JS practice project from (The Odin Project). calculator
css html javascript postcss pugjs theodinproject
Last synced: 05 Dec 2024
https://github.com/sthzg/codesandbox-tailwind-playground
Tailwind playgound running locally and on codesandbox.io.
csa-template hmr playground postcss snowpack tailwindcss
Last synced: 28 Nov 2024
https://github.com/edixonalberto/template-sass
Template for creating websites using Sass
autoprefixer html portfolio postcss sass sass-autoprefixer template
Last synced: 17 Jan 2025
https://github.com/devbluecomet/quiz-game
A quiz/trivia game with different modes and categories that you can select, as well as wildcards to help you. The questions are generated by artificial intelligence using the Cohere API.
eslint javascript postcss react tailwindcss
Last synced: 02 Dec 2024
https://github.com/zeuz8/nextjs-starter
Welcome to the "nextjs-starter" repository! 🚀 This is a comprehensive starter template for kickstarting my Next.js projects. exploring the capabilities of Next.js, this starter provides a solid foundation with best practices in mind.
eslint nextjs nodejs postcss tailwindcss typescript
Last synced: 03 Dec 2024
