Frank UI
Home
Components
Examples
Theme
Theme Customizer
X
Primary:
Secondary:
Text:
BG:
Success:
Warning:
Alert:
Info:
Gutter (px):
Font Name:
Font Size:
Line Height:
Font Style:
Font Weight:
Components
Accordion
Alert
Action Button
App Bar
Audio Button
Breadcrumbs
Bulls
Buttons
Cards
Cloak
Collapse
Common CSS
Context Menu
Carousel
Cookie
jQuery PHP
Desktop
Dialogs
DatePicker
Dropdown
Emojis
File Input
Forms
Input Mask
Grid
Hero
Icons
List Group
Loaders
Navbar
NavView
Menu
Notifications
Pagination
Panels
Progress
QR Code
Rating
Remark
Ribbon
Sidenav
Splitter
Tabs
Taskbar
Timeline
Toolbar
Tooltip
Tree
Validation
Window
Working Tree
Home
Components
Sidenav
Sidenav
A simple side navigation component.
Preview
Code
Navigation
🏠
Dashboard
⚙️
Settings
<ul data-role="sidenav">...</ul>