# Sketchbook UI (UI components & kits)

> Sketchbook UI is a free, open-source UI component library built with React and Tailwind CSS. UI library that looks like it was drawn by hand. It has 298 GitHub stars and is released under the MIT license. A live demo is linked from this page.

A hand-drawn React component library with a sketchy, notebook aesthetic. 20 fully typed components with wobbly borders, paper textures, and pencil-line details, for side projects, landing pages, or anywhere you want to stand out.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/SarthakRawat-1/sketchbook-ui |
| Built with | React, Tailwind CSS, TypeScript |
| Live demo | https://sarthakrawat-1.github.io/sketchbook-ui/ |
| GitHub template repository | no |
| GitHub stars | 298 |
| License | MIT |
| Language | TypeScript |
| Official | no |
| Category | UI components & kits |
| Latest release | none |
| Last commit | Jun 12, 2026 |

## Get started

### Copy with degit

```sh
npx degit SarthakRawat-1/sketchbook-ui my-ui
cd my-ui
npm install   # then run the dev script from the README
```

### Or clone with git

```sh
git clone --depth 1 https://github.com/SarthakRawat-1/sketchbook-ui.git my-ui
```

Commercial use depends on the MIT license. Sources: https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template, https://github.com/Rich-Harris/degit

## Similar templates

- [shadcn/ui](https://appsgit.com/templates/shadcn-ui): Composable, accessible components with thoughtful defaults. (125,265 stars, MIT, official)
- [Ant Design](https://appsgit.com/templates/ant-design): An enterprise-class UI design language and React UI library. (99,704 stars, MIT, official)
- [Material UI](https://appsgit.com/templates/material-ui): Material UI: Comprehensive React component library that implements Google's Material Design. (99,142 stars, MIT, official)
- [daisyUI](https://appsgit.com/templates/daisyui): The most popular, free and open-source Tailwind CSS component library. (42,554 stars, MIT, official)
- [Chakra UI](https://appsgit.com/templates/chakra-ui): Chakra UI is a component system for building SaaS products with speed. (40,676 stars, MIT, official)
- [HeroUI](https://appsgit.com/templates/heroui): Beautiful, fast and modern React UI library. (30,882 stars, Apache-2.0, official)

---

Canonical page: https://appsgit.com/templates/sketchbook-ui
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.