ars/iiEsaywebUIapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
aaf9d6ba785274a9cb67f6741a56bcdc6f0a878a
iiEsaywebUIapp/docs/index.html

601 lines
42 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conduit — Your AI, Everywhere</title>
<meta name="description"
content="Conduit is an open-source, cross-platform mobile application for Open-WebUI. A native mobile experience for your self-hosted AI infrastructure.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://conduit.cogwheel.app/">
<meta property="og:title" content="Conduit — Your AI, Everywhere">
<meta property="og:description" content="The native mobile client for Open-WebUI. Beautiful, fast, and secure.">
<meta property="og:image" content="https://conduit.cogwheel.app/og-image.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://conduit.cogwheel.app/">
<meta property="twitter:title" content="Conduit — Your AI, Everywhere">
<meta property="twitter:description" content="The native mobile client for Open-WebUI. Beautiful, fast, and secure.">
<meta property="twitter:image" content="https://conduit.cogwheel.app/og-image.png">
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Crimson+Pro:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="icon" type="image/png"
href="https://raw.githubusercontent.com/cogwheel0/conduit/main/assets/icons/icon.png">
<script src="https://app.rybbit.io/api/script.js" data-site-id="1c79ee193aa9" defer></script>
</head>
<body>
<!-- Grain overlay -->
<div class="grain"></div>
<!-- Floating orbs -->
<div class="orb orb-1"></div>
<div class="orb orb-2"></div>
<div class="orb orb-3"></div>
<nav class="navbar">
<div class="container">
<a href="#" class="logo">
<img src="https://raw.githubusercontent.com/cogwheel0/conduit/main/assets/icons/icon.png" alt="Conduit" class="logo-icon">
<span class="logo-text">Conduit</span>
</a>
<div class="nav-links">
<a href="#features">Features</a>
<a href="#gallery">Gallery</a>
<a href="https://github.com/cogwheel0/conduit" target="_blank" class="nav-cta">
<span>View on GitHub</span>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M7 17L17 7M17 7H7M17 7V17"/>
</svg>
</a>
</div>
<button class="mobile-menu-btn" aria-label="Menu">
<span></span>
<span></span>
</button>
</div>
</nav>
<!-- Mobile Menu -->
<div class="mobile-menu">
<a href="#features">Features</a>
<a href="#gallery">Gallery</a>
<a href="https://github.com/cogwheel0/conduit" target="_blank">GitHub</a>
</div>
<header class="hero">
<div class="container">
<div class="hero-badges">
<div class="hero-badge">
<span class="badge-dot"></span>
Open Source & Privacy-First
</div>
<a href="https://github.com/cogwheel0/conduit" target="_blank" class="social-badge">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
</svg>
<span class="badge-value" id="github-stars">—</span>
<span class="badge-label">Stars</span>
</a>
<a href="https://github.com/cogwheel0/conduit/releases" target="_blank" class="social-badge">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
<polyline points="7 10 12 15 17 10"/>
<line x1="12" y1="15" x2="12" y2="3"/>
</svg>
<span class="badge-value" id="github-downloads">—</span>
<span class="badge-label">Downloads</span>
</a>
</div>
<h1 class="hero-title">
<span class="title-line">Your AI,</span>
<span class="title-line title-accent">Everywhere<span class="title-dot">.</span></span>
</h1>
<p class="hero-subtitle">
The native mobile client for <strong>Open-WebUI</strong>.<br>
Beautiful, fast, and secure—connect to your self-hosted AI from anywhere.
</p>
<div class="hero-cta">
<a href="https://apps.apple.com/us/app/conduit-open-webui-client/id6749840287" class="btn btn-primary">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
</svg>
<span>App Store</span>
</a>
<a href="https://play.google.com/store/apps/details?id=app.cogwheel.conduit" class="btn btn-secondary">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/>
</svg>
<span>Google Play</span>
</a>
</div>
<div class="hero-device">
<div class="device-glow"></div>
<div class="device-frame">
<img src="screenshots/conduit-demo.gif" alt="Conduit App Demo" loading="eager">
</div>
<div class="device-reflection"></div>
</div>
</div>
</header>
<section id="reviews" class="reviews">
<div class="container">
<!-- Rating Pills -->
<div class="reviews-stats">
<div class="stat-pill">
<div class="stat-pill-icon ios">
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
</svg>
</div>
<span class="stat-pill-value">4.6</span>
<span class="stat-pill-label">avg</span>
</div>
<div class="stat-pill">
<div class="stat-pill-icon android">
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
<path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/>
</svg>
</div>
<span class="stat-pill-value">4.8</span>
<span class="stat-pill-label">avg</span>
</div>
</div>
<!-- Marquee Row 1 -->
<div class="reviews-marquee">
<div class="marquee-track marquee-left">
<!-- Original set -->
<div class="review-card" data-platform="ios">
<p class="review-text">This is a great and easy companion app for OWUI. The developer took effort to make this app easy to use. Hope to see more features added in the future.</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">ythefly</span>
<div class="review-platform-badge">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="android">
<p class="review-text">I've used this for my openwebui through tailscale, and this app picks up everything perfectly. The UI is far superior to what OpenWebUI has as a PWA.</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">Pixel 9 Pro</span>
<div class="review-platform-badge android">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="ios">
<p class="review-text">I needed a client to connect to my self hosted server, and this just worked right out of the box. Love it!</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">SpikefishX</span>
<div class="review-platform-badge">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="android">
<p class="review-text">This app is just incredible. Instant startup and incredibly responsive and gives offline access to your openwebui chats and history. Loveeee it!!</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">Pixel Tablet</span>
<div class="review-platform-badge android">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
</div>
</div>
</div>
<!-- Duplicate set for seamless loop -->
<div class="review-card" data-platform="ios">
<p class="review-text">This is a great and easy companion app for OWUI. The developer took effort to make this app easy to use. Hope to see more features added in the future.</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">ythefly</span>
<div class="review-platform-badge">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="android">
<p class="review-text">I've used this for my openwebui through tailscale, and this app picks up everything perfectly. The UI is far superior to what OpenWebUI has as a PWA.</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">Pixel 9 Pro</span>
<div class="review-platform-badge android">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="ios">
<p class="review-text">I needed a client to connect to my self hosted server, and this just worked right out of the box. Love it!</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">SpikefishX</span>
<div class="review-platform-badge">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="android">
<p class="review-text">This app is just incredible. Instant startup and incredibly responsive and gives offline access to your openwebui chats and history. Loveeee it!!</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">Pixel Tablet</span>
<div class="review-platform-badge android">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
</div>
</div>
</div>
</div>
</div>
<!-- Marquee Row 2 -->
<div class="reviews-marquee">
<div class="marquee-track marquee-right">
<!-- Original set -->
<div class="review-card" data-platform="ios">
<p class="review-text">This app is an exceptionally good client for OWUI and is complete with secure authentication and an extremely usable UI. Great work.</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">AlpacaDev</span>
<div class="review-platform-badge">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="android">
<p class="review-text">If you run an ollama server this app is not only free and open source but really polished and impressive! I think this is really the only app of its kind.</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">Galaxy S10</span>
<div class="review-platform-badge android">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="ios">
<p class="review-text">This app is much better than the PWA. UI is on par with ChatGPT app. Great app, dev is quick to fix bugs.</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">Owner45653</span>
<div class="review-platform-badge">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="android">
<p class="review-text">Exceptional! Great work done so far. Really good UI and no issues with connecting to the OWUI server!</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">Pixel 7 Pro</span>
<div class="review-platform-badge android">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
</div>
</div>
</div>
<!-- Duplicate set for seamless loop -->
<div class="review-card" data-platform="ios">
<p class="review-text">This app is an exceptionally good client for OWUI and is complete with secure authentication and an extremely usable UI. Great work.</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">AlpacaDev</span>
<div class="review-platform-badge">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="android">
<p class="review-text">If you run an ollama server this app is not only free and open source but really polished and impressive! I think this is really the only app of its kind.</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">Galaxy S10</span>
<div class="review-platform-badge android">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="ios">
<p class="review-text">This app is much better than the PWA. UI is on par with ChatGPT app. Great app, dev is quick to fix bugs.</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">Owner45653</span>
<div class="review-platform-badge">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
</div>
</div>
</div>
<div class="review-card" data-platform="android">
<p class="review-text">Exceptional! Great work done so far. Really good UI and no issues with connecting to the OWUI server!</p>
<div class="review-meta">
<span class="review-rating">★★★★★</span>
<span class="review-author">Pixel 7 Pro</span>
<div class="review-platform-badge android">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="features" class="features">
<div class="container">
<div class="section-header">
<span class="section-tag">What's inside</span>
<h2 class="section-title">Power meets<br><em>simplicity</em></h2>
</div>
<!-- Hero Feature -->
<div class="feature-hero">
<div class="feature-hero-content">
<div class="feature-hero-badge">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
</svg>
Signature Feature
</div>
<h3>Voice Call Mode</h3>
<p>Have a phone-style conversation with your AI. Speak naturally, hear responses read aloud, and chat completely hands-free.</p>
<ul class="feature-hero-list">
<li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
Native CallKit integration on iOS
</li>
<li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
Text-to-speech response playback
</li>
<li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
Works in background & lock screen
</li>
</ul>
</div>
<div class="feature-hero-visual">
<div class="feature-hero-icon">
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
</svg>
</div>
<div class="feature-hero-rings">
<div class="ring"></div>
<div class="ring"></div>
<div class="ring"></div>
</div>
</div>
</div>
<!-- Feature Categories -->
<div class="feature-categories">
<!-- Voice & Input -->
<div class="feature-category">
<div class="category-header">
<div class="category-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
<path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
</svg>
</div>
<h4>Voice & Input</h4>
</div>
<div class="category-features">
<div class="mini-feature">
<span class="mini-feature-name">Speech-to-Text</span>
<span class="mini-feature-desc">Dictate messages hands-free</span>
</div>
<div class="mini-feature">
<span class="mini-feature-name">Text-to-Speech</span>
<span class="mini-feature-desc">Hear AI responses read aloud</span>
</div>
<div class="mini-feature">
<span class="mini-feature-name">Share Extension</span>
<span class="mini-feature-desc">Send from any app to Conduit</span>
</div>
</div>
</div>
<!-- System Integration -->
<div class="feature-category">
<div class="category-header">
<div class="category-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>
<line x1="8" y1="21" x2="16" y2="21"/>
<line x1="12" y1="17" x2="12" y2="21"/>
</svg>
</div>
<h4>System Integration</h4>
</div>
<div class="category-features">
<div class="mini-feature">
<span class="mini-feature-name">Siri Shortcuts</span>
<span class="mini-feature-desc">"Hey Siri, ask Conduit..."</span>
</div>
<div class="mini-feature">
<span class="mini-feature-name">Android Assistant</span>
<span class="mini-feature-desc">Trigger via digital assistant</span>
</div>
<div class="mini-feature">
<span class="mini-feature-name">Quick Actions</span>
<span class="mini-feature-desc">Home screen shortcuts</span>
</div>
</div>
</div>
<!-- AI Capabilities -->
<div class="feature-category">
<div class="category-header">
<div class="category-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
</svg>
</div>
<h4>AI Capabilities</h4>
</div>
<div class="category-features">
<div class="mini-feature">
<span class="mini-feature-name">Real-time Streaming</span>
<span class="mini-feature-desc">Instant WebSocket responses</span>
</div>
<div class="mini-feature">
<span class="mini-feature-name">Vision & RAG</span>
<span class="mini-feature-desc">Images & document analysis</span>
</div>
<div class="mini-feature">
<span class="mini-feature-name">Tool Support</span>
<span class="mini-feature-desc">Function calling & rendering</span>
</div>
</div>
</div>
<!-- Organization -->
<div class="feature-category">
<div class="category-header">
<div class="category-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>
</svg>
</div>
<h4>Organization</h4>
</div>
<div class="category-features">
<div class="mini-feature">
<span class="mini-feature-name">Folders</span>
<span class="mini-feature-desc">Organize conversations</span>
</div>
<div class="mini-feature">
<span class="mini-feature-name">Search</span>
<span class="mini-feature-desc">Find across all history</span>
</div>
<div class="mini-feature">
<span class="mini-feature-name">Secure Storage</span>
<span class="mini-feature-desc">Native keychain/keystore</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="gallery" class="gallery">
<div class="container">
<div class="section-header">
<span class="section-tag">See it in action</span>
<h2 class="section-title">Feels right<br><em>at home</em></h2>
</div>
<div class="gallery-showcase">
<div class="gallery-track">
<div class="gallery-item">
<img src="screenshots/1.png" alt="Chat Interface" loading="lazy">
<span class="gallery-label">Chat</span>
</div>
<div class="gallery-item">
<img src="screenshots/2.png" alt="Model Selector" loading="lazy">
<span class="gallery-label">Models</span>
</div>
<div class="gallery-item">
<img src="screenshots/3.png" alt="Navigation" loading="lazy">
<span class="gallery-label">Navigate</span>
</div>
<div class="gallery-item">
<img src="screenshots/4.png" alt="Settings" loading="lazy">
<span class="gallery-label">Settings</span>
</div>
</div>
</div>
</div>
</section>
<section class="cta-section">
<div class="container">
<div class="cta-card">
<div class="cta-content">
<h2>Ready to get started?</h2>
<p>Join thousands of users who've made Conduit their gateway to self-hosted AI. Open source and available now.</p>
<div class="cta-buttons">
<a href="https://apps.apple.com/us/app/conduit-open-webui-client/id6749840287" class="btn btn-white">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
</svg>
Download for iOS
</a>
<a href="https://play.google.com/store/apps/details?id=app.cogwheel.conduit" class="btn btn-outline-white">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/>
</svg>
Download for Android
</a>
</div>
</div>
<div class="cta-decoration">
<div class="cta-ring"></div>
<div class="cta-ring"></div>
<div class="cta-ring"></div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-main">
<div class="footer-brand">
<a href="#" class="logo">
<img src="https://raw.githubusercontent.com/cogwheel0/conduit/main/assets/icons/icon.png" alt="Conduit" class="logo-icon">
<span class="logo-text">Conduit</span>
</a>
<p>The native mobile client for Open-WebUI.<br>Open source. Privacy-first. Beautiful.</p>
</div>
<div class="footer-links-grid">
<div class="footer-col">
<h4>Product</h4>
<a href="#features">Features</a>
<a href="#gallery">Gallery</a>
<a href="https://github.com/cogwheel0/conduit/releases">Releases</a>
</div>
<div class="footer-col">
<h4>Community</h4>
<a href="https://github.com/cogwheel0/conduit">GitHub</a>
<a href="https://github.com/cogwheel0/conduit/issues">Issues</a>
<a href="https://github.com/cogwheel0/conduit/discussions">Discussions</a>
</div>
<div class="footer-col">
<h4>Legal</h4>
<a href="https://github.com/cogwheel0/conduit/blob/main/LICENSE">License (GPLv3)</a>
<a href="https://github.com/cogwheel0/conduit/blob/main/PRIVACY_POLICY.md">Privacy Policy</a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2025 Conduit. Not affiliated with Open-WebUI.</p>
<div class="footer-social">
<a href="https://github.com/cogwheel0/conduit" aria-label="GitHub">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
</svg>
</a>
</div>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink