STACK TECH MENÚS

UI MENU ULTIMATE

100 Variaciones de componentes de navegación. Desde lo clásico hasta lo experimental.
HTML + Tailwind + Vanilla JS

01. Dropdown Menus

Products
import Menu from './UI'

02. Sidebar & Vertical Menus

Dash

T
Team Alpha
Channels
# general # random # design
NEXUS

Accordion Nav

Typography Colors Shadows
src
components
Header.jsx
Sidebar.jsx
index.css
app.js

Journal

  • I. Intro
  • II. Chapter One
Socials
Work
About
Dashboard
Team
Projects
Backdrop Active

Menu

Home About Services

03. Bento & Mosaic Menus

Bento Grid Layout

Personal
Workspace

Manage your account & settings

Maps
Media
System Settings

Start

Mail
Xbox
Calendar
Photos Memories from 2024
Home
About
Contact
SALE
Shoes
New Arrivals 2024
MEN
OK
Home
About
Contact
Blog
POW! PLAY
SETTINGS
EXIT GAME
SPIN

04. Bottom Nav, Docks & Icons

Call
John Doe 00:23

05. Contextual & Interaction Menus

Right Click Area (Simulated)
Hold Click (Hover)

Hey, check out this menu style!

CANVAS
Hover for Info

06. Top Navigation & Headers

STORE
Shop Sale Contact
Workspace / Engineering / Q3 Roadmap
Edited 2m ago

07. Mega Menus & Complex Dropdowns

Photography
Electronics
Books
Fashion

Top Electronics

08. Mobile & Off-Canvas

Work Studio Contact
Hover/Tap to Expand
Swipe Up (Hover)
Menu
Profile Settings Help

09. Gaming & Experimental

  • [ MISSION LOG ]
  • [ ARMORY ]
  • [ SYSTEM ]

Satchel

1
Settings
Game
Media
INSERT COIN 1 CREDIT(S)
START GAME OPTIONS HIGH SCORE

10. Tabs & Segmented Controls

Active Tab
Inactive
Archive