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.
glamorous - 💄 Maintainable CSS with React
With the release of glamorous-primitives, now you can use glamorous with react-sketchapp to manage design systems and use React components for designs.You can find documentation and related examples here.
css-in-js glamor react styled-components glamorous css cssinjs jsxstyleaphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
Support for colocating your styles with your JavaScript component.If you'd rather watch introductory videos, you can find them here.
css aphrodite css-in-js react inline-stylesreact-with-styles - Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation
Use CSS-in-JavaScript for your React components without being tightly coupled to one implementation (e.g. Aphrodite, Radium, or React Native). Easily access shared theme information (e.g. colors, fonts) when defining your styles.Create a module that exports an object with shared theme information like colors.
react css css-in-js styles aphrodite radium inline nativereact-animations - A collection of animations for inline style libraries
A collection of animations that can be used with any inline style library that supports using objects to define keyframe animations, such as Radium or Aphrodite. React-animations implements all animations from animate.css.Check out the interactive demo.
react-animations animation react radium css-in-jsstyled-jsx - Full CSS support for JSX without compromises
Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client).Code and docs are for v2 which we highly recommend you to try. Looking for styled-jsx v1? Switch to the v1 branch.
react jsx css dynamic-styles css-in-js shadow-domtypography.js - A powerful toolkit for building websites with beautiful design
A powerful toolkit for building websites with beautiful typography. A powerful toolkit for building websites with beautiful design.
typography typography-themes theme typography-engine css-in-js cssjsxstyle - Inline style system for React and Preact
This repository is the monorepo for runtime versions jsxstyle as well as a few tools designed to be used with jsxstyle. jsxstyle is an inline style system for React and Preact. It provides a best-in-class developer experience without sacrificing performance, and has little regard for existing CSS orthodoxy.
css-in-js css inline-styles react preact jsxstyleemotion - style as a function of state
Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production. Get up and running with a single import.
css-in-js babel-plugin react reactjs css emotion stylesreact-native-web - React Native for Web
"React Native for Web" brings the platform-agnostic Components and APIs of React Native to the Web. High-quality user interfaces: React Native for Web makes it easy to create fast, adaptive web UIs in JavaScript. It provides native-like interactions, support for multiple input modes (touch, mouse, keyboard), optimized vendor-prefixed styles, built-in support for RTL layout, built-in accessibility, and integrates with React Dev Tools.
react react-web react-native react-components ui-framework css-in-js i18ngrid-styled - Responsive React grid system built with styled-system
The Box component handles width, margin and padding. All grid-styled components use styled-system for style props, which pick up values from a theme and allow for responsive styles to be passed as array values.
react grid styled-components flexbox css styled-system margin padding css-in-js layout responsive emotionreflexbox - React flexbox layout and grid system
Primitive for controlling width, margin, padding and more. Both <Flex /> and <Box /> share the same props.
react flexbox grid react-component css-in-js grid-component layoutstyled-system - Design system utilities for styled-components and other css-in-js libraries
Design system utilities for styled-components, glamorous, and other css-in-js libraries
react css-in-js design-systems styled-components glamorous glamor typography layout emotion fela cxs responsiveawesome-styled-components - A curated list of awesome styled-components resources 💅
Please read the contribution guidelines before contributing. Contributions welcome and suggestions! Read the contribution guidelines first.
css css-in-js react styled-components awesome-list awesomepolished - A lightweight toolset for writing styles in JavaScript ✨
When ✨ polished modules are imported properly, tree shaking in webpack and Rollup can be leveraged to reduce your bundle size. ✨ polished has first-class Flow support with zero configuration to assist you in finding type errors while using our modules.
css-in-js styled-components styling inline-styles polished emotion glamor react typescriptstyled-components - Visual primitives for the component age
If you are looking for styled-components v4.0 (under active development), check out the roadmap and dev branch. styled-components is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the documentation about React Native for more information.
react css-in-js styled-components csslinaria - Zero-runtime CSS in JS library
Fast zero-runtime CSS in JS library
css css-in-js css-in-react reactarc - React starter kit based on Atomic Design
ARc (Atomic React) is a React starter kit based on the Atomic Design methodology. It's progressive, which means that you can start with the basic boilerplate and try the other features when you are comfortable. If you find this useful, please don't forget to star ⭐️ the repo, as this will help to promote the project. Follow me on Twitter and GitHub to keep updated about this project and others.
react redux storybook boilerplate universal react-router redux-saga jest atomic-design styled-components isomorphic css-in-js starter-kitbankai - :station: - friendly web compiler
The easiest way to compile JavaScript, HTML and CSS. We want people to have fun building things for the web. There should be no hurdles between a great idea, and your first prototype. And once you're ready, it should be easy to package it up and share it online. That's Bankai: a tool that helps you build for the web. No configuration, and no hassle - that's our promise.
compile assets browserify server css css-in-js modular sheetifytypestyle - Making CSS Typesafe 🌹
Making CSS type safe. Writing CSS with TypeStyle will be just as fluent as writing JavaScript with TypeScript.
typescript css typestyle css-in-jsfrontend-bootcamp - Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
In this two-day workshop you'll learn the basics of frontend development while building a working web app. The first day provides an introduction to the fundamentals of the web: HTML, CSS and JavaScript. This is targeted at new and experienced developers alike. On the second day we'll dive into more advanced topics like TypeScript, state management, and testing. While the examples should be accessible to anyone, you'll get the most out of it if you have some prior experience with programming and web technologies.
react typescript html css css-in-js office-ui-fabric-react microsoft redux redux-thunk
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.
