# Tinte (Design systems)

> Tinte is a free, open-source design system built with React, Next.js and shadcn/ui. Compile your design system into an Agent Plugin. It has 624 GitHub stars and is released under the MIT license. A live demo is linked from this page.

Compile your design system into an Agent Plugin. Extract an identity from any reference, emit SKILL.md + tokens.css, lint what bypasses your tokens.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/Railly/tinte |
| Built with | React, Next.js, shadcn/ui, TypeScript |
| Live demo | https://tinte.dev |
| GitHub template repository | no |
| GitHub stars | 624 |
| License | MIT |
| Language | TypeScript |
| Official | no |
| Category | Design systems |
| Latest release | v1.3.0 (Aug 7, 2026) |
| Last commit | Aug 8, 2026 |

## Get started

### Copy with degit

```sh
npx degit Railly/tinte 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/Railly/tinte.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

- [React Spectrum](https://appsgit.com/templates/react-spectrum): A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. (15,920 stars, Apache-2.0, official)
- [Primer CSS](https://appsgit.com/templates/primer-css): Primer is GitHub's design system. This is the CSS implementation. (13,027 stars, MIT)
- [HyperUI](https://appsgit.com/templates/hyperui): Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles. (12,253 stars, MIT)
- [Material Web](https://appsgit.com/templates/material-web): Material Design Web Components. (11,316 stars, Apache-2.0)
- [Carbon](https://appsgit.com/templates/carbon-carbon-design-system): Website · Design · Develop · Contribute · Migrate Carbon is IBM's open-source design system for products and experiences. (9,531 stars, Apache-2.0)
- [Grommet](https://appsgit.com/templates/grommet): a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package. (8,348 stars, Apache-2.0)

---

Canonical page: https://appsgit.com/templates/tinte
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.