Open source UI @drm/multitabs
Browser-tab navigation, reimagined

Multi-tabs that feel native inside your app.

@drm/multitabs brings sticky browser-style tabs, drag and drop, tab persistence, route-aware navigation, and reload hooks to Vue, React, and Angular applications without forcing a design system.

Read the docs Support the project
Vue Router React Router Angular Router Theme-ready CSS vars
Live composition

Workspace multitabs for dense internal apps.

Use real routes as tab identity, persist workspace context across refreshes, and keep reload behavior explicit instead of bolted on.

Install now Explore APIs
Workspace metrics
Reload nonce
14
Open tabs
8
Theme tokens
CSS
Install with pnpm
pnpm add @drm/multitabs-vue vue-router
Framework-native mental model Vue composables React hooks Angular services
Core ideas

Built for claim desks, admin tools, CRMs, and dense internal apps.

The component is less about decorative tabs and more about giving long-lived workflows a calm, browser-like rhythm.

01

Router-native state

Tabs open from real routes, preserve identity across refreshes, and follow stack-native navigation patterns.

02

Theme with any system

CSS custom properties keep the package neutral. Tailwind, CSS Modules, SCSS, or design tokens can all drive the look.

03

Workspace behavior

Close, reorder, reload, and persist tabs without wiring a full window manager into your app shell.

04

Cross-stack shape

Vue composables, React hooks, and Angular services stay conceptually aligned so teams can share patterns.

Install anywhere
pnpm
pnpm add @drm/multitabs-vue
pnpm add @drm/multitabs-react
pnpm add @drm/multitabs-angular
npm
npm install @drm/multitabs-vue
npm install @drm/multitabs-react
npm install @drm/multitabs-angular
yarn
yarn add @drm/multitabs-vue
yarn add @drm/multitabs-react
yarn add @drm/multitabs-angular
Styling model

Any theme, no lock-in.

The packages expose neutral markup plus CSS custom properties. You can ship a cold corporate theme, a neon dashboard, or a clean healthcare UI without fighting somebody else’s component system.

Package shape
Monorepo, separated by stack
npm-ready
Frameworks

One product direction, two frameworks, one library.

The syntax changes where it should, but the mental model stays aligned across the monorepo.

Vue

Composition API first

Use MultiTabs, useMultiTabs, and useTabContainerReload with Vue Router.
React

Hook + provider model

Wrap your shell in MultiTabsProvider and keep routing with React Router.
Angular

Standalone component + services

Use MultiTabsComponent with MultiTabsService and TabReloadService.
Sustainability

Support the project with direct funding options.

The funding page centralizes recurring sponsorship, one-time support, and direct wallets for teams that prefer on-chain contributions.

Open support options