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 stylesThe 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 emotionReact UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.
react css ui styled-components rebass design-system react-components styled-system components grid typography layout color theme emotion react-component presentational stateless functionalDesign 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 responsiveWhen ✨ 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 typescriptUseful interpolated functions for styled-components 💅, emotion 👩🎤, JSS and other CSS-in-JS libraries. Same as prop, except that it returns props.theme[path] instead of props[path].
styled-components react css-in-js lodash utilities emotion jss styled-toolsJust pass refs to props prop.
emotion jsxstyle css css-in-js react react-component ui development styleThe website for LWJGL 3 is build with React. It is a single-page application with client-side routing. It installs a Service Worker in order to work offline.There is no server-side rendering because of hosting constraints.
lwjgl react react-router redux sass webpack hmr lwjgl-website flowtype yarn bootstrap emotion react-loadableMaintaining styling consistency in a web app is always tough. This micro framework aims to standardise your design-system and provide helpful utilities to access it's information. Create your design system file, this contains all your global variables that your app will use, think font-sizes, color palette etc.
styled-components emotion css-in-js react preact glamorous styled-jsx css🍭 CSS in React - Learn the best frameworks by example
css react postcss styled-components css-modules aphrodite styletron radium cssinjs css-in-react css-in-js react-css-modules stylable emotion glamor jss glamorous decssfacepaint returns a function that can be exported and used throughout your app to dynamically style based on your provided selectors. Note that the first value is considered a default value and is not a child of a media query at-rule.
css-in-js emotion css styles reactHorror can be used to create component primitive abstractions, similar to using styled-components or react-emotion, but with a more React-like syntax.
react css-in-js html styled-components emotion css componentsSubatomic allows you to style your React components inline so that you can spend more time writing styles and less time thinking of new component names. It integrates with emotion and styled-components so that you have the best of both worlds: The power of your favorite css-in-js library plus an inline style system to help you move fast and try out new ideas. Supercharge any component by making subatomic('element') the root element.
inline-styles css-in-js react emotion styled-components design-systems componentA set of CSS styles and React components built with design in mind. Node >= 6.11.5 required.
ui-kit design-system react emotion mongodb ui kit components uikit leafygreenReact component to make stack layouts easy: adds whitespace horizontal and vertical whitespace between each child element but not around the container. Based on styled-system and CSS Grid. We recommend to use this component with Grid Styled. See documentation & examples.
white space whitespace margin padding grid stack layout react component components styled-system styled-components emotion design-system css-in-jsLab projects can be published in a way that allows them to be installed and imported into other Lab projects from the app. The Node API is used by the Lab app to export lab components to React and other formats.
compositor lab react components cli css design-system styled-components glamorous fela emotion vue design system
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.