R

engineer

[R @wheresryan22]

Introducing @sfinterface/numbers.

Numbers that move the way they should.

A handcrafted React component from The San Francisco Interface.

• ~13kb zipped
• Smooth, blurred transitions
• Fully customizable
• Built for real-world UI

Try it, play with it, and install it:

https://t.co/u8zhAgj4mV

[R @wheresryan22]

@lucasmarkes__ @HiASSea check your dm if you have time 🙏

[R @wheresryan22]

Right now, even though most of the figures look pretty polished, small details can sometimes overlap in the SVG and create visual inconsistencies. I’m working on improving that.

[dæv @HiASSea]

wen pls🥹

[R @wheresryan22]

@HiASSea Check @lucasmarkes__ works, he have a very good library that does also isometric svg

[sundyme @sundyme]

把细节做到这种程度已经很厉害了，期待作者开源skill。 https://t.co/vtULPsL2MP

[R @wheresryan22]

@anishthite should i try something?

[R @wheresryan22]

@yannworks i do actually but not until im satisfied with the result, the screenshot above is the perfect example, if you look close, you can see pipes doing crazy things

[R @wheresryan22]

@fatimahs_tech aura

[R @wheresryan22]

@jonbeckman @SpaceX mainly because each effect is just one fragment shader, so there's nothing WebGPU would really speed up.

WebGL also works pretty much everywhere, and AI seems to write better GLSL than WGSL

[R @wheresryan22]

@kzmucx @SpaceX in few days, need to fix some details, and since im trying to add a WebGL shaders support, its more complex

[R @wheresryan22]

Tried adding WebGL shaders as an option inside the skill and it turned out pretty sick. (one-shotted using the skill)

Asked it to create a Raptor engine from @SpaceX that comes apart on hover, then ignites using WebGL.

Still a prototype, but the result is pretty wild.

[R @wheresryan22]

@0xbigturk dope!

[R @wheresryan22]

Right now, the skill adds shaders in a smart way. For example, if it’s an engine, it might add an animated afterburner effect. You can then modify everything yourself without the skill afterward. The idea is that the skill gives you a pretty solid starting point, and you can iterate on it from there.

[R @wheresryan22]

Can't imagine how much this opens up in terms of inspiration and design. Can't wait to see what people create with it 🫡

[R @wheresryan22]

Tried adding WebGL shaders as an option inside the skill and it turned out pretty sick. (one-shotted using the skill)

Asked it to create a Raptor engine from @SpaceX that comes apart on hover, then ignites using WebGL.

Still a prototype, but the result is pretty wild.

[R @wheresryan22]

@MatousRoskovec @SpaceX planned, free and open-source

[R @wheresryan22]

@taras_korn 🤝

[R @wheresryan22]

I wasn’t planning to release the isometric skill, but turns out a lot of people want it, dropping it in a few days. (free, open-source)

[R @wheresryan22]

@pranshuuuuuuuu @SpaceX No, keep going. We need the community to keep feeding our developers.

[R @wheresryan22]

@timothymaarv @SpaceX tyy!!

[R @wheresryan22]

@Unhn123 for this result, opus 5.5 ultracode

[R @wheresryan22]

probably should go to sleep now