I was lucky enough to present how I animate icons with AI - @jigjoy_ai hackathon today
here's the wifi interaction I cooked (opus 5.5)
We’re kicking of @jigjoy_ai hackathon in Novi Sad! ☀️
@lotus_sbc and @Mijuraaa talked about Mozaik framework for building concurrent AI agentic systems.
@kippe07 shared about his experience with building animations with AI.
Petar Cirkovic retweeted
We’re kicking of @jigjoy_ai hackathon in Novi Sad! ☀️
@lotus_sbc and @Mijuraaa talked about Mozaik framework for building concurrent AI agentic systems.
@kippe07 shared about his experience with building animations with AI.
Petar Cirkovic retweeted
Tomorrow, Petar joins our hackathon as a speaker!
He’ll share how he uses AI to create microinteractions at @jamdotdev.
We’re excited to learn about his workflow and get a glimpse of what it’s like to work at a San Francisco–based startup in the AI era.
I'm proud to share that my first ever product launch video for @jamdotdev went out yesterday:
- built from scratch with Claude Opus 5.5
- custom rendering engine, field blur & cam movement
- sound effects, earshot by @LexnLin
outro is inspired by @jittervideo
pretty wild what can be done with agents today, no after effects, no figma, just prompting
Petar Cirkovic retweeted
Permit me, if I may, to walk you through the evolution of the @jamdotdev Jam for Mac recording toolbar. From April 24 to October 16. 🧵
Big one for all Mac OS lovers!
If you appreciate craft and attention to detail, you will love this app!
- built by solo developer -> @mattcomi
- 100% Swift
- uses on device AI models (perfect for new M6)
- safari & electron logs
I was lucky to work with and support development alongside a phenomenal team: @maja_fili @majroth @ChrisRodemeyer @_cichocinski
btw, I had so much fun creating the promo video
- built with Opus 5.5 from scratch
- custom rendering engine (no external libraries)
Enjoy!
hot UI landed on prod:
- you can now reply in thread on @jamdotdev
(btw, no Figma, built straight in code)
sweet detail from upcoming @jamdotdev launch video
- drag the camera bubble -> guy on camera goes "whoaaa"
pretty neat what can be done with agents today
this animation is built entirely in HTML / CSS
- Opus 5.5 wrote the rendering engine
- motion blur + depth of field
teaser for what's coming to @jamdotdev
Petar Cirkovic retweeted
Honestly so proud of these @jamdotdev onboarding screens. Please note:
• the bump on the J key.
• the keys are interactive.
• you can switch between light and dark keyboard.
• the menu bar screen uses your actual desktop wallpaper.
• the real glass effect on the loupe.
design engineering tip straight from @jamdotdev repo
if you are using drag selection, ramp the scroll speed based on cursor position (closer to the edge = faster)
we use this simple formula:
-> scrollSpeed = 12 * (1 - distanceToEdge / 48)
love the attention to detail in grok @bot desktop app
once you start typing in search, the cursor gets hidden
fresh drag interaction just landed on @jamdotdev
batch select, then drag to move to folder, followed by buttery animation
quick design engineering tip we use at @jamdotdev
when an interactive element appears or disappears near an edge, add these two lines of css:
- transform: scale(0.96) -> on :active
- filter: blur(8px) -> slide & fade out
feels like you applied force and pushed element out
motion tip for design engineers:
- add a gooey effect when shapes split
- add motion blur when things move fast
everything feels more premium
someone at @codex pushed hard for an interaction this smooth, love the attention to detail