DashboardDocsVibie Overview & Architecture

🌊 Vibie Documentation

Vibie is an asynchronous interactive video platform engineered for high conversion, high responsiveness, and zero-iFrame performance. It bridges the gap between interactive branching video funnels (similar to VideoAsk), custom video delivery, and modern web applications.

TipLooking for rapid integration? Jump straight to the Embed SDK Guide to embed interactive video widgets with a single <script> tag.

⚡ Core Platform Capabilities

1. Zero-iFrame Embed SDK (vibie.js)

Traditional video and form embeds rely on bulky iframes that introduce viewport latency, styling collisions, and awkward mobile scrollbars. Vibie’s <vibie-video> Web Component is built in Pure TypeScript (< 16 KB) with native Shadow DOM isolation.

2. Visual DAG Funnel Builder

Build multi-step asynchronous video screening and question flows with conditional logic branching using our interactive Vue Flow node graph canvas.

3. Cloudflare Stream Infrastructure

Direct client-to-edge TUS chunked uploads and global adaptive bitrate HLS (.m3u8) streaming ensure instant video playback with zero buffering.

4. Dual-JWT Enterprise Security

Secured with 15-minute Access Tokens and 7-day Refresh Tokens with automatic token rotation, Redis blacklisting, and a 4-tier Role-Based Access Control model (Super Admin, Owner, Admin, Member).


🗺️ Documentation Sitemap

Module Focus Area Recommended For
Embed SDK (vibie.js) Web Components, Floating Bubbles, Inline Players & JS API Frontend engineers & growth marketers
Visual Funnel Builder Logic jumps, step node types, DAG routing & response inbox Product teams, recruiters & sales teams
Custom Video Studio Direct TUS upload, aspect ratio presets, CTAs & in-video leads Content creators & video producers
REST API Reference FastAPI endpoints, token auth, analytics & webhook dispatcher Backend engineers & integrations

🚀 60-Second Quickstart

Embed a Floating Video Widget

Add this snippet to your website’s HTML immediately before </body>:

html
<!-- Vibie Embed SDK -->
<script src="https://vibie.app/sdk/v1/vibie.js" async></script>

<vibie-video 
  video-id="7a47c23a-40a6-42a8-9ba4-d3e6ef1506fa" 
  mode="floating" 
  position="bottom-right">
</vibie-video>
NoteThe SDK automatically fetches metadata, applies your configured primary accent color, and handles mute/unmute state without any additional JavaScript setup.
Vibie

© 2026 Vibie. All rights reserved.Made in Panama 🇵🇦