kian bazza's banner
kian bazza's profile picture

kian bazza

@kianbazza • 7,273 subscribers

design engineer building @bazza_ui @bazzalabs generating shareholder value @navattic let's connect: https://t.co/4HVGXvh63T

Shorts

Performance gains in bazza/ui vs. Base UI Finally did a side-by-side comparison... and the difference is ⚡ You can see how our implementation barely drops submenus opening when moving the cursor up/down at a fast speed. The video doesn't do it (enough) justice. We do a few things internally to make this happen -- excited to release this to the world. Soon.

Performance gains in bazza/ui vs. Base UI Finally did a side-by-side comparison... and the difference is ⚡ You can see how our implementation barely drops submenus opening when moving the cursor up/down at a fast speed. The video doesn't do it (enough) justice. We do a few things internally to make this happen -- excited to release this to the world. Soon.

137,762 Aufrufe

Morphing braille loader for async item creation ⊙ Dynamic label preview in header ⊙ Loader powered by 𝚖𝚘𝚝𝚒𝚘𝚗 ⊙ Smooth transition from loading → success state ⊙ Exit animation via <𝙰𝚗𝚒𝚖𝚊𝚝𝚎𝙿𝚛𝚎𝚜𝚎𝚗𝚌𝚎 /> ⊙ Text morphing with 𝚝𝚘𝚛𝚙𝚑 by ؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

Morphing braille loader for async item creation ⊙ Dynamic label preview in header ⊙ Loader powered by 𝚖𝚘𝚝𝚒𝚘𝚗 ⊙ Smooth transition from loading → success state ⊙ Exit animation via <𝙰𝚗𝚒𝚖𝚊𝚝𝚎𝙿𝚛𝚎𝚜𝚎𝚗𝚌𝚎 /> ⊙ Text morphing with 𝚝𝚘𝚛𝚙𝚑 by ؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

79,387 Aufrufe

Inline label creation flow, built with the upcoming bazza/ui Menu. We've had submenus forever. But why did we never consider subpages inside a menu? Nobody had a good answer... So I built it myself. 🧵

Inline label creation flow, built with the upcoming bazza/ui Menu. We've had submenus forever. But why did we never consider subpages inside a menu? Nobody had a good answer... So I built it myself. 🧵

27,302 Aufrufe

Loading state visualization for menus, built with bazza/ui Menu ⁽¹⁾ and TANSTACK Query: ⊙ First fetch: default loading spinner ⊙ Re-fetch: show cached data + inline spinner in the input It makes two different states obvious to the user: "We have nothing yet" vs. "here's what we have, but we're checking for updates." ⁽¹⁾ Releasing a preview soon. Hop in to the bazza/ui Discord for access:

Loading state visualization for menus, built with bazza/ui Menu ⁽¹⁾ and TANSTACK Query: ⊙ First fetch: default loading spinner ⊙ Re-fetch: show cached data + inline spinner in the input It makes two different states obvious to the user: "We have nothing yet" vs. "here's what we have, but we're checking for updates." ⁽¹⁾ Releasing a preview soon. Hop in to the bazza/ui Discord for access:

17,279 Aufrufe

Videos

Keine weiteren Inhalte verfügbar