🧭

Navbar

Responsive navigation bar with mobile menu

89%
Code Reduction
300
Traditional Lines
33
Factory Lines
5
Frameworks

Code Example

const MainNav = ui.createNavbar({
  logo: { text: 'Revolutionary UI', icon: '🏭' },
  links: [
    { label: 'Home', href: '/' },
    { label: 'Components', href: '/components' },
    { label: 'Docs', href: '/docs' }
  ],
  actions: [
    { label: 'GitHub', icon: '🐙', href: '/github' }
  ]
});

Usage

1. Install the package

npm install @vladimirdukelic/revolutionary-ui-factory

2. Import and setup

import { setup } from '@vladimirdukelic/revolutionary-ui-factory';
const ui = setup();

3. Create your component

Use the code example above to create your Navbar component with 89% less code!

Features

  • ✓Responsive design
  • ✓Mobile menu
  • ✓Dropdown support
  • ✓Active states
  • ✓Search integration

Supported Frameworks

React✓
Vue✓
Angular✓
Svelte✓
Solid✓