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.
grid-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 functionaldesign-system - Priceline.com Design System
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.
design-system priceline react styled-components styled-system components ui design-systems css css-in-jsstyled-gel - Styled-components responsive flexbox grid
Bootstrap 4 Grid over Styled Components. Lightweight bootstrap like grid system for reactjs that uses flexbox.
grid react styled-components css-javascript-library styled-system css-in-jsstyled-system-html - HTML elements extended as styled components via styled system, ready for theming
Create a theme with settings for colors, typography and spacing. Apply your theme to the element components.
react css-in-js styled-components styled-system primitivesfigma-theme - Generate development-ready theme JSON files from Figma Styles
Generate development-ready theme JSON files from Figma Styles
figma figma-api figma-js theme styles styled-system css-in-js design-systems tokenssystem-components - https://github.com/jxnblk/styled-system/tree/master/system-components
https://github.com/jxnblk/styled-system/tree/master/system-components
react components styled-components styled-system design-system theme css-in-jstachyons-system - Tachyons theme for styled-system http://jxnblk.com/styled-system
A Tachyons theme file for use with http://jxnblk.com/styled-system
tachyons styled-system reactveel - Base react styling components using fela with a design system
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.
fela css-in-js design-systems react styled-system react-component design-system styling uireact-landing-page - 🛬⚛️Everything you need for a modern landing page, built with React & Styled Components
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.
rebass reactjs styled-components landing-page landing components react react-component ui design-system styled-system page functionalstack-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-portfolio-kit - UI components and templates for building a portfolio with Compositor Lab and Iso
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...
ui design react components styled-system compositorresponsive-styles - Use arrays as values to specify mobile-first responsive styles for CSS-in-JS projects
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.
css-in-js glamor aphrodite emotion rebass styled-systemgatsby-starter-redux-saas - An Gatsby starter for Saas products
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.
redux graphql-client graphql jwt authentication styled-components apollo-client react-boilerplate gatsby saas jwt-token jwt-authentication hackathon-starter react-helmet styled-system gatsby-starter saas-boilerplate gatsby-image magicsoup-io magicsoup react-redux apollo magicsoup.io starter boilerplateexplorer - Explore transactions and accounts on the Stacks blockchain
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.
react typescript bitcoin nextjs blockchain emotion web3 blockstack stacking styled-system stacks-explorer stacks-blockchainstacks-wallet-web - Stacks Wallet is a browser extension for managing your digital assets and connecting to apps built with the Stacks blockchain
Hiro Wallet is a browser extension for managing your digital assets and connecting to apps built with the Stacks blockchain. To use this extension with your own Stacks App, we recommend using Connect.
react chrome-extension firefox chrome typescript extension styled-components decentralized brave web3 stacks blockstack styled-system stacks-wallet blockstack-apps emotion stxui - The Blockstack design system implemented with react, styled-components, and styled-system.
This project is a monorepo for all of our Stacks UI related projects. This project uses Lerna, yarn workspaces, changesets, and tsdx for bundling.
react styled-components css-in-js blockstack styled-system blockstack-uivue-styled-system - Design system utilities wrapper for Vue components, based on styled-system
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.
vue components design system styled-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.
