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: 2024-11-15 00:23:00 UTC
- JSON Representation
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: 08 Nov 2024
https://github.com/hoangnguyen77/interior-construction-quotation-fe
The frontend for interior construction quotation platform
html-css-javascript postcss reactjs scss tailwindcss vitejs
Last synced: 07 Nov 2024
https://github.com/eliasjuk/palpitebox
✔️ PalpiteBox
api google-api javascript nextjs nodejs postcss react tailwindcss
Last synced: 10 Nov 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: 07 Nov 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/bntzio/aguayo-frontend-test
Página web con responsive design (mobile first)
Last synced: 08 Nov 2024
https://github.com/ulyanov-programmer/formstepbystep
css form grunt html js just-validate postcss step-by-step
Last synced: 07 Nov 2024
https://github.com/om-corp/porto-challenge-next
Challenge da Porto Seguro com next.js
next nextjs postcss react reactjs tailwind tailwind-css tailwindcss
Last synced: 16 Nov 2024
https://github.com/cyansalt/postcss-transform-decl
Transform any declarations with custom rules
Last synced: 09 Nov 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: 07 Nov 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: 07 Nov 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: 07 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: 07 Nov 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: 07 Nov 2024
https://github.com/leomssilva/cineflix
:clapper: :computer: :iphone: This project is about a website that lists movies.
autoprefixer commitizen commitlint eslint firebase-hosting husky javascript lintstaged phosphor-react postcss prettier reactjs tailwindcss typescript vite
Last synced: 08 Nov 2024
https://github.com/celthros/simple-tailwind-post-webpack
Fist time utilizing and creating a simple webpack and post css tool to install and ready to use kit for development.
configuration postcss tailwindcss webpack
Last synced: 07 Nov 2024
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: 08 Nov 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: 07 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: 07 Nov 2024
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: 08 Nov 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: 06 Nov 2024
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: 07 Nov 2024
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: 07 Nov 2024
https://github.com/rajdee/postcss-autoimport
PostCSS plugin for automatically import global dependencies.
global import postcss postcss-plugin
Last synced: 07 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: 07 Nov 2024
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: 07 Nov 2024
https://github.com/koole/centrale-v1
🔥 dekoolecentrale.nl
postcss threejs typescript webpack
Last synced: 10 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: 07 Nov 2024
https://github.com/guptabhaskar/nextjs-boilerplate
Boilerplate and Starter for Next JS 13+, Tailwind CSS 3.2.4 and TypeScript
eslint eslint-config husky nextjs nextjs-boilerplate nextjs-starter postcss postgresql prettier sequelize sequelize-orm tailwindcss typescript
Last synced: 26 Sep 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 Nov 2024
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 Nov 2024
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 Nov 2024
https://github.com/maratdev/next-movie
🎦 Watch anime online
nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript
Last synced: 07 Nov 2024
https://github.com/fabdoc27/hirego-template
Fully responsive Tailwind template.
autoprefixer postcss responsive-design tailwindcss
Last synced: 07 Nov 2024
https://github.com/ravesjs/coin-tracker
track your portfolio no-auth
antd atomic-router css-modules effector farfetched feature-sliced-design javascript normalize-css postcss react scss typescript webpack
Last synced: 07 Nov 2024
https://github.com/alexandrecpedro/spacetime
Time Capsule platform for web and mobile - NLW Spacetime
cors expo fastify figma google-fonts ignite-rocketseat lucide-icons nextjs nodejs postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript
Last synced: 09 Nov 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/mahdita97/machex
Machex (A React Chrome Extension Boilerplate)
chrome chrome-extension chrome-extensions manifest manifest-v3 manifestv3 postcss postcss-loader prettier react react-hot-loader reactjs tailwindcss tailwindcss-v3 ts tslint typescript webpack webpack-dev-server webpack5
Last synced: 15 Nov 2024
https://github.com/snenenenenenene/tailwind-appuniversum
A component library tailwind-based on the @appuniverse/webuniverse libraries
component-library ember flanders postcss tailwindcss
Last synced: 31 Oct 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: 15 Oct 2024
https://github.com/denis-axenov/webpack-boilerplate
🚀 Webpack Boilerplate — starter with Webpack 5, SCSS, ESLint, Stylelint, SWC for ⚡ faster JS builds, and Jest for testing. Includes PostCSS, CSSnano, and Autoprefixer for optimization.
autoprefixer cssnano eslint jest postcss scss stylelint swc webpack webpack5
Last synced: 31 Oct 2024
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: 14 Nov 2024
https://github.com/sabinacristea/pomodoro-app
React Responsive Pomodoro App with change of fonts and colors
postcss reactjs tailwindcss vitejs
Last synced: 07 Nov 2024
https://github.com/abhich21/memory-game
a basic number pair memory game
postcss react-dom reactjs tailwindcss vitejs
Last synced: 09 Nov 2024
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: 07 Nov 2024
https://github.com/wvbe/dirty_deno_slapper
A Deno module that slaps your TS/CSS source together
Last synced: 07 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: 07 Nov 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: 07 Nov 2024
https://github.com/vasquez-esteban/next-init
Next 14 Init Project
eslint nextjs14 postcss prettier react tailwindcss typescript
Last synced: 07 Nov 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: 07 Nov 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: 07 Nov 2024
https://github.com/andrepolischuk/react-mobx-state-tree-example
An example of React MobX state tree async application
example example-app mobx-state-tree postcss react
Last synced: 09 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: 07 Nov 2024
https://github.com/andrepolischuk/deku-redux-example
An example of Deku Redux async application
deku deku-redux example example-app postcss redux
Last synced: 09 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/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: 15 Oct 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: 14 Nov 2024
https://github.com/jondotsoy/equip-resources-basestyles
Shared resources for component implementation.
Last synced: 13 Oct 2024
https://github.com/efiand/device
Интернет-магазин гаджетов.
bem favicons gulp portfolio-project postcss posthtml range-slider sprite webpack
Last synced: 14 Nov 2024
https://github.com/efiand/vue3-boilerplate
Стартовый шаблон для разработки SPA.
boilerplate css-icons eslint pinia portfolio-project postcss prettier stylelint vite
Last synced: 14 Nov 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/efiand/anne-blog
Образцы страниц блога копирайтера.
a11y bem gulp image-optimization pixelperfect postcss retinal-images stylelint w3c-validation
Last synced: 14 Nov 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/efiand/cooknote
Кулинарная книга с возможностью добавления и редактирования рецептов. Визуальный редактор, категории, разделы
a11y admin-panel commercial design eslint fastify favicons nodejs portfolio-project postcss postgresql semantics stylelint sveltekit
Last synced: 14 Nov 2024
https://github.com/efiand/vue-form-multistep
Форма из нескольких шагов-роутов на Vue, pinia, vuelidate. Typescript, scss, vite
eslint pinia portfolio-project postcss stylelint vite
Last synced: 14 Nov 2024
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: 14 Nov 2024
https://github.com/efiand/pineglade-app
Engine for launching and assembling small and medium-sized sites.
bem-linter boilerplate eslint fastify lintspaces markdownlint postcss sprite squoosh stylelint svelte-routing svelte-ssr svgo w3c-validation webpack
Last synced: 14 Nov 2024
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: 14 Nov 2024
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: 14 Nov 2024
https://github.com/efiand/wfl
Лендинг музыкального альбома. Демонстрация плейлиста на Web Audio API
a11y bem eslint favicons gulp image-optimization mobile-first opengraph pixelperfect portfolio-project postcss posthtml progressive-enhancement semantics sprite stylelint vanilla-js webp webpack
Last synced: 14 Nov 2024
https://github.com/vlad-moskalenko/carshop-next.js
axios next postcss react react-dom tailwindcss typescript
Last synced: 15 Nov 2024
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: 14 Nov 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: 10 Nov 2024
https://github.com/jessekoldewijn/qwik.jkinsight.nl
A very Qwik website right?
postcss qwik qwik-city tailwindcss typescript
Last synced: 13 Nov 2024
https://github.com/aleksandrpolishchuk/ticketierapp
Frontend part of App for sell tickets
nextjs13 postcss react tailwindcss typescript
Last synced: 09 Nov 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: 10 Nov 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/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/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/takayyz/graphql-training
GraphQLの学習用
docker graphql graphql-yoga posgresql postcss pothos prisma tailwindcss ts-node-dev typescript
Last synced: 07 Nov 2024
https://github.com/hrfmmymt/react-babel-webpack
axios babel javascript postcss react-router reactjs superagent webpack2
Last synced: 17 Nov 2024
https://github.com/morevm/postcss-specificity-decorator
PostCSS plugin to increase the specificity of selectors
css postcss postcss-plugin specificity
Last synced: 09 Nov 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: 09 Nov 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: 09 Nov 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: 07 Nov 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: 07 Nov 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
