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/blackoutseeker/felips-rfe
My Final Internship Report in website format
eslint nextjs postcss prettier reactjs tailwindcss typescript
Last synced: 14 Oct 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: 08 Nov 2024
https://github.com/p10ns11y/peramsathyam
poems and blogs
fly postcss reactjs remix-run stately tailwindcss xstate
Last synced: 08 Nov 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: 08 Nov 2024
https://github.com/dbish6/open_weather_app
This weather app utilizes the powerful Open Weather API and delivers real-time weather information for cities all around the world!
Last synced: 14 Oct 2024
https://github.com/eliasjuk/palpitebox
✔️ PalpiteBox
api google-api javascript nextjs nodejs postcss react tailwindcss
Last synced: 10 Nov 2024
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 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
https://github.com/bntzio/aguayo-frontend-test
Página web con responsive design (mobile first)
Last synced: 08 Nov 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/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/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/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/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/studioalex/postcss-fontify
postcss-fontify is a lightweight PostCSS plugin that generates font-related CSS properties and declarations, saving you time and effort in your stylesheet development.
font fonts plugin postcss variable-fonts
Last synced: 12 Oct 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: 29 Oct 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/jsimck/postcss-webpack-plugin
A webpack plugin to process generated assets with PostCSS with support for webpack 5 filesystem cache.
cache filesystem loader pipeline plugin postcss postcss-loader webpack webpack-plugin
Last synced: 17 Oct 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/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: 11 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/ezavile/react-ts
Start your project using React, TypeScript and PostCSS
postcss react typescript webpack
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/mikaelvesavuori/gulp4-boilerplate
Boilerplate for Gulp 4.
babel-es6 boilerplate gulp postcss sass
Last synced: 16 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/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/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/koole/centrale-v1
🔥 dekoolecentrale.nl
postcss threejs typescript webpack
Last synced: 10 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: 27 Oct 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/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/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/zgreen/postcss-shared-values
A PostCSS plugin that allows for a comma-separated shorthand for properties that share the same value.
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: 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/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/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/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: 07 Nov 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/tobua/postcss-tags-without-class
Make HTML Tags Opt Out-Able When Adding a Class
Last synced: 15 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/stardust-configs/postcss-config
Shareable PostCSS config
Last synced: 16 Nov 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/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/abhich21/memory-game
a basic number pair memory game
postcss react-dom reactjs tailwindcss vitejs
Last synced: 09 Nov 2024
https://github.com/muasa-harman/online-shopping-app
This Next.js project with React 18 features TailwindCSS for styling, Prisma for database management, and React Query for state management. It uses Radix UI for UI components, Framer Motion for animations, and integrates Stripe for payments. Development tools include TypeScript, ESLint, and PostCSS.
eslint framer-motion postcss postgresql prisma radix-ui react-query tailwindcss typescript
Last synced: 31 Oct 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/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/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/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/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/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/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/maratdev/next-movie
🎦 Watch anime online
nextjs postcss react-query reduxjs-toolkit skeleton tailwind typescript
Last synced: 07 Nov 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/fabdoc27/hirego-template
Fully responsive Tailwind template.
autoprefixer postcss responsive-design tailwindcss
Last synced: 07 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/scrum/postcss-envariables
PostCss plugin to use environment variables in CSS
css env envariables postcss postcss-plugin webpack4
Last synced: 17 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/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/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/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/vasquez-esteban/astro-init
Initialized Astro Project with Tailwind, Typescript, Linting and Formatting support.
astro eslint eslint-config postcss prettier tailwindcss typescript
Last synced: 07 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/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/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/pascalduez/eleventy-css
11ty css css-modules eleventy postcss stylesheets
Last synced: 17 Oct 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/daniguardiola/postcss-local-keyframes
PostCSS plugin that makes animations local.
animation css keyframes postcss postcss-plugin
Last synced: 31 Oct 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/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/snenenenenenene/ember-postcss-sass-tailwind-template
ember embroider postcss tailwindcss template
Last synced: 31 Oct 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