Angular Dev Toolbar
Supercharge Your Angular Development
Build Angular apps faster with instant feature toggles, real-time language switching, and powerful development tools - all without leaving your current page or touching production code.
Development Tools That Work For You
Everything you need to streamline your Angular development workflow
Feature Flags
Test new features instantly without backend changes. Perfect for A/B testing and gradual rollouts in development.
- Toggle features on/off in real-time
- Test different user experiences
- No backend configuration needed
- Settings persist across sessions
Language Switcher
Create Your Own Tools
Toggle Feature Flags Right From Your Browser
Enhance your development workflow with the Angular Dev Toolbar. Toggle feature flags instantly without changing code or redeploying.
@Component({
selector: 'app-root',
template:`
<!-- 👇👇 Add the toolbar component 👇👇 -->
<ndt-toolbar>
<!-- Add any custom toolbar tool you created -->
<ndt-toolbar-tool
[windowConfig]="windowConfig"
[icon]="'gear'"
[title]="'Settings'" >
<p>This is a custom tool</p>
</ndt-toolbar-tool>
</ndt-toolbar>
`,
})
export class AppComponent implements OnInit {
}
Packed with Everything You Need
Comprehensive tools to enhance your development experience
Zero Production Impact
Secure Implementation
Persistent Settings
Hidden by Default
Custom Tools Support
Feature Flags Management
Language Switching
Mock User Personas
Network Request Mocking
Import/Export Settings
Advanced Theming