Customizable admin dashboard template based on Angular 9+

Admin panel framework based on Angular, Bootstrap 4 and Angular CLI Admin template made with ❤️ by Akveo team. Follow us on Twitter to get the latest news about this template first! Demo Live Demo

Information

Category: JavaScript / Boilerplates
Watchers: 899
Star: 24.3k
Fork: 7.7k
Last update: Mar 8, 2023

Resource links

http://akveo.com/ng2-admin/

https://github.com/akveo/ngx-admin

Admin panel framework based on Angular, Bootstrap 4 and Angular CLI

Admin template made with ❤️ by Akveo team. Follow us on Twitter to get the latest news about this template first!

Demo

Live Demo

Angular 1.x version

Here you can find Angular 1.x based version: Blur Admin

Documentation

Installation, customization and other useful articles: https://akveo.github.io/ng2-admin/

Based on

Angular 2+, Angular CLI, Bootstrap 4, and lots of awesome modules and plugins

ngx-admin-next

The next major release is under development in https://github.com/akveo/ng2-admin/tree/ngx-admin branch.

BrowserStack

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

How can I support 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 👍

Can I hire you guys?

Yes! Visit our homepage or simply leave us a message to [email protected]. We will be happy to work with you!

Features

TypeScript
Webpack
Responsive layout
High resolution
Bootstrap 4 CSS Framework
Sass
Angular
jQuery
Charts (Chartist, Chart.js)
Maps (Google, Leaflet, amMap)
and many more!

License

MIT license.

Special thanks to our awesome contributors!

From akveo

Enjoy 🤘 We're always happy to receive your feedback!

463 Open More issues

Closed

Do you plan move project to angular-cli ?

I'm submitting a ... [ ] bug report [ ] feature request [*] question about the decisions made in the repository

Do you plan move your project to angular-cli ?

enhancement

opened Dec 9, 2016 by kardan26 46

Closed

Add JWT automatically for every HTTP request

Is it possible to add a JWT to the HTTP header for every request? How can I achieve this? I need every request to be authenticated with an authorization token by my backend.

Any help is appreciated!

faq

opened Nov 7, 2017 by WerVbn 34

Closed

Stuck on Build Production

I'm submitting a ... [x] bug report [ ] feature request [ ] question about the decisions made in the repository
Do you want to request a feature or report a bug?
What is the current behavior? When i try to build for production its just stuck and not compliitng.

it stuck on this line

61% building modules 593/692 modules 99 active ...n-orignal/src/app/pages/pages.menu.ts

bug

opened Feb 14, 2017 by nomanbiniqbal 32

Closed

Breaking changes: can not create custom login page

See my second comment for the working workaround.

I suspect that everyone that has a custom login page is affected.

Issue type

I'm submitting a ... (check one with "x")

[X] bug report
[ ] feature request
[ ] question about the decisions made in the repository

Issue description

Current behavior: When i try to implement a custom login page as described in https://akveo.github.io/nebular/docs/auth/configuring-ui#custom-ui-components i get some errors.

'nb-alert' is not a known element. My solution is to change theme.module.ts in ngx-admin to: import { NbAlertModule, //I added this line NbActionsModule, NbCardModule, NbLayoutModule, NbMenuModule, NbRouteTabsetModule, NbSearchModule, NbSidebarModule, NbTabsetModule, NbThemeModule, NbUserModule, NbCheckboxModule, NbPopoverModule, NbContextMenuModule, } from '@nebular/theme';

And: const NB_MODULES = [ NbAlertModule, //I added this line NbCardModule, NbLayoutModule, NbTabsetModule, NbRouteTabsetModule, NbMenuModule, NbUserModule, NbActionsModule, NbSearchModule, NbSidebarModule, NbCheckboxModule, NbPopoverModule, NbContextMenuModule, NgbModule, NbSecurityModule, // *nbIsGranted directive ];

After that i get this error: Error: Template parse errors: Can't bind to 'status' since it isn't a known property of 'input'. (" autofocus fullWidth [ERROR ->][status]="email.dirty ? (email.invalid ? 'danger' : 'success') : ''" [required]="ge"): ng:///ThemeModule/[email protected]:17 Can't bind to 'status' since it isn't a known property of 'input'. (" placeholder="Password" fullWidth [ERROR ->][status]="password.dirty ? (password.invalid ? 'danger' : 'success') : ''" [require"): ng:///ThemeModule/[email protected]:17 Can't bind to 'routerLink' since it isn't a known property of 'a'. ("r *ngFor="let socialLink of socialLinks"> <a *ngIf="socialLink.link" [ERROR ->][routerLink]="socialLink.link" [attr.target]="socialLink.target" [a"): ng:///ThemeModule/[email protected]:17 'nb-auth-block' is not a known element:
If 'nb-auth-block' is an Angular component, then verify that it is part of this module.
If 'nb-auth-block' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" [ERROR ->] Hello! "): ng:///ThemeModule/[email protected]:4

I am trying to find a solution for this as we speak. It looks like in my custom login component

input nbInput the directive is not recognized, so i have to find a way to import it in my themes.module.ts, but the input directive in @nebular/components is missing.

Steps to reproduce: Install from scratch and try to create a custom login page

Related code: This problem is related to Feat/auth button input # 595 in the nebular repository.

opened Aug 4, 2018 by Prefix1802 29

Closed

HTML 5 Routing

Sort of a bug, but more of a feature request.

What is the effort to convert links to HTML 5 routes versus hash routing? Angular recommends using HTML 5 routing over hash routing. Has routing also does not appear to work with auth0 although I am seeking support from them for help.

When I set hash routing to false in app.routing.ts:

export const routing = RouterModule.forRoot(routes, { useHash: false });

The initial page will load, but all links will be broken.

needs investigation help wanted

opened Sep 23, 2016 by gregkopp 26

Closed

Feature, Menu disable, hidden

I'm submitting a ... [ ] bug report [x] feature request [ ] question about the decisions made in the repository
Do you want to request a feature ?

To make it easier working with the project as starter it would be nice if we have 2 new options in pages.menu.

hidden: true, false

Sets the menu point invisible. This makes it easier if we update the project with new versions, so we only have to set the menu points hidden again and don´t have to delete them from the file.

disable: true

Menu points should be written in grey. This would make it possible to show user permisions already in the menu. E.g user X is not allowed to acces dashboard so its written in grey and he can´t click on it.

I build this ugly by my own, but I´m sure more people would have a use of it.

What is the current behavior?

Pages.menu and pages.routing contain the Pages. To remove one you have to change both files.

enhancement

opened Jun 6, 2017 by Mr-Sloth 25

Open

RTL not working

Issue type

Styling

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] question about the decisions made in the repository

Issue description

I have used NbThemeModule.forRoot() to change my app to Rtl but it doesn't make any changes. Current behavior: nothing happened

Expected behavior: change the dir attribute in tag its fixed to ltr

Steps to reproduce:

Related code:

insert short code snippets here
export class ThemeModule {
  static forRoot(): ModuleWithProviders<ThemeModule> {
    return {
      ngModule: ThemeModule,
      providers: [
        ...NbThemeModule.forRoot(
          {
            name: 'default',
          },
          [DEFAULT_THEME, COSMIC_THEME, CORPORATE_THEME, DARK_THEME],
          null,
          NbLayoutDirection.RTL
        ).providers,
      ],
    };
  }
}

Other information:

npm, node, OS, Browser

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular

<!--
   "@nebular/auth": "5.0.0",
    "@nebular/eva-icons": "5.0.0",
    "@nebular/security": "5.0.0",
    "@nebular/theme": "5.0.0",
-->

opened Mar 6, 2023 by alhussien76 0

Open

Serious mistakes

opened Mar 1, 2023 by hzhoup 0

Open

Build to prod - I cant make it work

Issue type

**I'm submitting a doubt (check one with "x")

[x ] bug report
[ ] feature request
[ ] question about the decisions made in the repository

Issue description

Current behavior: The webapp is working in localhost:4200 but when I perform the npm run build:prod and then open the index.html I just get the spinner running

Expected behavior: The app should work in the index.html

Steps to reproduce: Just create a new build

Other information:

Share this repo

Related Repos

Boilerplates

A react-typescript boilerplate including🌐🚀

A react-typescript boilerplate including prettier eslint lint-staged husky Docs TypeScript is a strongly typed programming language that builds on Jav

Boilerplates

Next + Stitches + Zustand Starter Boilerplate

This is a template repo for creating million $ apps using NextJS + Stitches + Zustand. Libraries Included NextJS - Main React Framework Stitches - Sty

Boilerplates

ExpressJS + TypeScript Production Ready Boilerplate

ExpressJS - Typescript Boilerplate Hey There! 🙌 🤾 that ⭐️ button if you like this boilerplate. ❯ Structure ├── src │ ├── app.ts │ ├── configs

Boilerplates

Batteries included starter for Adonis apps - React, Inertia, Typescript, Adonis

RITA React Inertia Typescript Adonis with TailwindCSS A batteries-included starter for Adonis apps. Setup You will have to have mysql running on your

Boilerplates

Bootstrap 5 Templates optimized for all devices

Bootstrap 5 Templates optimized for all devices.

Boilerplates

Don't Use Default Boilerplate of create-react-app

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Boilerplates

This is a TypeScript boilerplate for Advent of Code.

🎄 AdventOfCode-typescript-template 🎄 This is a TypeScript boilerplate for Advent of Code. 👷‍♂️ Project structure the project has the following stru

Boilerplates

3.5k

🚀 Boilerplate and Starter for Next.js 12+, Tailwind CSS 2.0 and TypeScript ⚡️ Made with d...

🚀 Boilerplate and Starter for Next.js 12+, Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

Boilerplates

A Typescript Boilerplate for RAGE:MP with simple setup and usage.

A Typescript Boilerplate for RAGE:MP with simple setup and usage. Remember to 🌟 this Github if you 💖 it. 📌 Features Full RAGE:MP Type Support for V

Boilerplates

A JavaScript starter for Next.js that includes all you need to build your next 🦄 project.

A JavaScript starter for Next.js that includes all you need to build your next 🦄 project. Technologies Used Nextjs Eslint Prettier Husky Also include

Boilerplates

Boilerplate used by companies all around the solar system ☀️

+ Chakra Boilerplate You can follow Common Layout Design for Next.js Apps 🚀 Technologies Next.js TypeScript EditorConfig ESLint Prettier commitlint H

Boilerplates

Solana blockchain candy machine app boilerplate on top of Metaplex Candy Machine. NextJS, ...

NFT Candy Factory I'm brainstorming a few ideas at IDEAS and PROGRAM IDEAS if you want to collaborate. NOTE: This repo will prob only work on unix-bas

Boilerplates

Modern Java web application starter template.

Easy, Powerful Full Stack Spring Boot Build slick, fast Spring Boot full stack web applications easily as a solo developer. This project is specifical

Boilerplates

This template should help get you started developing with Vue 3, Vuetify 3 and Typescript ...

This template should help get you started developing with Vue 3, Vuetify 3 and Typescript in Vite.

Boilerplates

291

Provides 9 Free Beautiful dashboard templates built with Tailwind CSS for React, Next.js, ...

Salvia-kit dashboard is a dashboards' website built with Tailwind CSS. We took advantage of Tailwind's flexibility to create a fully customizable premium and professional dashboards, with documentation designed by a developer for developers.

Customizable admin dashboard template based on Angular 9+

Admin panel framework based on Angular, Bootstrap 4 and Angular CLI

Demo

Angular 1.x version

Documentation

Based on

ngx-admin-next

BrowserStack

How can I support developers?

Can I hire you guys?

Features

License

Special thanks to our awesome contributors!

From akveo

Issue type

Issue description

Issue type

Issue description

Other information:

Issue type

Issue description

Other information:

v8.0.0(Oct 8, 2021)

v7.0.0(Oct 7, 2021)

v6.0.0(Aug 19, 2020)

v5.0.0(Apr 2, 2020)

v4.0.1(Jul 16, 2019)

v4.0.0(Jul 2, 2019)

Related Repos