Introduction

HaloLight is a multi-framework enterprise-level admin dashboard solution.

What is HaloLight

HaloLight follows the philosophy of "one design specification, multiple framework implementations", providing developers with a unified Admin Dashboard experience. Whether you use React, Vue, Angular, or other modern frameworks, you'll get consistent functionality and design.

Core Features

Draggable Dashboard

Custom Dashboard system based on Grid Layout, supporting:

• Widget drag and drop arrangement
• Responsive layout adaptation
• Layout state persistence

Permission Control

Complete RBAC permission management system:

• Fine-grained permission control (page/button level)
• Wildcard permission matching (users:*, *)
• Dynamic menu rendering

Theme System

Rich visual customization capabilities:

• 11 skin presets
• Light/Dark mode switching
• View Transitions animation effects

Component Library

Based on shadcn/ui design system:

• 30+ beautiful UI components
• Complete form/table solutions
• Highly customizable

Framework Implementations

All framework versions have been implemented and deployed (preview links available in respective repository READMEs). Current reference implementations:

• Next.js 14：Preview · GitHub
• Vue 3.5：Preview · GitHub

Framework	Status	Preview	Repository
Next.js 14	✅ Deployed	Preview	GitHub
Vue 3.5	✅ Deployed	Preview	GitHub
Angular 21	✅ Deployed	Preview	GitHub
Nuxt 4	✅ Deployed	Preview	GitHub
SvelteKit 2	✅ Deployed	Preview	GitHub
Astro 5	✅ Deployed	Preview	GitHub
Solid.js	✅ Deployed	Preview	GitHub
Qwik	✅ Deployed	Preview	GitHub
Remix	✅ Deployed	Preview	GitHub
Preact	✅ Deployed	Preview	GitHub
Lit	✅ Deployed	Preview	GitHub
Fresh (Deno)	✅ Deployed	Preview	GitHub

Tech Stack

All framework versions share the following tech stack:

• TypeScript - Type safety
• Tailwind CSS - Atomic CSS
• shadcn/ui - UI component library
• TanStack Query - Server state management
• ECharts - Chart visualization
• Mock.js - Data simulation

Next Steps

• Quick Start - Choose a framework version to start
• Next.js Version - Learn more about Next.js implementation
• Vue Version - Learn more about Vue implementation
• Development Docs - Learn about shared design specifications