Add simple and nested pages to your JHipster app

Usage no npm install needed!

<script type="module">
  import generatorJhipsterNavElement from '';


Generate <Page />s With Ease !!!

NPM version Dependency Status Build Status Generator Build Status Coverage Status



This generator scaffolds 2 kinds of pages in your JHipster application:

📄 A Single Page

📄 A Single Page With 2 Nested Pages

Supported frontends:

  • Angular
  • React
  • Vue.js coming soon

Installing JHipster

To install JHipster globally:

npm install -g generator-jhipster

More information on official site

Installing the generator-jhipster-nav-element module

with NPM

To install this module globally:

npm install -g generator-jhipster-nav-element

with Yarn

To install this module globally:

yarn global add generator-jhipster-nav-element


To generate a specific component(s) on an application generated by JHipster:

cd my-jhipster-project
npx yo@4.0.0-beta.0 jhipster-cookie-consent


yo@3.x won't work as jhipster-nav-element requires yeoman-environment at least ** 3.0.0**, and yo@3.x currently works with 2.10.3

Updating this module

with NPM

npm update -g generator-jhipster-nav-element

with Yarn

yarn global upgrade generator-jhipster-nav-element


Apache-2.0 © [Vivek More]

💚 this module? Donate