analytics

React Admin Dashboard

Name: React Admin Dashboard
Author: ed-roh

Complete React Admin Dashboard

1,613 stars1,442 forksJavaScriptUpdated 7/29/2024100% free · open source

What it does

A ready‑to‑run React single‑page app that gives you a fully styled admin dashboard with charts, tables, and UI components.

When to use it

•You need a visual admin UI for internal tools and want to avoid building it from scratch.
•Your product already uses a REST API and you need a quick front‑end for metrics, user management, and settings.
•You want a React codebase you can fork and extend with your own business‑specific pages.

Ready-to-paste prompt

npm run dev && open http://localhost:3000/dashboard && npm run lint -- --fix

Heads up: The project requires Node >=14 and a `.env` file with `REACT_APP_API_URL` defined; without it the data‑fetching components will throw runtime errors.

Saves to your device

Use with Claude

New

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

🔑 Needs an API key

Works after you add credentials — the setup agent will ask you for them.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/react-admin-dashboard && curl -fsSL https://workflowstacks.com/api/skills/react-admin-dashboard/claude-skill -o ~/.claude/skills/react-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 React Admin Dashboard works

Codeflow

Free to inspect

React Admin Dashboard is a small JavaScript project (~2k lines across 25 code files). Setup is light: install Node.js, run one command. Last commit 26 months ago, no license file, no tests found.

Size

Small codebase

~2k lines · 25 code files · 17 min skim

Setup

Light setup

Install Node.js, run one command.

Runs on

Node.js

No API keys detected

JavaScript 100%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
src/App.js
Where the program starts running
3
package.json
Dependencies and the commands it exposes

What's in each folder

src/Core code — the actual logic26 files

public/Images & static assets7 files

READMENo tests foundThin docsNo CINo licenseLast update 26 mo ago

Use with Claude

New

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

🔑 Needs an API key

Works after you add credentials — the setup agent will ask you for them.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/react-admin-dashboard && curl -fsSL https://workflowstacks.com/api/skills/react-admin-dashboard/claude-skill -o ~/.claude/skills/react-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

ed-roh

Language

JavaScript