Looping product promos, built from Figma flows.

Each card below is a self-contained, auto-looping micro-promo recreating a product flow as a Dribbble-style shot. Click through to view full-screen.

Live

ArangoDB — Widelab prototype

4 scenes

Recreated from the Widelab design prototype, pixel-true to its real tokens (#127920 brand, Inter + IBM Plex Mono, syntax palette). Cycles Dashboard → Query Editor with AQLizer chat → Collections → Graph preview.

HTML AQLizer Open
Live

ArangoDB — Contextual Data Platform

5 scenes

First take: Dashboard, Collections, AQL editor with live typewriter + result stream, an interactive Graph view, and AutoGraph entity extraction.

HTML SVG charts Open
Live

BioPathAI — RNA Sequence Review

13 frames

Multi-agent research workflow: Core Agent → PaperQA gathering evidence, file uploads, and a review-action modal. Loops through all 13 progressive states.

HTML SVG avatars Open
Live

boards.so — Chat & Boards

4 scenes

iPhone mockup running chat → boards picker → long-press menu → voice listening, on a magenta/blue Dribbble-style stage. Built with Vite + React + framer-motion.

React framer-motion Open
ai-promo · auto-looping promos for product flows github →