Austin Malerba's banner

Austin Malerba

@austin_malerba • 10,448 subscribers

Engineer @ElevenLabs. Prev building https://t.co/znyUVjQF9d. CS degree @RITtigers. All views my own.

Shorts

A grid rotation concept Framer-motion Chakra

A grid rotation concept Framer-motion Chakra

385,999 views

Ringy-dingy thingy

Ringy-dingy thingy

12,725 views

<Nav /> built on Radix by WorkOS nav-menu components

<Nav /> built on Radix by WorkOS nav-menu components

51,331 views

Playing around a bit more with camera utils Added a track(target) function but think i need to implement it better🤔 Framer-motion Chakra

Playing around a bit more with camera utils Added a track(target) function but think i need to implement it better🤔 Framer-motion Chakra

57,999 views

For years i've had this vision for a synchronous reactive ORM with offline support and realtime syncing to other clients. This is the holy grail of state management IMO and i'm finally building it using mobx and yjs. I know that's a mouthful so let me explain: synchronous - there's no promises to deal with and therefore no loading states which leads to much cleaner frontend code. reactive - imagine signals/observables that you can mutate and they will trigger your components to rerender and also will immediately propagate to other users' devices. ORM - what i've made is not an ORM, but it looks and feels like one where you define Models and then you interact with instances of those models. offline/syncing - this is done through yjs, a CRDT implementation, and websockets. CRDTs power many modern collaborative multiplayer tools like figma.

For years i've had this vision for a synchronous reactive ORM with offline support and realtime syncing to other clients. This is the holy grail of state management IMO and i'm finally building it using mobx and yjs. I know that's a mouthful so let me explain: synchronous - there's no promises to deal with and therefore no loading states which leads to much cleaner frontend code. reactive - imagine signals/observables that you can mutate and they will trigger your components to rerender and also will immediately propagate to other users' devices. ORM - what i've made is not an ORM, but it looks and feels like one where you define Models and then you interact with instances of those models. offline/syncing - this is done through yjs, a CRDT implementation, and websockets. CRDTs power many modern collaborative multiplayer tools like figma.

15,170 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Still the coolest and most challenging thing I’ve ever built. Threejs (r3f) + arduino simulation + analog simulation all happening in the browser simultaneously. It was a wild ride to say the least.

Still the coolest and most challenging thing I’ve ever built. Threejs (r3f) + arduino simulation + analog simulation all happening in the browser simultaneously. It was a wild ride to say the least.

755,480 views • 2 years ago

Stream a live image of any element into a canvas <ElementMirror source={cardRef} fps={30} /> Good for things like blurred img/video backdrops, dnd, pip, minimaps, magnifiers, custom glass effects, creative coding shenanigans

Stream a live image of any element into a canvas <ElementMirror source={cardRef} fps={30} /> Good for things like blurred img/video backdrops, dnd, pip, minimaps, magnifiers, custom glass effects, creative coding shenanigans

17,130 views • 2 months ago

While others have been working diligently to destroy reading experiences using pretext, I’ve been thinking a bit about how to improve them using llms. Here’s a tldr concept where you can seamlessly swipe between synopsis and original article while maintaining your reading position at all times.

While others have been working diligently to destroy reading experiences using pretext, I’ve been thinking a bit about how to improve them using llms. Here’s a tldr concept where you can seamlessly swipe between synopsis and original article while maintaining your reading position at all times.

40,101 views • 6 months ago

Introducing xorma 🚀 A reactive in-memory database for building complex frontend apps like video editors, design tools, and games. I first conceived of it in 2022 while setting out to build diode and I’ve used it in basically every project since. So here it is as a proper npm package.

Introducing xorma 🚀 A reactive in-memory database for building complex frontend apps like video editors, design tools, and games. I first conceived of it in 2022 while setting out to build diode and I’ve used it in basically every project since. So here it is as a proper npm package.

72,464 views • 1 year ago

Alright, <SpeechInput /> now live for all via shadcn registry🙌

Alright, <SpeechInput /> now live for all via shadcn registry🙌

33,145 views • 10 months ago

lil bit of timeline work this week

lil bit of timeline work this week

21,186 views • 1 year ago

Spent the last week giving the sound effects page a lil bit of spicee 🌶️

Spent the last week giving the sound effects page a lil bit of spicee 🌶️

11,688 views • 1 year ago

Introducing binsta 🚀🚀🚀 binsta offers drag n drop file hosting through a delightful ui convert pesky heics to webp on the fly convert your 20mb mov to a 500kb mp4 before shoving it into a <video /> tag try it out for free =>

Introducing binsta 🚀🚀🚀 binsta offers drag n drop file hosting through a delightful ui convert pesky heics to webp on the fly convert your 20mb mov to a 500kb mp4 before shoving it into a <video /> tag try it out for free =>

13,829 views • 3 years ago

No more content to load