Open SourceNext.js 15React 19

Unchained Admin UI

The open-source admin dashboard for Unchained Commerce. Crafted with care for merchants who demand more — intuitive workflows, AI-powered automation, and a beautiful interface that makes managing your store a pleasure, not a chore.

See it in Action

Every pixel thoughtfully designed. Every interaction carefully considered. We obsessed over the details so you can focus on what matters — growing your business. From quick glances at daily stats to deep dives into product catalogs, the Admin UI feels fast, fluid, and familiar from day one.

Dashboard
Admin UI Dashboard
Products
Product Management
Product CRUD
Product Detail View

Features

Built by e‑commerce veterans who understand the daily grind of running an online store. Every feature exists because real merchants needed it — no bloat, no complexity for complexity's sake. Just powerful tools that work the way you think.

AI Copilot

Built-in AI assistant with Model Context Protocol (MCP) for intelligent automation. Generate product descriptions, analyze sales trends, and automate repetitive tasks with natural language.

Product Management

Simple, Bundle, Configurable, Subscription Plans & NFT-tokenized products. Bulk import/export, variant management, and rich media support with drag-and-drop uploads.

Order & Fulfillment

Complete order lifecycle with configurable workflows. Process payments, manage returns, print shipping labels, and track fulfillment status in real-time.

B2B Quotations

Professional quotation management with approval workflows. Custom pricing tiers, volume discounts, and automated follow-ups for enterprise sales cycles.

Inventory Control

Multi-warehouse tracking with low-stock alerts. Automatic reorder points, batch/lot tracking, and real-time stock synchronization across all sales channels.

Payment & Shipping

Integrate any payment gateway or delivery provider. Stripe, PayPal, crypto, and custom providers with configurable rules for taxes and shipping rates.

Multi-language & Currency

Full i18n support with country-specific locales. Manage translations, regional pricing, and currency conversions with automatic exchange rate updates.

Role-Based Access

Granular permissions with build-time security. Define custom roles for staff, managers, and partners with fine-grained control over every feature and data set.

Customizable Branding

White-label ready with custom logos. Match your brand identity with custom colors, typography, and domain configuration for a seamless customer experience.

Responsive Design

Works on desktop, tablet, and mobile. Manage orders on the go, check inventory from anywhere, and respond to customer inquiries from any device.

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?

Join merchants who've discovered what e‑commerce management should feel like. Open source means you own it completely — fork it, extend it, make it yours. No licensing fees, no vendor lock-in, just a beautifully crafted tool that grows with your business.