Awesome
<div align="center"> <a href="https://sancho-ui.com/"> <img max-width="600px" alt="Sancho is a responsive and accessible design system built with React, Typescript and Emotion. Named after the ever-faithful, hilariously acerbic sidekick of Don Quixote, Sancho is designed to help you no matter how quixotic your dreams may be." src="https://raw.githubusercontent.com/bmcmahen/sancho/master/hero.jpg"> </a> </div> <br /> <div align="center">
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
<div align="center"> <a href="https://julienne.app"> <img max-width="600px" alt="Julienne screenshot showing a list of recipes on the left, and a recipe on the right." src="https://raw.githubusercontent.com/bmcmahen/sancho/master/misc/julienne.jpg"> </a> </div> <br />Julienne is a small application built with Sancho and Firebase which helps you share recipes with family and friends. View the source here.
Captioner
<div align="center"> <a href="https://captioner.app"> <img max-width="600px" alt="Captioner screenshot showing a user adding subtitles to the Godfather movie." src="https://raw.githubusercontent.com/bmcmahen/sancho/master/misc/captioner.jpg"> </a> </div> <br />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