Functional building blocks for your webpack config: easier way to configure webpack and to share configuration between projects.Ready to use blocks to configure popular tools like Babel, PostCSS, Sass, TypeScript, etc., as well as best practices like extracting CSS — all with just one line of configuration.
webpack webpack-blocks babel postcss typescriptStart writing an app with a single .js file, Poi could handle all the development setups for you, no more configuration hell.Note: You need to install react react-dom and run Poi with --jsx react flag. For convenience, here's also poi-preset-react which adds both React JSX and React HMR support.
webpack build-tool bundle vuejs react preact vue svelte typescript babel postcssPostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Taobao.Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the interactive demo of Autoprefixer.
css postcss-plugins prefixer autoprefixer prefix postcss postcss-pluginPostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.PostCSS is used by industry leaders including Wikipedia, Twitter, Alibaba, and JetBrains. The Autoprefixer PostCSS plugin is one of the most popular CSS processors.
postcss css parser ast framework rework preprocessor source-map transform manipulation transpilerYou can read more about common PostCSS Config here.You can use different postcss.config.js files in different directories. Config lookup starts from path.dirname(file) and walks the file tree upwards until a config file is found.
css postcss postcss-runner webpack webpack-loaderEvery CSS project starts out with good intentions, but inevitably, one too many people eye-dropper colors into nooks and crannies that you never knew existed. CSS Colorguard helps you maintain the color set that you want, and warns you when colors you've added are too similar to ones that already exist. Naturally, it's all configurable to your tastes. Colorguard uses the CIEDE2000 algorithm to determine the similarity of each of the colors in your CSS file. This algorithm is quite complex, but is used in the broadcasting community as the best approximation of human ability to discern differences in color. RGB on the other hand, is pretty bad at representing differences in color purely based on the numerical difference of the hex values.
css colors lint csslint postcss postcss-pluginPaste or drop code into the editor and inspect the generated AST. Run yarn run build for the final minimized version. Run yarn run watch for incremental builds.
ast-explorer parser ast jscodeshift babel postcssFont Magician is a PostCSS plugin that magically generates all of your @font-face rules. Never write a @font-face rule again. Just use the font and font-family properties as if they were magic.
postcss css postcss-plugin fonts faces generate generation weights styles variants typography typePreCSS lets you use Sass-like markup and staged CSS features in CSS. PreCSS combines Sass-like syntactical sugar — like variables, conditionals, and iterators — with emerging CSS features — like color functions, logical and custom properties, media query ranges, and image sets.
postcss css postcss-plugin sass scss variables conditionals iterations iterators iterables iterate contents eaches elses fors ifs includes imports medias queries query mixins defaults functions colors customs dirs system-ui image-set logical properties blocks inlines starts ends any-link font-variant overflow-wrap caniuseA wonderfull boilerplate for Flux/ReactJS universal applications, running on koajs. Koa will be our server for the server side rendering, we use alt for our Flux architecture and react-router for routing in our app.
react flux alt iso isomorphic spa ssr koa webpack jsx es6 babel postcss precss eslint react-router react-transform-hmr react-transform hot-loader async server generator es7 i18n intlPostCSS plugin to use tomorrow’s CSS syntax, today. PostCSS-cssnext is a PostCSS plugin that helps you to use the latest CSS syntax today. It transforms CSS specs into more compatible CSS so you don’t need to wait for browser support.
postcss css cssnext postcss-plugins postcss-plugin w3cBetter default colors for the web. A collection of skin classes for faster prototyping and nicer looking sites. The built CSS is located in the css directory. It contains an unminified and minified version. You can either cut and paste that css or link to it directly in your html.
colors design a11y postcss palette css oocssFunctional css for humans. Quickly build and design new UI without writing css.
css html design design-systems design-patterns design-tools responsive-design frontend functional-css oocss postcss responsive performanceCSS the way it was imagined. Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It's like a CSS polyfill.
preprocessor pre-processor postprocessor post-processor rework css pure autoprefixer postcss sass less stylus style gradients variables media-queries calc prefixesRelay Fullstack is a Relay scaffolding application that aims to help you get up and running a project without worrying about integrating tools. It comes with many modern technologies; Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS. Relay Fullstack is also using Hot-reload to real time update the screen whenever any code changes. Check out the Live demo on Heroku.
react relay graphql nodejs yeoman scaffolding boilerplate express es6 es7 jsx webpack babel material-design-lite postcss fullstackA PostCSS plugin to use CSS Modules everywhere. Not only at the client side. getJSON may also return a Promise.
postcss css postcss-plugin modules css-modules componentsPostCSS Preset Env lets you convert modern CSS into something most browsers can understand, determining the polyfills you need based on your targeted browsers or runtime environments. Without any configuration options, PostCSS Preset Env enables Stage 2 features and supports all browsers.
postcss css postcss-plugin specifications specs features lists stages w3c csswg future nextRTLCSS is a framework for converting Left-To-Right (LTR) Cascading Style Sheets(CSS) to Right-To-Left (RTL). Have a bug or a feature request? please feel free to open a new issue .
rtlcss cascading-style-sheets ltr rtl css css3 i18n mirror flip right-to-left left-to-right postcss-plugin postcss framework style convert transformA modular minifier, built on top of the PostCSS ecosystem. cssnano is a modern, modular compression tool written on top of the PostCSS ecosystem, which allows us to use a lot of powerful features in order to compact CSS appropriately.
postcssConcise CSS is a lightweight CSS framework that provides a number of great features without the bloat. Concise CSS provides a solid foundation to stylize your website. It offers an alternative to frameworks like Bootstrap and Foundation, with the difference that Concise only includes the minimum styles required. That does not mean that the features are limited; is possible to use add-ons on top of the core to extend the functionality as required.
css framework postcss sass design minimalist scss mobile-first responsive front-end web lightweight
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.