Open SourceNext.js 15React 19

Unchained Admin UI

The open-source admin dashboard for Unchained Commerce — manage your headless e‑commerce with AI superpowers

View on GitHub

See it in Action

A modern, intuitive interface for managing your entire e‑commerce operation

Dashboard

Products

Product CRUD

Features

Everything you need to manage a modern e‑commerce platform

AI Copilot

Built-in AI assistant with Model Context Protocol (MCP) for intelligent automation

Product Management

Simple, Bundle, Configurable, Subscription Plans & NFT-tokenized products

Order & Fulfillment

Complete order lifecycle with configurable workflows

B2B Quotations

Professional quotation management with approval workflows

Inventory Control

Multi-warehouse tracking with low-stock alerts

Payment & Shipping

Integrate any payment gateway or delivery provider

Multi-language & Currency

Full i18n support with country-specific locales

Role-Based Access

Granular permissions with build-time security

Customizable Branding

White-label ready with custom logos

Responsive Design

Works on desktop, tablet, and mobile

Tech Stack

Built with modern technologies for performance and developer experience

Next.js 15

React 19

Apollo GraphQL

Tailwind CSS 4

TypeScript

Plus: Formik, React Intl, Headless UI, Recharts, Cypress, AI SDK

Quick Start

Get up and running in minutes with a simple setup process

Prerequisites

Node.js 22+
Unchained Engine running on localhost:4010

Terminal

# Clone the repository

$git clone git@github.com:unchainedshop/unchained.git

$cd admin-ui

# Install dependencies

$npm install

# Start development server

$npm run dev

Ready on http://localhost:3000

Configuration

Environment variables for customizing your Admin UI deployment

Variable

Default

Description

NEXT_PUBLIC_GRAPHQL_ENDPOINT

http://localhost:4010/graphql

Unchained Engine GraphQL endpoint

NEXT_PUBLIC_LOGO

—

URL to your custom logo

Example .env.local

NEXT_PUBLIC_GRAPHQL_ENDPOINT=https://your-engine.example.com/graphql
NEXT_PUBLIC_LOGO=https://your-cdn.com/logo.svg

Modular Architecture

27+ domain modules organized for maintainability and scalability

📦product/Catalog & variants

📋order/Order management

💼quotation/B2B quotations

🤖copilot/AI assistant

🎫token/NFT tokenization

🔄enrollment/Subscriptions

📁assortment/Categories

👤user/Customer management

💳payment-providers/Payment gateways

🚚delivery-provider/Shipping

🌍country/Multi-country

💰currency/Multi-currency

Each module follows the pattern:

components/React components

hooks/Data fetching hooks

fragments/GraphQL fragments

utils/Domain utilities

Development Commands

npm run devStart dev server with debugging

npm run buildProduction build

npm run lintRun ESLint

npm run formatFormat with Prettier

npm run codegenGenerate GraphQL types

npm run test:e2eRun Cypress E2E tests

Deployment Options

Static Export

Deploy to any CDN — Vercel, Netlify, S3, and more

npm run build# Output in ./out/

Express / Fastify

Integrate directly into your existing Node.js server

import { expressRouter } from '@unchainedshop/admin-ui/express';

Ready to Get Started?

Experience the power of a modern admin interface designed for efficiency and ease of use.

View on GitHub Read Documentation