bmcmahen / Sancho
Responsive and accessible React UI components built with Typescript
Stars: ✭ 365
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Projects that are alternatives of or similar to Sancho
react-pluto
A package of small but beautiful React components from the planet, Pluto. 🔵 Get minimal components for your React based applications 😍
Stars: ✭ 17 (-95.34%)
Mutual labels: react-components, design-system
Shards Dashboard Vue
A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.
Stars: ✭ 363 (-0.55%)
Mutual labels: uikit, design-system
orfium-ictinus
This repo will include the building blocks to create the Orfium Parthenons to come ...
Stars: ✭ 20 (-94.52%)
Mutual labels: react-components, design-system
sodium-ui
Sodium is a simple, modular and customizable web component library to build elegant and accessible UI pieces for your React Application.
Stars: ✭ 23 (-93.7%)
Mutual labels: uikit, design-system
tiny-ui
⚛️ A friendly UI component set for React.js
Stars: ✭ 202 (-44.66%)
Mutual labels: uikit, react-components
open design system
Open Source Design System using Sketch. It's early days of my project.
Stars: ✭ 22 (-93.97%)
Mutual labels: uikit, design-system
bezier-react
React components library that implements Bezier Design System.
Stars: ✭ 85 (-76.71%)
Mutual labels: react-components, design-system
design-system
A resource for creating user interfaces based on brand, UX, and dev principles
Stars: ✭ 17 (-95.34%)
Mutual labels: react-components, design-system
mint-ui
Design System | React UI components for web
Stars: ✭ 17 (-95.34%)
Mutual labels: react-components, design-system
Chakra Ui
⚡️ Simple, Modular & Accessible UI Components for your React Applications
Stars: ✭ 22,745 (+6131.51%)
Mutual labels: uikit, react-components
ancestor
💀 UI primitives for ReScript and React
Stars: ✭ 144 (-60.55%)
Mutual labels: react-components, design-system
iOS-11-Framer
iOS 11 Design System GUI for Framer
Stars: ✭ 42 (-88.49%)
Mutual labels: uikit, design-system
rebass
⚛️ React primitive UI components built with styled-system.
Stars: ✭ 7,844 (+2049.04%)
Mutual labels: react-components, design-system
neptune-web
Wise Web Design System
Stars: ✭ 55 (-84.93%)
Mutual labels: react-components, design-system
mdb4-react-ui-kit
React Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 74 (-79.73%)
Mutual labels: uikit, react-components
shared-react-components-example
An example of a mono-repository of shared React components libraries!
Stars: ✭ 85 (-76.71%)
Mutual labels: react-components, design-system
smores-react
🍭 Marshmallow React components
Stars: ✭ 34 (-90.68%)
Mutual labels: react-components, design-system
Operational Ui
Building blocks for effective operational interfaces
Stars: ✭ 258 (-29.32%)
Mutual labels: design-system, react-components
Features
- Beautiful, generic components that you can make your own.
- Highly responsive. Sancho takes mobile seriously, with built in support for gestures.
- Accessible.
- A fully customizable theme, which includes a dark and light mode.
- Fully typed for use with Typescript.
- Support for tree shaking. Bundle only those components that you need.
- An ever-growing list of components.
View the documentation for full details.
Getting started
Install Sancho and Emotion using yarn or npm:
yarn add sancho @emotion/core @emotion/css
And import your desired components into your React project.
import { Button } from "sancho";
function MyApp() {
return <Button>Hello world</Button>;
}
Sample projects
Julienne
Julienne is a small application built with Sancho and Firebase which helps you share recipes with family and friends. View the source here.
Captioner
Captioner is an in-browser tool for generating captions for your videos. It's also built with Sancho and Firebase. View the source here.
Development
git clone https://github.com/bmcmahen/sancho.git
cd sancho
yarn
yarn run storybook
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].