mirror of
https://github.com/hanzoai/live.git
synced 2026-10-30 18:29:41 +00:00
zeekayandHanzo Dev
12b64ce59f
Completes the interrupted kill/shadcn work (81ffa84):
- vite: GUI_TARGET/TAMAGUI_TARGET=web defines + react-native/react-native-svg
web aliases (@hanzogui/react-native-svg) — fixes the unresolved
react-native-svg import from @hanzogui/lucide-icons-2
- deps: @hanzo/gui 8.0.2, @hanzo/ui 8.0.48, @hanzogui/lucide-icons-2 8.0.2;
react/react-dom aligned at 19.2.8
- docs/: drop cdn.tailwindcss.com from all 3 static pages — rewritten on
plain-CSS tokens (docs/docs.css), same visual design
- kill last residue: vscode tailwind extension rec, stale LLM.md stack notes
- gui-env.d.ts: eslint disable for the intentional declaration-merge pattern
typescript stays 5.8.3: TS7.0.2 builds green here but typescript-eslint
(latest 8.66.0, peer <6.1.0) crashes against it — lint is part of this
repo's gate, so 5.x is correct until typescript-eslint supports TS7.
Verified: tsc -b && vite build green; playwright render of the built app —
full UI styled (cards/selects/switches/sliders), zero console errors.
Co-authored-by: Hanzo Dev <[email protected]>
182 lines
8.0 KiB
HTML
182 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Hanzo Live - Real-time AI Video Generation</title>
|
|
<link rel="stylesheet" href="docs.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
</head>
|
|
<body class="gradient">
|
|
<div class="container">
|
|
<!-- Header -->
|
|
<header class="hero">
|
|
<h1>Hanzo Live</h1>
|
|
<p class="tagline">Real-time AI Video Generation & Streaming</p>
|
|
<div class="btn-row">
|
|
<a href="https://github.com/hanzoai/live" class="btn purple-bg">
|
|
<i class="fab fa-github"></i> View on GitHub
|
|
</a>
|
|
<a href="https://discord.gg/mnfGR4Fjhp" class="btn indigo-bg">
|
|
<i class="fab fa-discord"></i> Join Discord
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Main Features -->
|
|
<section>
|
|
<h2 class="center">Features</h2>
|
|
<div class="grid cols-2 cols-3-lg">
|
|
<div class="card">
|
|
<div class="icon purple"><i class="fas fa-video"></i></div>
|
|
<h3>Autoregressive Video</h3>
|
|
<p class="muted mb-0">StreamDiffusionV2 and LongLive models for real-time video generation</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="icon pink"><i class="fas fa-broadcast-tower"></i></div>
|
|
<h3>WebRTC Streaming</h3>
|
|
<p class="muted mb-0">Low latency real-time streaming with WebRTC support</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="icon blue"><i class="fab fa-apple"></i></div>
|
|
<h3>Apple Silicon</h3>
|
|
<p class="muted mb-0">MLX-native implementation with 2-3x performance on M1/M2/M3</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="icon green"><i class="fas fa-tachometer-alt"></i></div>
|
|
<h3>Low Latency</h3>
|
|
<p class="muted mb-0">Async video processing pipelines for minimal delay</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="icon yellow"><i class="fas fa-sliders-h"></i></div>
|
|
<h3>Interactive UI</h3>
|
|
<p class="muted mb-0">Text prompting, parameter controls, and multiple input modes</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="icon red"><i class="fas fa-microchip"></i></div>
|
|
<h3>GPU Optimized</h3>
|
|
<p class="muted mb-0">CUDA, Metal, and CPU support with automatic backend detection</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- MLX Implementation Highlight -->
|
|
<section>
|
|
<div class="banner">
|
|
<div class="row mb-6">
|
|
<div style="font-size:3.75rem"><i class="fab fa-apple"></i></div>
|
|
<div>
|
|
<h2 class="mb-0">MLX-Native WAN Implementation</h2>
|
|
<p class="tagline mb-0">Complete Apple Silicon optimization with 2-3x speedup</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid cols-2 mb-6">
|
|
<div>
|
|
<h3 style="font-size:1.5rem">Performance Gains</h3>
|
|
<ul class="plain">
|
|
<li><i class="fas fa-check"></i>Attention: 2.5x faster</li>
|
|
<li><i class="fas fa-check"></i>RoPE: 2.7x faster</li>
|
|
<li><i class="fas fa-check"></i>Full Forward Pass: 2.5x faster</li>
|
|
<li><i class="fas fa-check"></i>All tests passing ✅</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 style="font-size:1.5rem">Complete Implementation</h3>
|
|
<ul class="plain">
|
|
<li><i class="fas fa-check"></i>Manual Conv3d (bypasses MLX limitations)</li>
|
|
<li><i class="fas fa-check"></i>Full WanModel with transformers</li>
|
|
<li><i class="fas fa-check"></i>Auto backend selection</li>
|
|
<li><i class="fas fa-check"></i>PyTorch → MLX weight conversion</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="center">
|
|
<a href="mlx.html" class="btn white-bg">Read Full MLX Documentation →</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Documentation Links -->
|
|
<section>
|
|
<h2 class="center">Documentation</h2>
|
|
<div class="grid cols-2">
|
|
<a href="mlx.html" class="card purple">
|
|
<h3 class="purple" style="font-size:1.5rem">MLX Implementation</h3>
|
|
<p class="muted">Complete documentation for the Apple Silicon-optimized MLX-native WAN implementation</p>
|
|
<span class="purple bold">Read more →</span>
|
|
</a>
|
|
|
|
<a href="https://github.com/hanzoai/live#readme" class="card pink">
|
|
<h3 class="pink" style="font-size:1.5rem">Getting Started</h3>
|
|
<p class="muted">Installation guide, system requirements, and quick start instructions</p>
|
|
<span class="pink bold">Read more →</span>
|
|
</a>
|
|
|
|
<a href="contributing.html" class="card blue">
|
|
<h3 class="blue" style="font-size:1.5rem">Contributing</h3>
|
|
<p class="muted">Guidelines for contributing, development setup, and testing</p>
|
|
<span class="blue bold">Read more →</span>
|
|
</a>
|
|
|
|
<a href="https://github.com/hanzoai/live/issues" class="card green">
|
|
<h3 class="green" style="font-size:1.5rem">Issues & Support</h3>
|
|
<p class="muted">Report bugs, request features, or get help from the community</p>
|
|
<span class="green bold">Visit GitHub →</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- System Requirements -->
|
|
<section>
|
|
<h2 class="center">System Requirements</h2>
|
|
<div class="grid cols-3">
|
|
<div class="card">
|
|
<h3 class="green mb-6"><i class="fab fa-linux"></i> Linux / Windows</h3>
|
|
<ul class="plain">
|
|
<li>NVIDIA GPU with ≥24GB VRAM</li>
|
|
<li>CUDA ≥12.8 recommended</li>
|
|
<li>RTX 3090/4090/5090</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3 class="blue mb-6"><i class="fab fa-apple"></i> macOS (Apple Silicon)</h3>
|
|
<ul class="plain">
|
|
<li>M1/M2/M3/M4 Macs</li>
|
|
<li>MLX with Metal backend</li>
|
|
<li>Auto-detected acceleration</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3 class="yellow mb-6"><i class="fas fa-cloud"></i> Cloud Options</h3>
|
|
<ul class="plain">
|
|
<li>Runpod (recommended)</li>
|
|
<li>GPU instances available</li>
|
|
<li>Pre-configured setups</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer>
|
|
<p>© 2024-2025 Hanzo AI. All rights reserved.</p>
|
|
<div class="icon-row">
|
|
<a href="https://github.com/hanzoai/live"><i class="fab fa-github"></i></a>
|
|
<a href="https://discord.gg/mnfGR4Fjhp"><i class="fab fa-discord"></i></a>
|
|
<a href="https://hanzo.ai"><i class="fas fa-globe"></i></a>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|