analytics

Sufee Admin Dashboard

Name: Sufee Admin Dashboard
Author: puikinsh

A simple yet powerful Bootstrap 5 admin dashboard template.

898 stars492 forksHTMLUpdated 8/3/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.6k lines across 16 code files). Setup is light: install Node.js, run one command. Last commit a month ago, MIT license, no tests found.

Size

Small codebase

~2.6k lines · 16 code files · 22 min skim

Setup

Light setup

Install Node.js, run one command.

Runs on

Node.js

No API keys detected

HTML 87%JavaScript 7%SCSS 4%CSS 3%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
CLAUDE.md
The instructions the AI actually follows
3
src/main.js
Where the program starts running
4
package.json
Dependencies and the commands it exposes

What's in each folder

src/Core code — the actual logic68 files

docs/Documentation1 files

screenshots/Folder6 files

scripts/Helper scripts1 files

public/Images & static assets17 files

READMENo tests foundDocumentedNo CIMIT licenseUpdated 1 mo ago

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.

Quick Actions

Details

Creator

puikinsh

Language

HTML