Displaying 1 to 18 from 18 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.

gatsby-starter-redux-saas - An Gatsby starter for Saas products

  •    Javascript

Backend: Make sure that the .env.development file is included in the root of your project with an GraphQL endpoint defined with APOLLO_API_URL=https://... We connected our demo backend as a sample. You can bring your own backend and when it works with JSON Web Token the changes will be trivial. You don't have a backend? Clone this repo this. This starter uses react-redux to hold business data and fire actions in the application. Read more abour redux and combinedReducers.

explorer - Explore transactions and accounts on the Stacks blockchain

  •    TypeScript

The Stacks Explorer is built with react, next.js and @stacks/ui. To run the explorer locally, you can clone this repo and install the dependencies needed. Make sure you have yarn installed. To build and run the application, you can run this yarn task which will launch the application at http://localhost:3000.

ui - The Blockstack design system implemented with react, styled-components, and styled-system.

  •    TypeScript

This project is a monorepo for all of our Stacks UI related projects. This project uses Lerna, yarn workspaces, changesets, and tsdx for bundling.

vue-styled-system - Design system utilities wrapper for Vue components, based on styled-system

  •    Javascript

Design system utilities for Vue based on styled-system. In order to allow components to access the theme, you can declare a global mixin using withTheme.






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.