analytics

sufee-admin-dashboard

A simple yet powerful Bootstrap 5 admin dashboard template.
899 stars494 forksHTMLUpdated 10/20/2026100% free · open source
What it does

A ready‑to‑use, responsive admin UI built with Bootstrap 5 that you can drop into any web app for dashboards, tables, charts, and forms.

When to use it
  • •You need a professional‑looking admin panel fast without writing CSS from scratch.
  • •Your product’s internal tools (analytics, user management, reporting) require a clean, responsive layout.
  • •You want a free, open‑source Bootstrap 5 template that works out‑of‑the‑box with minimal setup.
Ready-to-paste prompt
npx serve -s . -l 8080 && open http://localhost:8080/index.html   # launches the dashboard locally for quick testing
Heads up: The template uses ES6 modules and modern CSS, so you need Node 12+ (or any recent npm) and must serve the files over HTTP; opening index.html directly via file:// will break chart rendering and dynamic menu toggles.
Saves to your device
Use with Claude
New

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

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/sufee-admin-dashboard && curl -fsSL https://workflowstacks.com/api/skills/sufee-admin-dashboard/claude-skill -o ~/.claude/skills/sufee-admin-dashboard/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 sufee-admin-dashboard works
Codeflow
Free to inspect

Sufee-admin-dashboard is a small HTML project (~2.7k lines across 17 code files). Setup is light: install Node.js, run one command. Last commit this month, MIT license, no tests found.

Size
Small codebase
~2.7k lines · 17 code files · 22 min skim
Setup
Light setup
Install Node.js, run one command.
Runs on
Node.js
No API keys detected
HTML 86%JavaScript 7%SCSS 4%CSS 3%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    CLAUDE.md
    The instructions the AI actually follows
  3. 3
    src/main.js
    Where the program starts running
  4. 4
    package.json
    Dependencies and the commands it exposes
What's in each folder
src/Core code — the actual logic78 files
docs/Documentation1 files
screenshots/Folder6 files
scripts/Helper scripts1 files
public/Images & static assets17 files
READMENo tests foundDocumentedNo CIMIT licenseUpdated this month
Quick Actions
Details
Creator
puikinsh
Language
HTML
Category
analytics
Published
1/19/2018

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/sufee-admin-dashboard.svg)](https://workflowstacks.com/skills/sufee-admin-dashboard?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.

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