Skip to content
Responsive and accessible React UI components built with Typescript and Emotion
Branch: master
Clone or download
bmcmahen Merge pull request #18 from mottox2/select
Ignore select pointer event
Latest commit 2cc7b94 May 14, 2019

npm package Tweet Follow on Twitter


  • Beautiful, generic components that you can make your own.
  • Responsive and 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.
  • Included components: Alert, Avatar, Badge, Breadcrumbs, Button, Collapse, Container, Dialog, Divider, Form (and inputs), IconButton, Icons, Layer, Link, List, Menu, Navbar, Popover, Sheet, Spinner, Table, Tabs, Text, Toast, Toolbar, Tooltip, amongst others.

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 is a small application built with Sancho and Firebase which helps you share recipes with family and friends. View the source here.


Captioner is an in-browser tool for generating captions for your videos. It's also built with Sancho and Firebase. View the source here.


git clone
cd sancho
yarn run storybook



You can’t perform that action at this time.