nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Underline navbar
    • Pill navbar
    • Burger menu
    • Hide-on-scroll navbarPro
    • DockPro

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

© 2026 nex-ui. All rights reserved.

Components/Navbars

Hide-on-scroll navbarPro

Gets out of the way on scroll down, back on scroll up.

nex-ui
  • Product
  • Docs
  • Pricing

Scroll inside this box. The bar hides going down and comes back going up.

Props

Appearance

Applies to this component only and stays saved when you come back.

#ff3347
#b3122a
Preview background

Install

$npx nex-ui add hide-on-scroll-navbar

Usage

import { HideOnScrollNav } from "@/components/nex-ui/hide-on-scroll-navbar";

<HideOnScrollNav
  labels={{ links: ["Product", "Docs", "Pricing"], cta: "Sign up", menu: "Open menu", close: "Close menu" }}
/>

This is a Pro component

You can try the preview. The source and CLI install unlock with Pro.

Get Pro
PreviousBurger menuNextDock