Mantle Design System

Mantle is ngrok's UI library and design system, inspired by shadcn/ui and built on Radix, Tailwind, and React Router.

This monorepo is managed with pnpm workspaces, Turborepo, and mise.

Documentation

• mantle.ngrok.com — official component documentation (reflects latest releases)
• develop.mantle.ngrok.com — staging site for all merges to main

Packages

Package	Description	npm
@ngrok/mantle	UI component library (React, Tailwind, Radix)	npm
@ngrok/mantle-vite-plugins	Vite + rehype plugins for code block highlighting and Tailwind CSS source optimization	npm
@ngrok/mantle-server-syntax-highlighter	Server-side syntax highlighting engine powered by Shiki	npm

Local Development

From a fresh clone:

./scripts/setup

This installs mise (if missing), provisions Node and pnpm at the pinned versions, and installs workspace dependencies. See CONTRIBUTING.md for the full contributor guide — conventions, scaffolding and audit slash commands, the version-bump workflow, and pre-commit hook details.

Using with AI Agents

Mantle ships machine-readable entry points for coding agents — see For AI Agents for the system-prompt snippet, conventions, and the full list of /api/*.json and llms.txt endpoints.

Code of Conduct

Please follow our code of conduct when contributing.

License

MIT