MCPcopy Index your code
hub / github.com/akhrarovsaid/payload-theme-quantum-leap

github.com/akhrarovsaid/payload-theme-quantum-leap @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
57 symbols 145 edges 40 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

readme-banner1

Quantum Leap - a PayloadCMS theme

This is a demo theme for PayloadCMS based on this excellent mockup on the Payload website. This theme is primarily focused on the Dashboard home and Login views.

Preview video

Login---Payload.webm

Getting started

  1. Clone this repo
  2. Copy .env.example to .env and populate as needed
  3. Run pnpm dev

Navigating the files

The bulk of the theming is done in the theme folder where you have the .scss files. These are mostly overrides for existing Payload styles. There are various components included, the most interesting ones here are the BeforeLogin, Dashboard, FeatureCard, and Nav components as they make up the bulk of the dashboard view.

Some notes

  • Light mode is not supported right now, this is meant to be just a simple demo of how easy it can be to customize virtually anything in the admin ui.
  • The List/Edit views weren't the focus of this demo theme and may come at a later time.
  • This is a simple demo that includes a theme for the admin ui only. There is no frontend application attached to this theme.

Attributes

  • Database: mongodb
  • Storage Adapter: localDisk

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Interface 36
Function 21

Languages

TypeScript100%

Modules by API surface

src/payload-types.ts36 symbols
src/elements/Logo/index.tsx2 symbols
src/elements/Dashboard/DashboardGroup/index.tsx2 symbols
src/app/(payload)/layout.tsx2 symbols
src/app/(payload)/admin/[[...segments]]/page.tsx2 symbols
src/app/(payload)/admin/[[...segments]]/not-found.tsx2 symbols
src/elements/Nav/navIconMap.ts1 symbols
src/elements/Nav/index.tsx1 symbols
src/elements/Nav/index.client.tsx1 symbols
src/elements/Nav/NavWrapper/index.tsx1 symbols
src/elements/Nav/NavHamburger/index.tsx1 symbols
src/elements/Dashboard/index.tsx1 symbols

Datastores touched

(mongodb)Database · 1 repos
my-db-nameDatabase · 1 repos

For agents

$ claude mcp add payload-theme-quantum-leap \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page