SCRUB.𝕨𝕒𝕧

Designer\Developer\Builder 💻💤

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

Healthy body = happy mind

[Yaël Bienenstock @YaelBienenstock]

For years I've been taking selfies of my outfits just to remember what I wore or share with friends. Camera roll: thousands of pictures, zero of them findable. So i built the thing i wanted. Meet Yafa 🧵

[m_11 @instance_11]

forms & the code that produced them

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

@mrdavenport @anydistanceclub Any way you could share the shaders with me?

[Jay Mo @jayhxmo]

imagine if u could just swipe through ur closet to mix & match

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

@mrdavenport Man, this looks amazing!

[Alex Barashkov @alex_barashkov]

When we animate icons, we pick the tool based on what the icon actually needs:

- Simple SVG line icons → GSAP or Motion dev, animate inside the SVG.
- Interactive, mix of vector and raster, visual effects → Rive.
- 3D → Blender (or Spline).
- Not 3D but visually complex → After Effects.
- ASCII / pixel look → WebGL shader.

For SVG animations or WebGL work, you can already successfully use AI. Gemini 3.1 Pro and Opus 4.6 are the best for these tasks.

For Blender or After Effects, make a loop or a one-time animation and embed it as a video. Use ffmpeg to prepare assets in H.265, VP9, and AV1 codecs. Just Google my article and follow the steps - nothing complicated, but the output will be lightweight. Don't be afraid to use videos. They don't affect the performance of the site and will look super crisp at the size of the icons.

If you choose Rive, try to use it for more animations on the site - otherwise, loading a runtime might feel heavy for "just a few icons."

If you do animation with WebGL shaders, just pay attention to performance and turn it on or off when the animation is out of the viewport.

[tweet davidson @andyreed]

giving openclaw access to hinge

[roon @tszzl]

how it feels to use a billion tokens a week skating on the verge of machine psychosis

[Yacine Mahdid @yacinelearning]

can someone explain to me in simple words why the CEO of the highest valued company in the world is having a conference in the middle of a one way street during rush hour

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

@elisawicki_co @duolingo @rive_app This was so cool man! Great break down.

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

@diabrowser Once the URL is bar is gone, I will finally convert from arc.

[AA @measure_plan]

ok jarvis, let's make some shaders

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

my own codebase is ragebaiting me

[60fps @60fpsdesign]

Simple motion can make finishing a task feel delightful!💜

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

Created a sync layer using SwiftData.. Works pretty good :)

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

@kianmckenn @shadcn Can you share the repo for the sidebar implementation

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

@AlecHndez Agreed, its my favorite

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

So down bad for a treat I showed gpt my pantry and hoped for the best

[SCRUB.𝕨𝕒𝕧 @ChEEEky_SCRUB]

@chloe21e8 chloe.. thank you