A space for all of my current AI experiments.
Experimented with a full page of cards interaction. The idea of a grid of cards gently coming off the page and then surrounding a specific object. When a user scolls back up the cards can realign just as they came off the page.
+ Claude Code — generated all the HTML, CSS, and JavaScript
+ Vanilla JS — scroll-driven animation, RAF loop, lerp physics
+ CSS transforms — card positioning and transitions
+ HTML/CSS — layout, screens, animations, transitions
+ Canvas API — all 4 visualizations drawn in raw JavaScript
+ CSS animations — fade-ins, the loading dots
+ Vanilla JS — screen switching, card rendering, viz cycling
Whenever I finish a show on a streaming service the experience can be a little jarring. I might've just finished an emotional episode and before I can really take it in, the experience takes me to another episode, or even worse, another show. What if there was a visualization that created a calming atmosphere, and gave you time to ponder what you just watched?
+ HTML/CSS — layout, screens, transitions, pill buttons, responsive spacing
+ Canvas API — word wall drawn and animated in raw JavaScript each frame
+ Vanilla JS — screen switching, typewriter, ring pulse engine, history, state management
I remember shaking my friend's Magic 8-Ball and getting the same few answers no matter what I asked. I wanted to build a modern digital version where you can ask anything and get a many mysterious responses.
All Works ©2K26 Ryan Blackman
