Skip to content

<vibe-flags />

Feature flag toolkit for HTML.
No servers. No config. No build step.
Built for AI agents.

index.html
<script
    type="module"
    src="https://unpkg.com/@vibe-flags/core"
></script>

<vibe-flags-boolean name="debug" description="Show debug info">
  <button>Show debug logs</button>
</vibe-flags-boolean>

<vibe-flags-select name="header" description="Header layout" default="visual">
  <vibe-flags-option value="minimal"><h1>Minimal header</h1></vibe-flags-option>
  <vibe-flags-option value="visual"><h3>Visual header</h3></vibe-flags-option>
</vibe-flags-select>

<vibe-flags-toolbar></vibe-flags-toolbar>
Open Source · Zero Config · MIT License

Feature flags
without the backend.

Drop-in web components that persist to localStorage.
Works in any framework. No servers, no accounts, no SDK.

<script
  type="module"
  src="https://unpkg.com/@vibe-flags/core">
</script>

Ship features
with confidence.

Vibe Flags is a drop-in web component toolkit for managing feature flags. No backend. No login. Everything stays in your browser.

No Login Required

Pure localStorage. No accounts, no API keys, no servers.

Any Framework

Web components work in React, Vue, Svelte, or plain HTML.

Tiny & Fast

Under 11KB gzipped. Zero impact on performance.

See it in action

Watch how Vibe Flags lets you toggle UI variations without redeploying — live, in the browser.

Everything you need

A complete feature flag solution that works out of the box — no configuration, no signup, no ops burden.

No Login Required

Pure localStorage. No accounts, no API keys, no servers.

Any Framework

Web components work in React, Vue, Svelte, or plain HTML.

Tiny & Fast

Under 11KB gzipped. Zero impact on performance.

Persistent State

Flag values survive page refreshes and sync across tabs.

TypeScript Native

Full type safety, imperative API, and reactive event system.

Polished Toolbar

Slide-out sidebar with toggles. Supports dark and light themes.

Built for humans, AI agents

Let AI generate UI variants and switch between them instantly.

PromptCopy and paste into your AI assistant
Design 5 distinctly unique and visually different variations of a section of my website. Use your best designer skills to make each variant professional, modern, and creative — vary the layout, typography, colors, spacing, and visual style across all 5. Use [Vibe Flags](https://vibe-flags.appwrite.network/llms-full.txt) library to let me switch between variants in its toolbar, so I can pick the one I like most.

Section to redesign: [EXPLAIN YOUR SECTION HERE]

Start shipping faster.

Drop in one script tag and get feature flags, variant switching, and a polished toolbar — no backend, no account, no config.

<script
  type="module"
  src="https://unpkg.com/@vibe-flags/core">
</script>

Released under the MIT License.