Browse the complete official Framer YouTube catalogue by topic, instructor, and concept — built for learning, not just watching.
VideoHub is my hackathon entry: a searchable, browsable index of the entire official @Framer YouTube channel, 306 videos, built with Framer and AI agents.
You can search across every transcript
Browse by topic or instructor
Jump to the exact moment a concept comes up, and explore how all the ideas connect on a live map.
The Framer channel is a goldmine, but YouTube only lets you scroll and guess. I
wanted to turn 26+ hours of video into something you can actually navigate, find the one clip that explains Scroll Variants, or see every moment someone mentions Stacks. instead of scrubbing through timelines hoping you land in the right spot.
Search across 306 titles and full transcripts, with topic and instructor filters
Lesson pages with a player you can scrub by clicking any timestamp, in the description or the transcript
Searchable transcripts, so you can find a phrase and jump straight to it
Tag hub pages with a "deep index" of every timestamped moment a concept appears
A Concept Map: a draggable knowledge graph where each topic is a node, sized by how many videos cover it and linked when concepts show up together
Agents did the heavy lifting on the interactive parts: a force-directed graph that settles and reacts to dragging, a YouTube player wired to seek from transcript clicks, client-side search and filtering, and getting it all responsive on mobile.
Small, clear steps let me iterate fast on things like the sticky mobile filters and the hover-to-trace concept map.
Agents made that pipeline feel approachable, and turned a pile of CSVs into something genuinely fun to explore.
Browse the complete official Framer YouTube catalogue by topic, instructor, and concept — built for learning, not just watching.
VideoHub is my hackathon entry: a searchable, browsable index of the entire official @Framer YouTube channel, 306 videos, built with Framer and AI agents.
You can search across every transcript
Browse by topic or instructor
Jump to the exact moment a concept comes up, and explore how all the ideas connect on a live map.
The Framer channel is a goldmine, but YouTube only lets you scroll and guess. I
wanted to turn 26+ hours of video into something you can actually navigate, find the one clip that explains Scroll Variants, or see every moment someone mentions Stacks. instead of scrubbing through timelines hoping you land in the right spot.
Search across 306 titles and full transcripts, with topic and instructor filters
Lesson pages with a player you can scrub by clicking any timestamp, in the description or the transcript
Searchable transcripts, so you can find a phrase and jump straight to it
Tag hub pages with a "deep index" of every timestamped moment a concept appears
A Concept Map: a draggable knowledge graph where each topic is a node, sized by how many videos cover it and linked when concepts show up together
Agents did the heavy lifting on the interactive parts: a force-directed graph that settles and reacts to dragging, a YouTube player wired to seek from transcript clicks, client-side search and filtering, and getting it all responsive on mobile.
Small, clear steps let me iterate fast on things like the sticky mobile filters and the hover-to-trace concept map.
Agents made that pipeline feel approachable, and turned a pile of CSVs into something genuinely fun to explore.
Tristan Owen