A desktop-only floating browser navigation bar that appears only when needed, adapts to website themes, and enhances navigation speed without clutter.
- Back
- Forward
- Reload
- Home (custom start page)
All actions use native browser APIs.
- Appears only when cursor reaches top-center of the page
- Auto-hides after inactivity
- Hides on scroll-down, reappears on scroll-up
- Detects page brightness
- Automatically switches between light and dark styles
- Prevents blending with page UI
- Maintains strong contrast at all times
- Glassmorphism container (blur + saturation)
- Smooth fade & slide animation
- Micro-interactions (hover, tap, press)
- SVG icons (crisp at any DPI)
- Hover-based tooltip reveal
- Context-aware labels
- Right-click / long-hover support
- Non-blocking, lightweight tooltips
Toolbar stays hidden.
Move cursor to the top center of the screen.
Click any SVG icon to perform navigation instantly.
Hover or right-click icons for instant hints.
const START_PAGE = "https://your-homepage-url";const TOP_TRIGGER_HEIGHT = 60;
const CENTER_TRIGGER_WIDTH = 180;- Minimal, not distracting
- Appears only when intentional
- Browser-native feel
- Performance first
- No visual pollution
- Power users
- Large screens
- Touchpad / mouse workflows
- Clean UI enthusiasts
- Custom browser extensions
✔ Smart ✔ Adaptive ✔ Minimal ✔ Fast ✔ Professional
This navigation bar behaves like a native browser feature, not a website overlay.