kian bazza's banner

kian bazza

@kianbazza • 7,268 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,423 次观看

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 次观看

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 次观看

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. ⤵️

244,733 次观看 • 5 个月前

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.

138,890 次观看 • 4 个月前

Let's give this another go... 👀 Latest comparison of submenu performance for Base UI vs. bazza/ui <𝙼𝚎𝚗𝚞>. Updated to v1.2.0 — I was told v1.0.0 contained a temporary regression of this exact functionality. Base UI feels faster than before ⚡ Let me know what you think.

Let's give this another go... 👀 Latest comparison of submenu performance for Base UI vs. bazza/ui <𝙼𝚎𝚗𝚞>. Updated to v1.2.0 — I was told v1.0.0 contained a temporary regression of this exact functionality. Base UI feels faster than before ⚡ Let me know what you think.

39,198 次观看 • 4 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

没有更多内容可加载