Nebular

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.

A Second of your time

Help us to make Nebular better!

Getting started

Documentation | ngx-admin demo | StackBlitz Seed Project

Installation

Angular CLI

Install Nebular with Angular CLI

ng add @nebular/[email protected]

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.

Manual

  1. Install Nebular modules
npm install --save @nebular/[email protected] @angular/[email protected] @angular/[email protected]

Additionally you can install Auth and Security npm install --save @nebular/[email protected] @nebular/[email protected]

  1. 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 { }
  1. Register theme styles
"styles": [
  "node_modules/@nebular/theme/styles/prebuilt/default.css",
],
  1. 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.

Starter Kits

Developer Utils

License

MIT license.

BrowserStack

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

More from Akveo

How can I support the developers?

From Developers

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