Built-in demos

Complete product scenarios built with @hulianui/ui and refined through dogfooding.

Application

HanShip Deployment Platform

Deployment console for Git-connected edge releases, build logs, domains, environment variables, rollback, and project settings.

GitCommitDeployStatusProTableLogViewerStepsCI/CD
AI Application

HanHelm Agent Scheduler

AI task-routing console with scored dispatch, multi-agent orchestration, failover, queue lanes, observability, and SLA simulation.

SankeyQueueLaneFunnelFlowsmart routingmulti-agent orchestration
Application

HanPay Subscription Billing

Subscription and account console covering plans, usage, payment methods, invoices, team preferences, and account settings.

ChoiceboxCreditCardSocialButtonBannersubscription billing
Application

Clinic Appointment Scheduler

Clinic scheduling workspace with month, week, day, and resource views plus drag-to-create, reschedule, and resize interactions.

SchedulerCalendarDateTimePickerappointmentsdrag and drop
Application

HanVault Team Knowledge Base

Three-column knowledge workspace with file navigation, Markdown editing, collaborators, versions, tags, permissions, and previews.

FileTreeTreeMarkdownEditorImageViewerTreeSelectTransfer
Data Visualization

Global Operations Dashboard

Full-screen operations display with a world map, cross-region routes, live KPIs, dense charts, alerts, loading, and drill-down states.

WorldMapFitScreenlive dashboardroutesNumberTicker
Online Education

Online Learning Platform

Learning management experience with course video, chapter tree, progress, notes, discussion, and guided enrollment.

VideoTreechapterslearning progressMarkdownEditor
E-commerce

HanShop Storefront

Responsive storefront spanning discovery, product filtering, product details, variants, cart, checkout, orders, comparison, favorites, and account flows.

CarouselLensCouponSKUcheckoutmobile
Marketing Website

HanCloud Company Website

Marketing website with hero, bento features, product demo, testimonials, pricing, FAQ, and contact form.

NavbarBentoGridMarqueeAccordion
Application

CRM Customer Management

Customer relationship workspace with dashboard, customer management, opportunity board, orders, and system settings.

customer managementAdminLayoutProTableChartProForm
Application

Customer Service Center

Agent workspace for live conversations, ticket workflows, knowledge lookup, and service analytics.

live chatProTableTimelineChart
AI Application

AI Chat Application

Streaming AI conversation product with threads, reasoning, tool calls, citations, and source references.

ConversationStreamingTextToolCallMarkdown
Application

Project Operations Workspace

End-to-end project operations for tracking, estimates, invoices, payments, work photos, scheduling, and point-of-sale collection.

GanttDocumentSheetEditableTableImageViewerpoint of saleQRCode
AI Application

AI Image and Video Workflow

Visual node workflow for prompts, models, upscaling, image-to-video generation, execution, and output galleries.

workflowFlownode orchestrationUploadVideo
Mobile

Local Services Mobile App

Touch-first local services app covering discovery, booking, orders, gestures, scheduling, confirmations, and safe-area navigation.

TabBarSwipeActionPickerPullToRefresh
Personal Website

Independent Developer Portfolio

Personal portfolio with animated hero, device-framed projects, skills, messages, and visual backgrounds.

AuroraSilkCardSpotlightDockdevice mockups
AI Application

HanHub LLM API Gateway

Self-hosted multi-provider LLM gateway console for models, API keys, usage logs, streaming playground, health checks, billing, and setup.

JsonViewerSecretFieldPricingTableStatusDothealth checkstoken billing
Live Commerce

HanLive AI Streaming Studio

Live-commerce studio and audience room with player monitoring, metrics, chat, AI assistance, products, gifts, reactions, and replay analytics.

DanmakuLivePlayerGiftFeedFloatingReactionsLiveChatAI copilot
Application

HanReview AI Code Review

Code-quality workspace with file review, inline findings, scores, gates, agent execution replay, model routing, and review analytics.

CodeReviewThreadcode-diffHeatmapScoreRingcode reviewquality gates