Displaying 1 to 13 from 13 results

grid-styled - Responsive React grid system built with styled-system

  •    Javascript

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.

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

  •    Javascript

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.

design-system - Priceline.com Design System

  •    Javascript

If you'd like to contribute to the design system, we'd love to have your help. If you work at Priceline.com, please join the #design-system Slack channel and let us know what you'd like to work on. For all contributors, please be sure to read the Contributing doc.

styled-gel - Styled-components responsive flexbox grid

  •    Javascript

Bootstrap 4 Grid over Styled Components. Lightweight bootstrap like grid system for reactjs that uses flexbox.




styled-system-html - HTML elements extended as styled components via styled system, ready for theming

  •    Javascript

Create a theme with settings for colors, typography and spacing. Apply your theme to the element components.

tachyons-system - Tachyons theme for styled-system http://jxnblk.com/styled-system

  •    Javascript

A Tachyons theme file for use with http://jxnblk.com/styled-system


veel - Base react styling components using fela with a design system

  •    Javascript

The following renders a responsive row with two equally divided divs collapsing on mobile. This makes the most sense when you create the document skeleton with JSX.

react-landing-page - 🛬⚛️Everything you need for a modern landing page, built with React & Styled Components

  •    Javascript

React UI component library for building Landing Pages. React Landing Page is a set of highly-composable React components for building advanced landing pages. It is built using Rebass, a library of UI primitives. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

stack-styled - Stacking layouts for React

  •    Javascript

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.

lab-portfolio-kit - UI components and templates for building a portfolio with Compositor Lab and Iso

  •    Javascript

A UI kit for building portfolios with Lab and Iso. Contains components and templates that you can customize and extend. It's configuration based, so you can fill in your own content and make design tweaks without writing any code. For those that want to dive deeper, you still have granular control over the markup and styles. Will also hopefully serve as a set of useful patterns for using Lab and Iso together to design UI. Open Lab and go to File > Open project...

responsive-styles - Use arrays as values to specify mobile-first responsive styles for CSS-in-JS projects

  •    Javascript

The main idea of this library is to provide a framework agnostic way to easily enable any property to become responsive. This is 100% inspired by the awesome work done by Brent Jackson on Rebass.