We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules
react-flexbox-grid is a set of React components that implement flexboxgrid.css. It even has an optional support for CSS Modules with some extra configuration.react-flexbox-grid imports the styles from flexboxgrid, that's why we're configuring the loader for it.
css-modules flexbox-grid react-components flexbox grid react react-componentcss-blocks - High performance, maintainable stylesheets.
CSS Blocks is an ergonomic, component-oriented CSS authoring system that compiles to high-performance stylesheets. By combining an opinionated authoring system, build-time analysis and rewriting of templates, and a new type of CSS optimizer, css-blocks breathes new power and ease of use into the technologies and best practices that stylesheet developers already know and love.
css css-modules sassbabel-plugin-react-css-modules - Transforms styleName to className using compile time CSS module resolution
Transforms styleName to className using compile time CSS module resolution. In contrast to react-css-modules, babel-plugin-react-css-modules has a lot smaller performance overhead (0-10% vs +50%; see Performance) and a lot smaller size footprint (less than 2kb vs 17kb react-css-modules + lodash dependency).
css-modules react babel-pluginmicron - a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power
Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript. Micron.JS is easy to adapt and can bring interactions to life using html5 data attributes or a chain of JavaScript methods.
js javascript-library css css3 css-animations css-modules animation micron micronjs micro-interaction microinteraction-library micro-interaction-css micro-interaction-js interaction-js ui-interaction-jsreact-toolbox - A set of React components implementing Google's Material Design specification with the power of CSS Modules
React Toolbox uses CSS Modules by default to import stylesheets written using PostCSS & postcss-preset-env features. In case you want to import the components already bundled with CSS, your module bundler should be able to require these PostCSS modules. Although we recommend webpack, you are free to use whatever module bundler you want as long as it can compile and require PostCSS files located in your node_modules. If you are experiencing require errors, make sure your configuration satisfies this requirement.
material-design react ui-kits css-modules components react-component toolkitmust-watch-css - A useful list of must-watch talks about CSS
This is a collection of well-received talks about CSS, covering topics such as CSS frameworks, Sass, SVG, animation, scalability, CSS performance, tooling, mobile tips, and more. Like JavaScript? Check out Must-Watch JavaScript! For other great lists check out @sindresorhus's curated list of awesome lists.
css css-framework css-performance css-grid css-layout css-variables css-modules cssconf jsconf dotcss conference-talk talks videos awesome awesome-listpostcss-modules - PostCSS plugin to use CSS Modules everywhere
A 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 componentsreact-redux-starter-kit - My best-practices-included universal frontend starter kit
Web application starter kit.
react redux css-modules startermacos-web
I've always been very fascinated with macOS, and have never owned a Mac/book. So I'm making the most beautiful aspect of macOS, it's desktop, myself. For web. Inspired from WinXP. Sure, open an issue, point out errors, and what not. Wanna fix something yourselves, you're welcome to open a PR and I appreciate it.
css html typescript web preact css-modules desktop html-css-javascript vite bigsurmacos-preact
I've always been very fascinated with macOS, and have never owned a Mac/book. So I'm making the most beautiful aspect of macOS, it's desktop, myself. For web. Inspired from WinXP. Sure, open an issue, point out errors, and what not. Wanna fix something yourselves, you're welcome to open a PR and I appreciate it.
css html typescript web preact css-modules desktop html-css-javascript vite bigsurpreact-boilerplate - :guitar: Ready-to-rock Preact starter project, powered by Webpack.
Ready-to-go Preact starter project powered by webpack.
preact webpack development-workflow css-modules boilerplate pwareact-css-themr - Easy theming and composition for CSS Modules.
Easy theming and composition for CSS Modules. Note: Feedback and contributions on the docs are highly appreciated.
theming react css-modules themr react-toolbox customization react-css-themrreact-css-components - Define React presentational components with CSS
Define React presentational components with CSS (or even SASS or Less if you like). The implementation is based on CSS modules. In fact React CSS Components is just a thin API on top of CSS modules.
css-in-js react webpack css-modules react-dom css postcss postcss-plugin webpack-loaderreact-native-style-tachyons - Better styling for React Native
React Native Style Tachyons brings functional styling to react-native. It is inspired by Tachyons and uses it's scales and naming convention. More about the advantages of this approach. Of course you can use your old styles along tachyons' classes.
react-native stylesheet responsive typography android ios react css-modules css style mobile performance designcsjs - :sparkles: Modular, scoped CSS with ES6
CSJS allows you to write modular, scoped CSS with valid JavaScript. CSJS runs in ES6 environments without transpilation, compilation, or build steps (including Node 4+ and latest stable Chrome/Firefox/Safari/Edge).
css-modules csjs css-in-js scoped-css modular-css cssredux-webpack-es6-boilerplate - A starter project for modern React apps with Redux
Note: If you still want to use a previous version, please checkout old-original-structure branch. A boilerplate using the power and simplicity of React, Redux, Webpack 2 + HMR, and ES6 + JSX via Babel. Includes Webpack's Tree Shaking configuration. It's suitable for scalable applications and organized using the custom variation of the Ducks pattern — approach when each module's entry file (feature-name.js) contains all of its related constants, actions/action creators, selectors and its reducer.
react boilerplate react-boilerplate redux redux-boilerplate webpack2 react-router flow tdd-workflow tdd sentry static-types css-modules sass redux-devtools starter-kit starter-template starter-react es6 hmr hot babel webpack architecture webpack-dev-middleware webpack-hot-middleware starterbabel-plugin-webpack-loaders - babel 6 plugin which allows to use webpack loaders
Since plugin was published, there were a lot of changes in testing software. Be sure in most(all) cases you DON'T need this plugin for testing. I highly recommend you to use jest for testing, and use moduleNameMapper (identity-obj-proxy, etc) to mock CSS-Modules and other webpack loaders. This Babel 6 plugin allows you to use webpack loaders in Babel. It's now easy to run universal apps on the server without additional build steps, to create libraries as usual with babel src --out-dir lib command, to run tests without mocking-prebuilding source code. It just replaces require - import statements with webpack loaders results. Take a look at this Babel build output diff to get the idea.
babel webpack loader css-modules css-loaderaugur-ui - Augur UI
Augur is a decentralized prediction market platform built on Ethereum. It runs locally in your browser and communicates directly with the ethereum network, without going through intermediate servers. After putting in your passphrase you will get your address. You can get your secret/private key and import into metamask and connect to augur UI. Location of keystore file depends on os. ie. ~/Library/Ethereum/rinkeby/keystore/<'UTC--timestamp--account hash'>. This file can be used to extract private key. Instructions are beyond the scope of this readme.
ethereum react redux ui webpack webpack3 css-modules bemsheetify - :sparkles: Modular CSS bundler for browserify
Modular CSS bundler for browserify. Works with npm modules like browserify does. Sheetify is very good for namespacing static css assets in your javaScript code. Currently there is no support for dynamic variables within sheetify, however you could achieve this by setting the inline style property of an element.
modular css bundle browserify css-modulescss-modules-require-hook - A require hook to compile CSS Modules in runtime
The require hook compiles CSS Modules in runtime. This is similar to Babel's babel/register. See the example: demo. A CSS Module is a CSS file in which all class names and animation names are scoped locally by default. Learn more in the article CSS Modules - Welcome to the Future by Glen Maddern.
css-modules require hook
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.
