MoBio v1.0.0

v1.0.0 (2026-11-04)

Initial Open-Source Release

MoBio is a modern, privacy-first, self-hosted Link in Bio & Personal Website platform built on React Router 7 and Cloudflare's serverless edge infrastructure (Workers, D1 SQLite, and R2 Object Storage).

Key Features & Highlights:

• MoBio Studio Admin Shell: Complete administrative dashboard layout (AdminLayout.tsx) featuring collapsible desktop sidebar, persistent topbar, breadcrumb navigation, and mobile touch drawer.
• Visual Theme Studio & Real Live Preview: Responsive split-panel visual theme builder (ThemeStudioWorkspace.tsx) with instant in-memory preview (<5ms latency) using actual public components, multi-device viewport simulator (Desktop, Laptop, Tablet, Mobile), two-way dock sync, and dynamic Google Fonts loader.
• Customization Library: 30 premium color themes (15 Light & 15 Dark), 20 structural page layouts, 10 profile card styles, 3 card sizes, and 24 curated Google fonts.
• Light & Dark Mode Tokenization: Strict semantic color tokens (AdminTokens.ts) ensuring pure light surfaces in Light Mode and deep slate surfaces in Dark Mode.
• Theme-Aware Icon Picker: Comprehensive icon selector supporting platform icons, custom SVG/PNG uploads, and HTTPS URLs with high-contrast surfaces and brand color preservation.
• Cloudflare R2 Media Library: Media management for avatars, covers, and backgrounds with dual-source Android upload support (Gallery vs File Manager) and HTTP 206 video streaming.
• Modular Explore Showcase: 10 content models (projects, articles, music, videos, books, apps, photos, events, repos, links) with horizontal arrow category navigation and full-screen lightbox.
• Direct Contact Channels: Customizable contact channels with direct intent handlers.
• Zero-Trust Security: Built-in Cloudflare Access Email One-Time Pin (OTP) authentication for /studio administration.
• Privacy-First Click Monitor: Local SQLite/D1 analytics tracking interaction clicks without logging IP addresses, User-Agents, or third-party cookies.
• Atomic Publishing: Isolated draft editing layer preventing unpublished changes from leaking to public visitors.
• Bilingual Support: Full English and Indonesian localization throughout public and studio interfaces.