Sidenav - UI elements - Appwork

Appwork

Dashboards
Layouts
ELEMENTS
Typography
User inteface
- Buttons
- Badges
- Button groups
- Dropdowns
- Navs
- Pagination and breadcrumbs
- Progress bars
- List groups
- Notifications
- Modals
- Tooltips and popovers
- Thumbnails
- Cards
- Accordion
- App brand
- Navbar
- Sidenav
- Footer
- Carousel
- Lightbox
- Drag&Drop
- Treeview
- Plyr
- Cropper.js
- Shepherd tour
- Fullcalendar
- Spinners
Forms
Tables
Charts
- GMaps
- Mapael
- Flot.js
- C3.js
- Chartist
- Chart.js
- Morris.js
- Sparkline
Icons
Miscellaneous
- Brand colors
- Masonry
- SpinKit
- Ladda
- Numeral.js
- BlockUI
- Idle Timer
- Perfect Scrollbar
- Clipboard.js
EXTRAS
Pages

59
- Articles
  - List
  - Edit
- Authentication
  - Login v1
  - Register v1
  - Login v2
  - Register v2
  - Login v3
  - Register v3
  - Login + Register
  - Lock screen v1
  - Lock screen v2
  - Password reset
  - Email confirm
- Education
  - Courses v1
  - Courses v2
- E-commerce
  - Product list
  - Product item
  - Product edit
  - Order list
  - Order detail
- Forums
  - List
  - Threads
  - Discussion
- Messages v1
  - List
  - Item
  - Compose
- Messages v2
  - List
  - Item
  - Compose
- Messages v3
  - List
  - Item
  - Compose
- Projects
  - List
  - Item
- Tickets
  - List
  - Edit
- Users
  - List
  - View
  - Edit
- Account settings
- Chat
- Clients
- Contacts
- FAQ
- File manager
- Gallery
- Help center
- Invoice
- Kanban board
- Pricing
- Profile v1
- Profile v2
- Search results
- Task list
- Teams
- Vacancies
- Voting
Complete UI
- Base
- Plugins
- Charts

UI elements / Sidenav

Vertical

Horizontal

Horizontal (show dropdown on hover)

Horizontal (within container)

No animation

No accordion

Elements

Mike Greene

5 new messages

Milestone

55%

Release

80%

Colors (vertical)

Colors (horizontal)

With background