analytics

ReactJS-AdminLTE

Name: ReactJS-AdminLTE
Author: booleanhunter

ReactJS version of the original AdminLTE dashboard (EXPERIMENTAL)- https://github.com/almasaeed2010/AdminLTE

2,338 stars781 forksJavaScriptUpdated 9/7/2021100% free · open source

What it does

Provides a ready‑made React UI kit built on the popular AdminLTE dashboard template, so you can spin up an admin panel with charts, tables, and widgets without hand‑coding the layout.

When to use it

•You need a quick admin interface for internal tools (e.g., metrics, user management) and prefer React over plain HTML.
•Your startup already uses React and wants a pre‑styled dashboard to avoid designing UI from scratch.
•You want a free, open‑source alternative to commercial admin‑panel libraries that integrates with React Router.

Ready-to-paste prompt

npm run build && serve -s build  # builds the dashboard and serves the static files for production

Heads up: The project expects Node >=14 and React 17; using a newer React version (e.g., 18) can cause peer‑dependency warnings and break the built‑in AdminLTE components.

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/reactjs-adminlte && curl -fsSL https://workflowstacks.com/api/skills/reactjs-adminlte/claude-skill -o ~/.claude/skills/reactjs-adminlte/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 ReactJS-AdminLTE works

Codeflow

Free to inspect

ReactJS-AdminLTE is a very large JavaScript project (~177k lines across 505 code files). It is a full software project: use it through its install path rather than reading it end to end. Last commit 61 months ago, Other license, no tests found.

Size

Very large codebase

~177k lines · 505 code files · days to read — use, don't read

Setup

Developer setup

A real software project. Use it via its install path; don't expect to read it all.

Runs on

Node.js

No API keys detected

JavaScript 60%HTML 34%CSS 6%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
server.js
Where the program starts running
3
package.json
Dependencies and the commands it exposes
4
src/components/README.md
Inside src/ — the main logic begins here

What's in each folder

src/Core code — the actual logic94 files

public/plugins/Sub-packages / plugins774 files

views/Frontend / UI6 files

screenshots/Folder15 files

public/bootstrap/Folder11 files

public/libraries/Folder10 files

READMENo tests foundDocumentedNo CIOther licenseLast update 61 mo agoArchived — read only

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/reactjs-adminlte && curl -fsSL https://workflowstacks.com/api/skills/reactjs-adminlte/claude-skill -o ~/.claude/skills/reactjs-adminlte/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

booleanhunter

Language

JavaScript