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.
emotion - 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 stylesgrid-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 emotionrebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system
React 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 functionalstyled-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 responsivepolished - 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-tools - Useful interpolated functions for CSS-in-JS
Useful 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-toolsemotion-jsxstyle - jsxstyle primitives powered by emotion
Just pass refs to props prop.
emotion jsxstyle css css-in-js react react-component ui development stylelwjgl3-www - The LWJGL 3 website.
The 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-loadabledesign-system-utils - Design system framework for modern front-end projects
Maintaining 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 csscss-in-react - π CSS in React - Learn the best frameworks by example
π 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 - Responsive style values for css-in-js.
facepaint 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 - :scream: React HTML elements with CSS-in-JS
Horror 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 - Inline style props for emotion and styled-components
Subatomic 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 componentleafygreen-ui - LeafyGreen UI Kit
A 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 leafygreenstack-styled - Stacking layouts for React
React 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-cli - Command line utilities and exporting module for Compositor Lab
Lab 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.
