screenshot of Nebular


:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode


Nebular is a customizable Angular UI Library that focuses on beautiful design and the ability to easily adapt to your brand. It comes with 4 stunning visual themes, a powerful theming engine, and support for custom CSS properties. Nebular is based on Eva Design System specifications and includes 35+ Angular UI components with various settings and configurations. It also offers 3 authentication strategies and security features that are easily configurable for your API.


  • 4 Visual Themes: Nebular includes 4 visually appealing themes, including a new Dark theme that can be easily customized to match your brand.
  • 35+ Angular UI components: The library offers a wide range of UI components with handy settings and configurations to enhance your application's user interface.
  • Configurable options: Nebular provides configurable options for colors, sizes, appearances, shapes, and other useful settings, allowing you to tailor the UI to your specific requirements.
  • 3 Auth strategies and Security: Nebular offers authentication and security features that are easily configurable to protect your API and ensure secure access.
  • Powerful theming engine: The library includes a powerful theming engine with runtime theme switching, allowing you to dynamically switch between different visual themes.
  • SVG Eva Icons support: Nebular supports 480+ general purpose icons from the Eva Icons library, enabling you to enhance the visual experience of your application.
  • Quick Start: Nebular can be installed with Angular CLI, and the configuration process is automated. However, if you prefer more control over the setup process, a manual setup guide is available.
  • Browser Support: Nebular supports most recent browsers, ensuring compatibility across different browser platforms.


To install Nebular with Angular CLI, use the following command:

npm install @nebular/theme

The configuration process will be done automatically. If you prefer a manual setup process, you can follow the manual setup guide provided by Nebular.


Nebular is a customizable Angular UI Library that offers stunning visual themes, a wide range of UI components, and powerful theming capabilities. It also provides authentication and security features that can be easily configured for your API. With Nebular, you can create beautiful and user-friendly Angular applications that align with your brand.


Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.


SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.


Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.

Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.


ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.


Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.


Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.


TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.


Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.