Leafygreen UI
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.
github.com/mongodb/leafygreen-ui (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit mongodb/leafygreen-ui my-ui
cd my-ui
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/mongodb/leafygreen-ui.git my-uiSources: GitHub docs on template repositories, degit.
About Leafygreen UI
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:
Built with
- React
- TypeScript
Similar templates
More design systems
Bezier React
channel-io/bezier-react
React components library that implements Bezier design system.
Active · last commit Oct 22, 2026
OfficialDesign systemsTypeScriptOnce UI System Core
once-ui-system/core
The open-source frontend infrastructure for the AI-native web.
Active · last commit Oct 24, 2026
Design systemsTypeScriptKolibri
public-ui/kolibri
KoliBri is not a design system in the traditional sense.
Active · last commit Oct 26, 2026
Design systemsTypeScriptLucian Uxui Prompt
Seokwoooo/lucian-uxui-prompt
400 interactive UI elements you can try live, then copy as an AI prompt or working code: 200 interface parts and 200 website sections and animations.
Too new to judge · created Oct 12, 2026
Design systemsHTMLFundamental Ngx
SAP/fundamental-ngx
Fundamental Library for Angular is SAP Design System Angular component library.
Active · last commit Oct 27, 2026
OfficialDesign systemsTypeScriptUikit
consta-design-system/uikit
Consta — дизайн-система для разработки интерфейсов, написана на React.
Active · last commit Oct 26, 2026
Design systemsTypeScript
How do I use Leafygreen UI?
Copy the files into a new folder with npx degit mongodb/leafygreen-ui my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Leafygreen UI for commercial projects?
Yes. Leafygreen UI is released under the Apache-2.0 license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is Leafygreen UI maintained?
The repository's most recent commit was on Oct 15, 2026. Its latest release is @leafygreen-ui/hooks@9.3.3. appsgit only lists templates from repositories with a commit in the last six months.