Skip to content
Simple mobile-friendly responsive navbar built with React
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src update to v2.0.0 using React v16 Jun 7, 2019
.gitignore update to v2.0.0 using React v16 Jun 7, 2019
README.md update to v2.0.0 using React v16 Jun 7, 2019
package-lock.json
package.json update to v2.0.0 using React v16 Jun 7, 2019
postcss.config.js update to v2.0.0 using React v16 Jun 7, 2019
react-nav.png change readme image Jun 13, 2017
webpack.config.js update to v2.0.0 using React v16 Jun 7, 2019

README.md

Responsive React Navbar

Image

Why this?

Collapsable navbar templates such as Bootstrap exist but often include a lot of extra stuff that you have to remove if you just want something simpler. This is that something simpler. I wanted to build something extremely simple and easy to modify so that it can be used in anything that just requires a simple navbar that collapses for a mobile screen.

With the following features:

  • Responsive, simple navbar template
  • Collapsable for mobile breakpoints
  • Instructions in comments on how to modify & customize
  • Easy to add navbar component & Sass into any React project

Built using:

  • Webpack
  • React, ReactDOM
  • Sass
  • Normalize.css
  • Font Awesome for "hamburger" icon

Version 2.0.0

Built with React and ReactDOM versions 16.8.6. Uses updated React v16 syntax and a lot less code than the previous iteration of this navbar.

View a live version of the project here or for a working CodePen here. For an HTML/CSS only version, click here.

Version 1.0.0

Built with early versions of React and ReactDOM (15.0.1)

Check out a live version here or for a working CodePen here. To access the final build of this verion on GitHub you can click here.

You can’t perform that action at this time.