Nebular is a great toolkit if you build Rich UI web-application based on Angular, and want to bootstrap your development using essential features out of the box. It provides you with a set of native Angular components, themeable components, authentication and security layers easily configurable for your API. At the same time, Nebular allows you to use it together with any other UI library you choose.

Help us to make Nebular better!

Documentation | ngx-admin demo | StackBlitz Seed Project

Install Nebular with Angular CLI

ng add @nebular/theme@next

And that's it. Configuration will be done automatically.

If you want to have more control over setup process you may use manual setup guide.

1. Install Nebular modules

npm install --save @nebular/theme@next @angular/cdk@next @angular/animations@next

Additionally you can install Auth and Security npm install --save @nebular/auth@next @nebular/security@next

2. Register Nebular theme module into app.module:

import { RouterModule } from '@angular/router';
import { NbThemeModule } from '@nebular/theme';

@NgModule({
  imports: [
    RouterModule.forRoot([ ... ]), // Router is required by Nebular
    NbThemeModule.forRoot(),
  ]
})
export class AppModule { }

3. Register theme styles

"styles": [
  "node_modules/@nebular/theme/styles/prebuilt/default.css",
],

4. Create a page with Nebular components

import { NbLayoutModule, NbButtonModule } from '@nebular/theme';

@NgModule({
  imports: [
    NbLayoutModule,
    NbButtonModule,
  ],
})
export class SomePageModule { }

@Component({
  template: `
    <nb-layout>
      <nb-layout-header fixed>Awesome Nebular</nb-layout-header>
      
      <nb-layout-column>
        <button nbButton>Hello World!</button>
      </nb-layout-column>
    </nb-layout>
  `,
})
export class SomePageComponent { }

That's it. Check Documentation for more details.

• ngx-admin - application based on Nebular modules with beautiful IOT components. Live Demo.
• ngx-admin-starter - clean application based on Nebular modules with a limited number of additional dependencies.

• VSCode Extension - a Visual Studio Code snippets extension for Nebular components and directives.
• Intellij Plugin - a Intellij (WebStorm, IDEA, etc) Live template plugin for Nebular components and directives.

MIT license.

This project runs its tests on multiple desktop and mobile browsers using BrowserStack.

• Eva Icons - 480+ beautiful Open Source icons
• ngx-admin - the best Angular admin template

• Star our GitHub repo ⭐
• Create pull requests, submit bugs, suggest new features or documentation updates 🔧
• Follow us on Twitter 🐾
• Like our page on Facebook 👍

Made with ❤️ by Akveo team. Follow us on Twitter to get the latest news first! We're always happy to receive your feedback!