/nebular

Nebular is a set of essential modules for your next Angular 6 application.

Primary LanguageTypeScriptMIT LicenseMIT

npm Build Status npm Dependency Status

Nebular is a set of essential modules for your next Angular application.

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 list of native Angular components, unified approach for managing styles of various components (3rd party including) and 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.

Getting started

Documentation | ngx-admin demo

🎨 Theme

@nebular/theme

Main Nebular module which includes UI Kit and Theme System.

Native Angular Components

Component Description
Layout akveo.github.io/nebular/docs/components/layout/overview
Sidebar akveo.github.io/nebular/docs/components/sidebar/overview
Menu akveo.github.io/nebular/docs/components/menu/overview
Card akveo.github.io/nebular/docs/components/card/overview
Alert akveo.github.io/nebular/docs/components/alert/overview
Flip Card akveo.github.io/nebular/docs/components/flip-card/overview
Reveal Card akveo.github.io/nebular/docs/components/reveal-card/overview
Search akveo.github.io/nebular/docs/components/search/overview
Tabs akveo.github.io/nebular/docs/components/tabs/overview
Actions akveo.github.io/nebular/docs/components/actions/overview
User akveo.github.io/nebular/docs/components/user-avatar/overview
Progress Bar akveo.github.io/nebular/docs/components/progress-bar/overview
Badge akveo.github.io/nebular/docs/components/badge/overview
Popover akveo.github.io/nebular/docs/components/popover/overview
Context Menu akveo.github.io/nebular/docs/components/context-menu/overview
Stepper akveo.github.io/nebular/docs/components/stepper/overview
Chat UI akveo.github.io/nebular/docs/components/chat-ui/overview
Checkbox akveo.github.io/nebular/docs/components/checkbox/overview
Button akveo.github.io/nebular/docs/components/button/overview
Input akveo.github.io/nebular/docs/components/input/overview
List akveo.github.io/nebular/docs/components/list/overview
Infinite List akveo.github.io/nebular/docs/components/infinite-list/overview
Calendar akveo.github.io/nebular/docs/components/calendar/overview
Accordion akveo.github.io/nebular/docs/components/accordion/overview
Spinner akveo.github.io/nebular/docs/components/spinner/overview

Theme System

A set of beautiful styles with handy mixins and guidelines to create and support multiple themes in one project. With themes hot reload without a page refresh.

Bootstrap Styles

Overridings for bootstrap styles for elements consistency with the rest of your theme.

Server Side Rendering

Components are compatible with SSR, meaning that it is possible to render them on a server.

RTL

Right-to-left writing system support for all components.

🔐 Auth

@nebular/auth

UI and logic for front-end authentication flow.

Auth UI Components

Component Description
Login Email & password login page.
Register Sign up page component.
Reset Password A page to request a password reset.
Restore Password A page to set up a new password.
Auth Block Wrapper to center auth component on a page.

Auth Providers

Auth UI decoupled from the communication to a particular back-end throughout authentication provider services allowing you to connect to any backend API.

Token Management

Services to retrieve, store and publish authentication token with helpers for JWT.

Token Storage

Configurable token storage service.

Auth Interceptors

HTTP interceptors to pass authentication token with any HTTP-request.

👮 Security

@nebular/security

ACL

Roles and permission management based on access control list. *nbIsGranted conditional directive.

Starter Kits

  • 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

From Developers

There are a lot of awesome front-end frameworks and libraries out there these days. They provide a massive quantity of useful features making our lives more comfortable. Our intention is not to create a new one as we are pretty much aware of the complexity and amount of work developers put on their creations. But as developers, we feel that nowadays front-end development is disjointed. You have to search for libraries, go through the different installation process, everything looks different, and sometimes it's just annoying that you can't just sit and start going. That's why we are on a mission to assemble together the most useful modules and libraries, join them with a unified application and graphical interface creating a great toolkit for easier setup.

License

MIT license.

BrowserStack

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

How can I support the developers?

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

From Akveo

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