Skip to content

DanielCordero/nebular

 
 

Repository files navigation

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 Page layout component, with configurable columns, header and footer.
Sidebar Layout sidebar with multiple states.
Menu Multi-depth menu component.
Card Basic card with arbitrary header and footer.
Flip Card A card with back and front sides and "flip" switching effect.
Reveal Card A card with back and front sides and "reveal" switching effect.
Search Global search with amazing showing animations.
Tabs Basic and route-based tab components.
Actions Horizontal actions bar.
User User avatar with a context menu.
Badge Simple helper components for showing a badge.
Popover Pop-up box that appears when a user clicks on an element.
Context Menu A directive to attach a menu to any element.
Checkbox Simple checkbox with two-way data binding support.

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.

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!

About

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

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 76.1%
  • CSS 19.5%
  • JavaScript 2.4%
  • Shell 1.5%
  • HTML 0.5%