https://github.com/pengjinning/admin-clone

clone admin dashboard in minutes
https://github.com/pengjinning/admin-clone

clone-website

Last synced: 8 days ago
JSON representation

clone admin dashboard in minutes

• Host: GitHub
• URL: https://github.com/pengjinning/admin-clone
• Owner: pengjinning
• License: mit
• Created: 2025-11-29T08:25:15.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-11-29T10:08:26.000Z (7 months ago)
• Last Synced: 2025-12-01T10:53:29.774Z (7 months ago)
• Topics: clone-website
• Homepage: https://www.adminclone.com
• Size: 8.18 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Admin Clone

Chrome extension that analyzes admin dashboards, reconstructs their component tree, and exports ready-to-edit source code.

## Features

- One-click analysis of the current admin panel

- Traversal engine that walks menu structures and captures every page

- Code generation targeting React + Ant Design (more stacks coming)

- Popup UI plus persistent Chrome side panel

## Local Installation (Chrome)

1. Download the latest `admin-clone.zip` asset from the repo (generated by `package_and_sync.sh`).

2. Extract the zip; you will see a ready-to-load `dist/` folder inside.

3. Open `chrome://extensions`, enable **Developer mode**, then click **Load unpacked**.

4. Select the extracted `dist/` directory.

5. (Optional) Pin the extension and open the side panel via the puzzle icon → “Admin Clone”.

## Screenshots

| Analysis | Pages |

| --- | --- |

| ![Analysis workflow](images/admin_clone_analysis.png) | ![Pages traversal](images/admin_clone_pages.png) |

| Code Preview | Settings |

| --- | --- |

| ![Generated code preview](images/admin_clone_code.png) | ![Settings tab](images/admin_clone_settings.png) |