# Leafygreen UI (Design systems)

> Leafygreen UI is a free, open-source design system built with React. LeafyGreen UI – LeafyGreen's React UI Kit. It has 274 GitHub stars and is released under the Apache-2.0 license. A live demo is linked from this page. Start a project with npx degit mongodb/leafygreen-ui or clone the repository.

A library of React components, CSS patterns, and CLI tools for MongoDB's LeafyGreen Design System. We welcome contributions! Please see our Contributing Guide for details on:

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/mongodb/leafygreen-ui |
| Built with | React, TypeScript |
| Live demo | https://www.mongodb.design |
| GitHub template repository | no |
| GitHub stars | 274 |
| License | Apache-2.0 |
| Language | TypeScript |
| Official | no |
| Category | Design systems |
| Latest release | @leafygreen-ui/collection-toolbar@1.0.1 (Oct 2, 2026) |
| Last commit | Oct 2, 2026 |

## Get started

### Copy with degit

```sh
npx degit mongodb/leafygreen-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/mongodb/leafygreen-ui.git my-ui
```

Commercial use depends on the Apache-2.0 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/leafygreen-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.