kian bazza's banner

kian bazza

@kianbazza • 7,208 subscribers

design engineer @navattic building @bazza_ui @bazzalabs 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,084 views

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,096 views

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 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

Hand-drawn signature, built with Motion ⊙ SVG paths w/ sequential timing + custom easing ⊙ Each stroke drawn using 𝚙𝚊𝚝𝚑𝙻𝚎𝚗𝚐𝚝𝚑 animation ⊙ Ghost layer underneath gives an ink-indent effect A personal touch that elevates your portfolio. Source code below. ⤵️

Hand-drawn signature, built with Motion ⊙ SVG paths w/ sequential timing + custom easing ⊙ Each stroke drawn using 𝚙𝚊𝚝𝚑𝙻𝚎𝚗𝚐𝚝𝚑 animation ⊙ Ghost layer underneath gives an ink-indent effect A personal touch that elevates your portfolio. Source code below. ⤵️

243,941 views • 3 months ago

Introducing 𝚑𝚒𝚝-𝚊𝚛𝚎𝚊—a collection of Tailwind CSS utility classes for expanding the hit area of interactive elements. Small hit areas are a silent UX killer. One class fixes it. Distributed via shadcn registry - see link below.

Introducing 𝚑𝚒𝚝-𝚊𝚛𝚎𝚊—a collection of Tailwind CSS utility classes for expanding the hit area of interactive elements. Small hit areas are a silent UX killer. One class fixes it. Distributed via shadcn registry - see link below.

137,381 views • 2 months ago

Improved data table filters on mobile 🔥 A progressive gradient appears at the container edges when there's more content to scroll. Let me know what you think ↩️

Improved data table filters on mobile 🔥 A progressive gradient appears at the container edges when there's more content to scroll. Let me know what you think ↩️

34,526 views • 1 year ago

Linear-style filters using shadcn and TANSTACK table. This was for a private, closed-source project from about a year ago. I was new to TypeScript but eager to recreate it. I completed the project and seriously leveled up my TypeScript skills. Let me know if you're curious about the build process—I may open-source the filtering logic 👀

Linear-style filters using shadcn and TANSTACK table. This was for a private, closed-source project from about a year ago. I was new to TypeScript but eager to recreate it. I completed the project and seriously leveled up my TypeScript skills. Let me know if you're curious about the build process—I may open-source the filtering logic 👀

33,616 views • 1 year ago

server-side filtering has been achieved internally for bazza/ui's data table filters 🤯 we provide you top tier UI/UX and fully managed state + logic you share the filter state with anything — TANSTACK table, query, nuqs, SWR — it's up to you coming soon.

server-side filtering has been achieved internally for bazza/ui's data table filters 🤯 we provide you top tier UI/UX and fully managed state + logic you share the filter state with anything — TANSTACK table, query, nuqs, SWR — it's up to you coming soon.

18,523 views • 1 year ago

Hyped for the upcoming update to @bazzaui data table filters. Server-side filtering. BYO table library (optional). i18n support. Performance improvements. Built with shadcn and install w/ one command. Try it early (`canary` channel) by joining our Discord server ⤵️

Hyped for the upcoming update to @bazzaui data table filters. Server-side filtering. BYO table library (optional). i18n support. Performance improvements. Built with shadcn and install w/ one command. Try it early (`canary` channel) by joining our Discord server ⤵️

15,797 views • 1 year ago

No more content to load