Skip to content

Responsive and accessible React UI components built with Typescript

Notifications You must be signed in to change notification settings

bmcmahen/sancho

Folders and files

NameName
Last commit message
Last commit date
Apr 24, 2019
Jun 14, 2019
Apr 16, 2019
Apr 15, 2019
Jan 21, 2020
Jul 4, 2019
Apr 18, 2019
Mar 22, 2019
Apr 15, 2019
Aug 9, 2019
Jul 4, 2019
Apr 17, 2019
Oct 24, 2019
Jul 5, 2019
Apr 5, 2019
Oct 24, 2019

Repository files navigation


npm package Tweet Follow on Twitter

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