Skip to content

Feature Toggles

Lightweight, backend-agnostic feature flags plugin for Vue 3 — boolean and multivariate flags, contextual rules, live updates, and a DevTools overlay.

Boolean and multivariate flags

Control features with simple boolean flags or string variants for A/B tests and phased rollouts. Static flags, async backend loading, periodic polling, and a priority chain (URL → runtime → rules → loader → static → defaultValue) give you full control over the logic.

Contextual rules, URL, and local storage

Reactive rules based on any conditions (time, cookies, prefers-color-scheme) auto‑update flags. URL parameters let you override flags without a page reload, and persisted flags survive in localStorage. All work together, providing flexibility at every level.

Groups, dependencies, and profiles

Group flags for mass enable/disable. Set dependencies so one flag auto‑disables when another is off. Save named override sets as profiles for quick switching between scenarios (demo, QA).

Convenient API for components and logic

Use the declarative <Feature> component with default/fallback/loading slots, the v-feature directive for v‑show‑style toggling, and the useFeature composable for reactive logic. Multivariate flags are supported via <FeatureVariant> and useFeatureVariant. All tools are type‑safe.

DevTools, CLI, and ready integrations

A built‑in floating DevTools panel for inspecting and controlling flags, a CLI for analyzing flags in code (list/check/stale), adapters for LaunchDarkly, Unleash, and Flagsmith. A Nuxt module with SSR hydration, a Storybook decorator, and a Vite plugin to strip DevTools in production.