workflowstacks
analytics

Ngx Admin

Customizable admin dashboard template based on Angular 10+
25,687 stars7,897 forksTypeScriptUpdated 9/25/2024100% free · open source
What it does

A ready‑to‑use, fully responsive admin dashboard built with Angular 10+ and Nebular UI, letting you ship data‑rich internal tools fast.

When to use it
  • •You need a polished admin UI (charts, tables, auth) and want to avoid building it from scratch.
  • •Your product’s internal tools are Angular‑based and you want a consistent design system (Nebular) out of the box.
  • •You need a starter that already includes routing, lazy‑loaded modules, and theme switching for rapid prototyping.
Ready-to-paste prompt
ng generate component pages/users --module=app.module && echo "import { NbCardModule } from '@nebular/theme';\n@NgModule({\n  imports: [NbCardModule],\n  declarations: [UsersComponent]\n}) export class UsersModule {}" >> src/app/pages/users/users.module.ts
Heads up: You must be using Node 12+ and have the Angular CLI installed globally (`npm i -g @angular/cli`); otherwise `npm start` will fail with a “Cannot find module '@angular-devkit/build-angular'” error.
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/ngx-admin && curl -fsSL https://workflowstacks.com/api/skills/ngx-admin/claude-skill -o ~/.claude/skills/ngx-admin/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Ngx Admin works
Codeflow
Free to inspect

Ngx Admin is a medium TypeScript project (~11k lines across 244 code files). Expect some technical setup — comfortable with a terminal, or ask a developer. Last commit 23 months ago, MIT license, has a test suite.

Size
Medium codebase
~11k lines · 244 code files · ~1 h to skim
Setup
Some technical setup
Comfortable with a terminal? 20–40 min. Otherwise ask a dev.
Runs on
Node.js
No API keys detected
TypeScript 67%HTML 22%SCSS 10%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    src/main.ts
    Where the program starts running
  3. 3
    package.json
    Dependencies and the commands it exposes
What's in each folder
src/Core code — the actual logic466 files
.github/CI / automation (GitHub Actions)5 files
.vscode/Editor / agent settings2 files
e2e/Tests — proof it works2 files
READMEHas testsDocumentedCI checksMIT licenseLast update 23 mo ago
Quick Actions
Details
Creator
akveo
Language
TypeScript
Category
analytics
Published
5/25/2016

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.

Ready-to-run pack · one-time $29

Competitor Watch

Get emailed the moment a rival changes their price or pitch.

Includes the tested workflow and a written setup playbook. Needs: No extra API — just watches the pages you list.

See what you get

Related skills

More analytics tools founders pair with this one.

analytics★ 113,574
D3
Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
analytics★ 110,960
TypeScript: Cleaner JS Code
Get reliable JavaScript output with TypeScript.
analytics★ 94,581
Fast Design with Open-Design
Get native app design with web, desktop, mobile prototypes.
analytics★ 90,206
Vue Element Admin
:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
analytics★ 76,650
Grafana: Unified Insights
Get unified metrics and monitoring for your startup with Grafana, a platform used by many, ideal for founders needing data visibility.
analytics★ 74,670
Superset: Data Insights
Get data visualization and exploration with Superset, a platform for founders in data-driven startups.