explaingit

akveo/blur-admin

11,297JavaScriptAudience · developerComplexity · 3/5LicenseSetup · moderate

TLDR

BlurAdmin is a pre-built admin dashboard template using AngularJS and Bootstrap that developers can drop into a project to get navigation, UI controls, charts, and maps without designing them from scratch.

Mindmap

mindmap
  root((blur-admin))
    What it does
      Dashboard shell
      Charts and graphs
      Map components
    Tech stack
      AngularJS
      Bootstrap
      Sass and Gulp
    Themes
      Mint theme
      Blur theme
    Use cases
      Internal tools
      Data dashboards
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Build a custom admin dashboard by dropping in this template and customizing the layout and theme to match your project.

USE CASE 2

Display business data as charts and graphs using the bundled Chart.js, Chartist, or amChart integrations.

USE CASE 3

Add interactive maps to an internal tool using the included Google Maps or Leaflet map components.

Tech stack

JavaScriptAngularJSBootstrapSassGulpChart.jsGoogle MapsLeaflet

Getting it running

Difficulty · moderate Time to first run · 30min

Setup documentation lives on an external site, the README itself contains no install steps.

Use freely for any purpose, including commercial projects, as long as you keep the copyright notice.

In plain English

BlurAdmin is a template for building admin dashboards and internal management interfaces on the web. It provides a pre-built visual shell that developers can drop into a project and customize, saving the work of designing layout, navigation, and common UI controls from scratch. It is built with AngularJS, an older JavaScript framework for building interactive web apps, and Bootstrap, a widely used CSS toolkit that handles responsive layout so the interface adapts to different screen sizes. The package includes several charting libraries, specifically amChart, Chartist, Chart.js, and Morris, for displaying data as graphs and charts. It also includes map components using Google Maps, Leaflet, and amMap. Styles are written in Sass, and the build process uses Gulp. Two visual themes are available: a Mint version and a Blur version. Both are shown with demo links in the README. The visual difference is a matter of style rather than functionality. The README is sparse and does not explain setup steps directly. Instead it points to an external documentation site at akveo.github.io/blur-admin. Pre-compiled JavaScript and CSS files are available for download there if you want to skip a local build. A note in the README also points to ng2-admin, a successor project built with the newer Angular 2 framework, for users who prefer that. BlurAdmin is released under the MIT license and is free to use. It was created by Akveo, a software development company that also offers custom project services.

Copy-paste prompts

Prompt 1
I'm using the blur-admin AngularJS dashboard template. How do I add a new page with a Chart.js bar chart?
Prompt 2
How do I switch between the Mint and Blur visual themes in blur-admin?
Prompt 3
How do I add a new item to the sidebar navigation in blur-admin?
Prompt 4
Show me how to embed a Leaflet map widget into an existing blur-admin page.
Open on GitHub → Explain another repo

← akveo on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.