HaloLight

🔀

Frontend-Backend Composable

12 frontend frameworks × 8 backend APIs, freely mix and match for 96 combinations

📊

Draggable Dashboard

Custom Dashboard based on Grid Layout with drag, resize, and persistence support

🔐

Permission Control

RBAC permission management with wildcard matching and fine-grained page/button level control

🎭

Theme System

11 skin presets + dark/light mode with View Transitions animation switching

🧩

shadcn/ui Components

Based on shadcn/ui design system with 30+ beautiful ready-to-use components

🔧

Developer Friendly

TypeScript type safety, Mock.js data simulation, comprehensive documentation

🏗️ Architecture Overview

Full Frontend-Backend Separation

Independent Repos & Deployment: Frontend on CDN/edge, backend with elastic scaling

Contract Alignment: OpenAPI / tRPC / GraphQL Schema ensures frontend-backend coordination

Tech Stack Unlocked: Replace any frontend or backend while maintaining contract compatibility

96 Combination Possibilities

12 Frontend Frameworks： Next.js · Nuxt · Vue · Angular · SvelteKit · Astro · Solid.js · Qwik · Remix · Preact · Lit · Fresh

8 Backend APIs： NestJS · Node.js (Express) · Python (FastAPI) · Java (Spring Boot) · Go (Fiber) · PHP (Laravel) · Bun + Hono · tRPC BFF

Any Combination = 12 × 8 = 96 Stack Options

Common Combination Examples

Combination	Use Case	Advantages
Next.js + NestJS	Multi-tenant SaaS, Enterprise Admin	SSR + TS unified stack, code sharing
Vue + FastAPI	Quick delivery for small teams	Lightweight, Python data ecosystem
Angular + Spring Boot	Large enterprise, long-term projects	Strong typing, mature middleware
SvelteKit + Go Fiber	High-performance real-time apps	Ultimate performance, low resources
Any Frontend + tRPC BFF	Mobile/Desktop multi-platform	Type sharing, aggregation & simplification

Combination

Use Case

Advantages

Next.js + NestJS

Multi-tenant SaaS, Enterprise Admin

SSR + TS unified stack, code sharing

Vue + FastAPI

Quick delivery for small teams

Lightweight, Python data ecosystem

Angular + Spring Boot

Large enterprise, long-term projects

Strong typing, mature middleware

SvelteKit + Go Fiber

High-performance real-time apps

Ultimate performance, low resources

Any Frontend + tRPC BFF

Mobile/Desktop multi-platform

Type sharing, aggregation & simplification

Decoupling Benefits

✅ Parallel Team Delivery: Frontend and backend teams develop independently

✅ Scale on Demand: Frontend static/SSR, backend microservices/serverless

✅ Flexible Tech Upgrades: Replace either side without affecting the other

✅ Multi-Team Collaboration: Different tech stack teams share the same API

HaloLightFull-Stack Decoupled Admin Dashboard

Frontend-Backend Composable

Draggable Dashboard

Permission Control

Theme System

shadcn/ui Components

Developer Friendly

🏗️ Architecture Overview ​

Full Frontend-Backend Separation ​

96 Combination Possibilities ​

Common Combination Examples ​

Decoupling Benefits ​

🏗️ Architecture Overview

Full Frontend-Backend Separation

96 Combination Possibilities

Common Combination Examples

Decoupling Benefits