184 Components
Feature Flag Toggle Stack
CardsLaunchDarkly and PostHog inspired feature flag management card with master kill-switch toggles, gradual traffic allocation sliders (0% to 100%), targeting rule badges, and environment scopes.
Feature Flags & Rollouts
Gradual traffic allocation with kill-switch protection and targeting rules.
2/3 Active
Speculative Decoding v2production
Multi-token draft prediction engine for low-latency reasoning responses.
key:ai_speculative_decodingRollout:25%
Tier Pro & EnterpriseInternal Beta
Liquid Glass 3D Refractionsproduction
Client-side WebGL GPU shader caustics on card hover interactions.
key:liquid_glass_shadersRollout:75%
All Users
Solana USDC Settlementsstaging
Direct instant invoice settlement via decentralized liquidity pools.
key:stripe_crypto_railsRollout:0%
Fintech Alpha
Installation
Install directly into your project using the shadcn CLI or copy the source code manually.
Requires:framer-motionlucide-reactclsxtailwind-merge
$npx shadcn@latest add "https://boseui.site/r/feature-flag-toggle-stack.json"
Props
TypeScript props supported by <FeatureFlagToggleStack />.
| Prop | Type | Default | Description |
|---|---|---|---|
| initialFlags | FeatureFlag[] | — | Initial list of feature flags. |
| onChange | (flags: FeatureFlag[]) => void | — | Callback invoked on flag state updates. |
Key Features
- Master boolean toggles for instant kill-switch feature disarming.
- Granular 0% to 100% traffic allocation sliders.
- Targeting rules chips (e.g. Beta users, Internal IP scopes).
- Environment scope pills for Production vs Staging.
Keyboard & Accessibility
- Keyboard accessible toggle switch and range inputs.
- Semantic text descriptions and percentage indicators.