Modern Dark nav

Modern Dark nav is a navbar in the UI HUB navigation bars collection. It is built with React and ships as a self-contained component you can copy into an existing project without pulling in a component library.

The component works without configuration, and can be restyled through its own class names and CSS custom properties.

Preview the navbar in the browser above, copy the source, and paste it into your project. Navigation Bars components in UI HUB are grouped by category so you can compare effects side by side before choosing one.