[](https://www.npmjs.com/package/sancho)
[](https://twitter.com/intent/tweet?text=Sancho%20is%20a%20responsive%20and%20accessible%20design%20system%20built%20with%20React%2C%20Typescript%20and%20Emotion&url=https://sancho-ui.com&hashtags=react,design,javascript)
[](
https://twitter.com/intent/follow?screen_name=benmcmahen
)
## 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](https://sancho-ui.com).
[View the documentation](https://sancho-ui.com) 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.
```jsx
import { Button } from "sancho";
function MyApp() {
return ;
}
```
## Sample projects
### Julienne
[Julienne](https://julienne.app) is a small application built with Sancho and Firebase which helps you share recipes with family and friends. View the [source here](https://github.com/bmcmahen/julienne).
### Captioner
[Captioner](https://captioner.app) is an in-browser tool for generating captions for your videos. It's also built with Sancho and Firebase. View the [source here](https://github.com/bmcmahen/captioner).
## Development
```
git clone https://github.com/bmcmahen/sancho.git
cd sancho
yarn
yarn run storybook
```
## License
MIT
---
_Source: https://npm.io/package/sancho · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
