Skip to content

adamculpepper/pure-css-navigation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 

Repository files navigation

A pure CSS navigation system

Features

  • CSS only - no JavaScript!
  • No dependencies
  • Fully reponsive
  • Fully customizable
  • Font icon support
  • Justified (equal widths) for the first nav level
  • Dropdown arrows for nav parents with children
  • Auto-fit width to sub-navigation levels
  • Horizontal and vertical navigation support
  • Mobile navigation using the same nav structure
  • Unlimited sub-navigation levels
  • Supports all modern browsers
  • Search engine friendly
  • Screen reader friendly
  • Doesn't need a bunch of class names on inner elements
  • Doesn't dump a bunch of global styles that'll screw with your other CSS

TODO

  • Test and disclose full browser support
  • Make menu hamburger and close icons SVGs
  • Add in disabled link support
  • Center align whole navigation
  • Test font icons in the navigation text
  • Theme support?
  • Triangle arrows for sub-navigation?
  • Add blurring behind the mobile navigation
  • Add hovers for the hamburger and close buttons in mobile navigation
  • RTL mode?
  • Slide down animation option for 2nd levels and above
  • Create feature graph of other navigation systems
  • Animate arrow icons on hover
  • Drop left/up support

About

A pure CSS navigation system

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages