Interactive Content
Teown Tech Vanhue
Vanhue, developed by Teown, is a modular creation platform for SVG interactive articles on WeChat official accounts. It turns S…
Visit project
- Client
- Teown Tech
- Format
- Interactive Content
- Launch date
Overview
Vanhue is a modular creation platform for SVG interactive articles on WeChat official accounts, developed by Teown for brand marketing teams and advertising agencies, with dual modes of manual modular assembly and AI-powered composition. Creators can drag and drop modules from the module library, or describe their needs and let AI select modules, fill content and arrange order to generate a first draft for fine-tuning in the editor. AI does not write SVG code directly, avoiding rendering compatibility issues at the source. V1.0 is live with a 25-page admin console and a 12-page mini program, covering the full workflow from creation, preview and draft management to publishing, with 4 rounds of code review and real-device adaptation for iOS, Android and dark mode in WeChat.
Context and challenge
Interactive articles on WeChat official accounts have long been blocked by technical barriers: SVG interactions require front-end development skills, traditional editors lack interaction capabilities, and custom development is costly and slow, leaving most agency teams with static layouts. Vanhue distills mainstream interaction patterns into standard modules so that operators, editors and designers can produce interactive branded articles without programming.
Approach and delivery
Vanhue restructures SVG interactive article production with a modular approach: 1) a module library covering click-to-expand, swipe transitions, flip cards, lotteries, quizzes, progress bars and parallax; 2) visual editing with drag-and-drop, WYSIWYG preview and one-click export of WeChat official account code; 3) AI composition that generates first drafts from a brief for manual refinement; 4) WeChat-first engineering with real-device testing on iOS, Android and dark mode plus fallback strategies for stable rendering.
Outcome
Vanhue V1.0 launched in August 2026 with a 25-page admin console and 12-page mini program, completing 4 rounds of code review and covering the full workflow from creation to publishing.
Highlights
Modular creation
SVG interaction reduced to building blocks—produce interactive articles without writing a line of code
AI as director
AI selects modules, fills content and arranges order; humans refine the draft
WeChat-first
Real-device adaptation for iOS/Android/dark mode with fallback strategies
Full workflow
Creation, preview, drafts and publishing across admin console and mini program
Project views
Selected screens and motion from the delivered experience.

