@ngrok/mantle
Advanced tools
Mantle is ngrok’s UI library and design system. It’s inspired by shadcn/ui and uses Radix with Tailwind for styling. It’s documented using react-router.
mainInstall @ngrok/mantle and all of the required peerDependencies with your preferred package manager:
| package manager | command |
|---|---|
| npm | npm install -E @ngrok/mantle @phosphor-icons/react date-fns |
| pnpm | pnpm add -E @ngrok/mantle @phosphor-icons/react date-fns |
| bun | bun add -E @ngrok/mantle @phosphor-icons/react date-fns |
| yarn | yarn add -E @ngrok/mantle @phosphor-icons/react date-fns |
Also install the required devDependencies:
| package manager | command |
|---|---|
| npm | npm install -DE tailwindcss |
| pnpm | pnpm add -DE tailwindcss |
| bun | bun add -DE tailwindcss |
| yarn | yarn add -DE tailwindcss |
Next, check out the Overview & Setup docs and start using mantle components in your application!
Please read our contribution guide.
FAQs
mantle is ngrok's UI library and design system.
We found that @ngrok/mantle demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket’s new Pull Request Stories give security teams clear visibility into dependency risks and outcomes across scanned pull requests.
Research
/Security News
npm author Qix’s account was compromised, with malicious versions of popular packages like chalk-template, color-convert, and strip-ansi published.
Research
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.