cz

engineer

[cz @wherescz]

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

[cz @wherescz]

@uitopic thanks 🫶

[cz @wherescz]

bonjour, france

[cz @wherescz]

This is probably 90% of designing for me.

You make something, stare at it for a while, realize it’s just not giving what you had in your head, and throw it in the trash.

I made this one myself and I’m not really proud of how it turned out, but that’s honestly how most of the work goes. A lot of what you make just never sees the light of day.

[cz @wherescz]

Yeah I actually agree with your point on shipping faster and getting something out there. My take was more specifically about the quality and visual direction of the UI.

It just feels a little ironic to me that a company like cloudflare, which obviously has access to extremely talented designers, ended up shipping something that visually feels so generic and almost "vibe coded"

I don't think that necessarily means they made the wrong product decision. There could be a hundred valid reasons behind it, and if the goal was to validate something quickly, then it makes complete sense.

I just think it's still fair to look at the final UI and say "this could have been designed much better" especially given the resources and talent they have

[cz @wherescz]

@MiroJomaa @Cloudflare @CloudflareDev finally

[cz @wherescz]

It’s actually insane that a multi-billion dollar company has a website that looks like it was vibe-coded.

With the amount of insanely talented designers on X, they really looked at all the possibilities and said “yh, ship the AI looking one.”

[cz @wherescz]

@_rudosurebec @Cloudflare @CloudflareDev they have, but their first version was not even supporting mobile version

[cz @wherescz]

also, here’s what it could look like when minimized

[cz @wherescz]

A couple of AI todo list concepts we've been playing around with.

Still very much a work in progress, but starting to take shape.

[cz @wherescz]

@caspian_ji yesss exactly i wanted it to feel tactile even though it’s purely visual

[cz @wherescz]

Spinners are such a fun component to play with.

Some use nine cells, some sixteen, with a few different animations and interactions.

There’s surprisingly much you can do with such a simple shape. Really fun to experiment with.

[cz @wherescz]

@manu_zurcher Thanks!

[cz @wherescz]

Been working on these expanding cards.

The content smoothly blurs and fades out as the card expands, while everything scales with the container so the whole transition feels more natural.

[cz @wherescz]

@didiercatz Custom shaders are so underrated. Great job, this is looking lovely!

[cz @wherescz]

@LuigiS1223 So actually animations and visual are made entirely in code, so that's the library itself im working on, the only tool i've used are after effect + capcut mainly to tilt the screen and tweak colors

[cz @wherescz]

Quick preview of the chart reveal animations.

Some of them are still being tweaked, but the plan is to animate every chart so they all have a smooth, consistent reveal when the page loads or refreshes.

Still a work in progress, but getting there.

[cz @wherescz]

A few of the graphs I’ve built for my UI library

No charting library, fully built from scratch in vanilla JS

Interactive, animated, and customizable down to the smallest details

[cz @wherescz]

@kksiezopolski Thanks Konrad !

[cz @wherescz]

@simplifiedamber

[cz @wherescz]

I’ve been asked a few times if I’m ever going to put my libraries or work behind a paywall.

Honestly, I don’t think UI should be something you have to pay for just to learn from.

I understand that people need to make money from their work, and there’s absolutely nothing wrong with that. But when you’re building a library where half of the components are open source and the other half are locked behind a paywall, it feels a bit absurd to me.

I’d rather share everything I make and let people use it, learn from it, break it apart, and build something better with it.

A lot of what I’ve learned came from people freely sharing their work on the internet. I’m just trying to give back in the same way.

If something I build helps someone make better UI, understand an animation, or sparks an idea for their own work, that’s already more than enough for me.

[cz @wherescz]

Try it here 🫡 : https://t.co/cE2CPPcGej

[cz @wherescz]

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