🔔Welcome

HaloLight multi-framework admin dashboard docs is now live!

Supports 12+ framework versions. Welcome to try.

Skip to content

HaloLight Ecosystem

HaloLight is a multi-framework, multi-platform admin dashboard solution. This document lists all projects and their status.

Project Overview

Frontend Framework Implementations

ProjectFrameworkStatusDescription
halolightNext.js 14 + React 18✅ ReleasedReference implementation
halolight-vueVue 3.5 + Vite✅ ReleasedVue reference implementation
halolight-angularAngular 21✅ ReleasedAngular implementation
halolight-nuxtNuxt 3✅ ReleasedVue SSR version
halolight-svelteSvelteKit✅ ReleasedSvelte implementation
halolight-astroAstro✅ ReleasedStatic-first
halolight-solidSolidJS✅ ReleasedHigh-performance reactive
halolight-qwikQwik✅ ReleasedResumable
halolight-remixRemix✅ ReleasedFull-stack React
halolight-preactPreact✅ ReleasedLightweight React
halolight-litLit✅ ReleasedWeb Components
halolight-freshFresh (Deno)✅ ReleasedDeno native

Deployment Platforms

ProjectPlatformStatusFeatures
halolight-cloudflareCloudflare Pages/Workers✅ ReleasedEdge runtime, Next.js 15
halolight-vercelVercel✅ ReleasedEdge Functions
halolight-netlifyNetlify✅ ReleasedEdge Functions
halolight-awsAWS Amplify✅ ReleasedLambda@Edge
halolight-azureAzure Static Web Apps✅ ReleasedAzure Functions
halolight-flyFly.io✅ ReleasedGlobal deployment
halolight-railwayRailway✅ ReleasedOne-click deploy
halolight-dockerDocker self-hosted✅ ReleasedTraefik reverse proxy

Backend APIs

ProjectTech StackStatusFeatures
halolight-api-nodeExpress + Prisma + TypeScript✅ ReleasedNode.js reference implementation
halolight-api-goGin + GORM✅ ReleasedHigh performance
halolight-api-pythonFastAPI + SQLAlchemy + Alembic✅ ReleasedPython ecosystem
halolight-api-bunHono + Drizzle ORM✅ ReleasedBun runtime
halolight-api-javaSpring Boot 3.4 + JPA✅ ReleasedEnterprise Java

Infrastructure

ProjectPurposeStatusFeatures
halolight-bfftRPC Gateway✅ ReleasedType-safe API
halolight-uiStencil Web Components✅ ReleasedCross-framework component library

AI & Web3

ProjectPurposeStatusFeatures
halolight-aiAI Assistant✅ ReleasedRAG + Action execution
halolight-web3Web3 Integration✅ ReleasedEVM + Solana + IPFS

Tech Stack Comparison

Frontend Frameworks

React family:     Next.js → Remix → Preact
Vue family:       Vue 3.5 → Nuxt 3
Others:           Angular → SvelteKit → SolidJS → Qwik → Lit → Astro → Fresh

Backend Languages

Node.js:          Express (Prisma) → Hono (Drizzle)
Go:               Gin (GORM)
Python:           FastAPI (SQLAlchemy)
Java:             Spring Boot (JPA)

Deployment Platforms

Edge runtime:     Cloudflare → Vercel → Netlify
Cloud platforms:  AWS Amplify → Azure SWA → Fly.io → Railway
Self-hosted:      Docker + Traefik

Quick Start

Choose Frontend Framework

bash
# React (Recommended)
git clone https://github.com/halolight/halolight
cd halolight && pnpm install && pnpm dev

# Vue
git clone https://github.com/halolight/halolight-vue
cd halolight-vue && pnpm install && pnpm dev

# Angular
git clone https://github.com/halolight/halolight-angular
cd halolight-angular && pnpm install && pnpm start

Choose Backend API

bash
# Node.js (Recommended)
git clone https://github.com/halolight/halolight-api-node
cd halolight-api-node && pnpm install && pnpm dev

# Go
git clone https://github.com/halolight/halolight-api-go
cd halolight-api-go && go run main.go

# Python
git clone https://github.com/halolight/halolight-api-python
cd halolight-api-python && pip install -r requirements.txt && uvicorn main:app --reload

# Java
git clone https://github.com/halolight/halolight-api-java
cd halolight-api-java && mvn spring-boot:run

Choose Deployment Platform

bash
# Cloudflare (Recommended for edge)
git clone https://github.com/halolight/halolight-cloudflare
cd halolight-cloudflare && pnpm install && pnpm deploy

# Docker (Recommended for self-hosted)
git clone https://github.com/halolight/halolight-docker
cd halolight-docker && docker-compose up -d

Component Library Usage

Install halolight-ui

bash
npm install @halolight/ui

Use in HTML

html
<script type="module" src="https://unpkg.com/@halolight/ui/dist/halolight-ui.esm.js"></script>

<hl-button variant="primary">Click me</hl-button>
<hl-input label="Email" type="email"></hl-input>
<hl-card>
  <h3 slot="header">Card Title</h3>
  <p>Card content</p>
</hl-card>

Use in React

tsx
import { defineCustomElements } from '@halolight/ui/loader';
defineCustomElements();

function App() {
  return <hl-button variant="primary">Click me</hl-button>;
}

Use in Vue

vue
<script setup>
import { defineCustomElements } from '@halolight/ui/loader';
defineCustomElements();
</script>

<template>
  <hl-button variant="primary">Click me</hl-button>
</template>

AI Assistant Integration

Deploy halolight-ai

bash
git clone https://github.com/halolight/halolight-ai
cd halolight-ai
cp .env.example .env
# Configure OPENAI_API_KEY or other LLM keys
docker-compose up -d

API Calls

bash
# Send message
curl -X POST http://localhost:3000/api/ai/chat \
  -H "Content-Type: application/json" \
  -H "X-Tenant-ID: default" \
  -H "X-User-ID: user1" \
  -d '{"message": "Help me analyze today'\''s data"}'

# Execute action
curl -X POST http://localhost:3000/api/ai/actions/execute \
  -H "Content-Type: application/json" \
  -d '{"action": "query_users", "params": {"role": "admin"}}'

Web3 Integration

Install Dependencies

bash
# Core package
npm install @halolight/web3-core

# React components
npm install @halolight/web3-react

# Vue components
npm install @halolight/web3-vue

React Example

tsx
import { Web3Provider, WalletButton, TokenBalance } from '@halolight/web3-react';

function App() {
  return (
    <Web3Provider>
      <WalletButton />
      <TokenBalance />
    </Web3Provider>
  );
}

Contributing

  1. Fork the repository
  2. Create feature branch: git checkout -b feature/xxx
  3. Commit changes: git commit -m 'feat: xxx'
  4. Push branch: git push origin feature/xxx
  5. Submit Pull Request

License

All HaloLight projects are licensed under MIT License.