Dynamic Fill Nav

Bi-Directional Interactive Fill Menu

Bi-Directional Motion: Choose between a vertical "rising" fill or a horizontal "swipe" effect to match your site's flow. Outline to Solid Transition: Seamlessly switch from elegant 2px (customizable) strokes to full-color fills on interaction. Dynamic Labels: Add superscript markers or numbers (e.g., "08", "17") with full control over their font, style, and X/Y offset. Precise Animation Tuning: Adjust Hover Duration and choose from multiple Easing presets (like Ease Out) for a natural feel. Full Customization: Control gaps, alignment, and typography for a perfectly balanced menu. Fully Responsive: Optimized layouts for Desktop, Tablet, and Mobile, ensuring a smooth experience on touch screens. Ideal for bold, Swiss-style layouts where typography is the main hero of the design.

Bi-Directional Interactive Fill Menu