
Lee Black
@mrblackstudio • 13,132 subscribers
Founder https://t.co/tIPiXI7gOd ✦ https://t.co/nRSn9lHAlH ✦ https://t.co/M7xDf7nthr ✦ https://t.co/3vOFcVq7eD ✦ https://t.co/VhtNOUxai1
Videos

Breathwork, pass two. Rebuilt some UI. Less “zen app”, more “panic-adjacent engineering”. Sound on 🔊 Prototyped in Framer Workshop while I attempt to gently reeducate a deeply suspicious nervous system since mid October 2025. Sound wise: it’s one humble 4 second OP-1 sample. On exhale I bend the tone using the Web Audio API (as sound should feel like your inhaling and exhaling), and if a breathing pattern outgrows those four seconds, the sound gets politely stretched (als using same API) to comply. Visually, I’m keeping cues simple on purpose so your brain doesn’t have to negotiate with them. But because sound does most of the heavy lifting, you can close your eyes, lie down, or use it at 3am while convincing yourself you’re definitely not dying. Headphones recommended, existential dread optional. Very much not finished. UI needs love, onboarding needs clarity, and the system still needs to explain which breathing helps which flavour of internal chaos. That all comes next. More soon. For now, we continue breathing manually.
Lee Black53,004 次观看 • 4 个月前

Built a modular and dynamic CHUNK type system component in Framer using React and pure CSS. I created a responsive construction system first, then hand crafted every single letter and number in CSS so each glyph has its own structure, balance and character. As the frame changes, the typography reshapes rather than just scales. Part font, part layout engine, part self-inflicted obsession.
Lee Black10,580 次观看 • 1 个月前

ScrollFolio is now live on the store. A full studio / freelancer portfolio built inside a single component. To celebrate launch, I’m giving away 15 free copies on X (normally $49). If you want one: • Like • Repost • Comment “ScrollFolio” • Follow so I can send the remix link I’ll select 15 over the next week.
Lee Black11,676 次观看 • 3 个月前

Three Framer components using its Data() API. They’re self contained code components sharing a single state to sync SoundCloud playback, live ticker data, and a fully interactive record player. Sound on 🔊 The video shows various states from staggered first time track use (compensated for arm position), play and pause in one component and affecting another one, arm drag to scrub a track on the vinyl, and a ticker that takes data depending on states.
Lee Black15,998 次观看 • 5 个月前