# ![@diegohaz Avatar](https://lunarcrush.com/gi/w:26/cr:twitter::56391956.png) @diegohaz Haz

Haz posts on X about discord, bevel, javascript, brazil the most. They currently have [------] followers and [---] posts still getting attention that total [-----] engagements in the last [--] hours.

### Engagements: [-----] [#](/creator/twitter::56391956/interactions)
![Engagements Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::56391956/c:line/m:interactions.svg)

- [--] Week [------] +15%
- [--] Month [---------] +450%
- [--] Months [---------] +4,000%
- [--] Year [---------] +160%

### Mentions: [--] [#](/creator/twitter::56391956/posts_active)
![Mentions Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::56391956/c:line/m:posts_active.svg)

- [--] Month [--] -42%
- [--] Months [--] +263%
- [--] Year [---] +48%

### Followers: [------] [#](/creator/twitter::56391956/followers)
![Followers Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::56391956/c:line/m:followers.svg)

- [--] Week [------] +1.20%
- [--] Month [------] +8.20%
- [--] Months [------] +12%
- [--] Year [------] +13%

### CreatorRank: [-------] [#](/creator/twitter::56391956/influencer_rank)
![CreatorRank Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::56391956/c:line/m:influencer_rank.svg)

### Social Influence

**Social category influence**
[social networks](/list/social-networks)  7.09% [technology brands](/list/technology-brands)  2.36% [countries](/list/countries)  2.36% [stocks](/list/stocks)  1.57% [currencies](/list/currencies)  1.57% [celebrities](/list/celebrities)  1.57% [finance](/list/finance)  0.79% [cryptocurrencies](/list/cryptocurrencies)  0.79%

**Social topic influence**
[discord](/topic/discord) 5.51%, [bevel](/topic/bevel) 2.36%, [javascript](/topic/javascript) #216, [brazil](/topic/brazil) 2.36%, [compound](/topic/compound) 2.36%, [automatic](/topic/automatic) 2.36%, [ai](/topic/ai) 1.57%, [atomic](/topic/atomic) #811, [fine](/topic/fine) 1.57%, [elon musk](/topic/elon-musk) 1.57%

**Top accounts mentioned or mentioned by**
[@corysimmons123](/creator/undefined) [@fredericoo](/creator/undefined) [@vladyslavmoroz](/creator/undefined) [@ariakittailwind](/creator/undefined) [@grok](/creator/undefined) [@jjenzz](/creator/undefined) [@olivtassinari](/creator/undefined) [@ariakitjs](/creator/undefined) [@samselikoff](/creator/undefined) [@blvdmitry](/creator/undefined) [@samurmaykrrr](/creator/undefined) [@dchackethal](/creator/undefined) [@praneethpike](/creator/undefined) [@daniguardiola](/creator/undefined) [@colmtuite](/creator/undefined) [@saltyaom](/creator/undefined) [@scope](/creator/undefined) [@mishaerm](/creator/undefined) [@jonasfroeller](/creator/undefined) [@supports](/creator/undefined)

**Top assets mentioned**
[Cloudflare, Inc. (NET)](/topic/cloudflare) [ELYSIA (EL)](/topic/elysia)
### Top Social Posts
Top posts by engagements in the last [--] hours

"This border-radius transition 🤌🏽 Believe it or not it's just CSS"  
[X Link](https://x.com/diegohaz/status/2018569968514937305)  2026-02-03T06:19Z 11.9K followers, 288.7K engagements


"My dream CSS framework: CSS-in-TS Composable utilities as fns md(size(2)) Plugins are just fns custom(flex()) Compiled to static CSS by default Dynamic when needed hover(prop) Class order matters Maybe not possible CSS is evolving quickly but JS/TS are hard to beat for expressiveness tooling and type safety. AI is also better at writing TS and may get even better with TSGO. Thoughts https://twitter.com/i/web/status/2020138387303461316 https://twitter.com/i/web/status/2020138387303461316"  
[X Link](https://x.com/diegohaz/status/2020138387303461316)  2026-02-07T14:11Z 11.9K followers, 15.2K engagements


"🤔 I can't stop thinking about this. Do we really want another CSS framework My dream CSS framework: CSS-in-TS Composable utilities as fns md(size(2)) Plugins are just fns custom(flex()) Compiled to static CSS by default Dynamic when needed hover(prop) Class order matters Maybe not possible CSS is evolving quickly but JS/TS My dream CSS framework: CSS-in-TS Composable utilities as fns md(size(2)) Plugins are just fns custom(flex()) Compiled to static CSS by default Dynamic when needed hover(prop) Class order matters Maybe not possible CSS is evolving quickly but JS/TS"  
[X Link](https://x.com/diegohaz/status/2021198356048117898)  2026-02-10T12:23Z 11.9K followers, [----] engagements


"A drop shadow can make a big difference"  
[X Link](https://x.com/diegohaz/status/2017768979230769496)  2026-02-01T01:16Z 11.9K followers, [----] engagements


"Some checkbox cards Ive been working on"  
[X Link](https://x.com/diegohaz/status/2019386787244962256)  2026-02-05T12:25Z 11.9K followers, 24.3K engagements


"@samurmaykrrr I love plain CSS but I love TypeScript even more. Sorry"  
[X Link](https://x.com/diegohaz/status/2021200889344819424)  2026-02-10T12:33Z 11.9K followers, [---] engagements


"- natively scoped CSS already supports this: - build checks That's just a CSS linter right - optimizes the output I feel like Tailwind's optimization is lacking. Since it only compiles the output not the input there's only so much it can do. In that sense a library like StyleX is more optimized. It's end-to-end atomic CSS. - CSS-in-TS always verbose I can't agree it's always more verbose. It depends on the API. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@scope https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@scope"  
[X Link](https://x.com/diegohaz/status/2021209892582011334)  2026-02-10T13:09Z 11.9K followers, [---] engagements


"I don't like StyleX's API. That's why I wanted a Tailwind-like API in TypeScript. Still the way StyleX works under the hood is the best I've seen. It's atomic CSS from input to output. It intelligently merges incoming props and supports dynamic CSS with minimal runtime cost. That's the state of the art in CSS-in-JS. https://twitter.com/i/web/status/2021212135213367542 https://twitter.com/i/web/status/2021212135213367542"  
[X Link](https://x.com/diegohaz/status/2021212135213367542)  2026-02-10T13:18Z 11.9K followers, [--] engagements


"@misha_erm Vanilla-extract has some great ideas like createVar createContainer and the sprinkles package. I just dont love writing CSS as objects. I like Tailwinds approach but without syntax highlighting my brain cant parse all those strings. Also type-safety etc"  
[X Link](https://x.com/diegohaz/status/2021220827543347509)  2026-02-10T13:52Z 11.9K followers, [--] engagements


"@jonasfroeller Yes you can do this: .class border-radius: 0.5rem; /* fallback */ @supports (corner-shape: bevel) corner-shape: bevel round; border-radius: 1em [--] / 3em 0;"  
[X Link](https://x.com/diegohaz/status/2016398231333437914)  2026-01-28T06:29Z 11.8K followers, [----] engagements


"@dchackethal Yeah and you can also turn it into a chevron which is actually the default bevel corner shape"  
[X Link](https://x.com/diegohaz/status/2016399109851390012)  2026-01-28T06:33Z 11.8K followers, [----] engagements


"Concentric border radius"  
[X Link](https://x.com/diegohaz/status/2018131527016837289)  2026-02-02T01:17Z 11.9K followers, 12.6K engagements


"@praneethpike I use Tailwind but its still not what I want"  
[X Link](https://x.com/diegohaz/status/2020160843816820968)  2026-02-07T15:40Z 11.9K followers, [---] engagements


"@roccosoftware StyleX is cool but Im thinking more along the lines of Tailwind except with JS functions instead of strings"  
[X Link](https://x.com/diegohaz/status/2020161267420332378)  2026-02-07T15:42Z 11.9K followers, [---] engagements


"@yamin__yassin Panda uses properties to define styles. That's fine but it's not what I mean. Think Tailwind + Zod"  
[X Link](https://x.com/diegohaz/status/2020162254218621347)  2026-02-07T15:46Z 11.9K followers, [---] engagements


"@fredericoo I love Tailwind but my brain just cant parse a bunch of strings without syntax highlighting"  
[X Link](https://x.com/diegohaz/status/2020166570866319595)  2026-02-07T16:03Z 11.9K followers, [---] engagements


"@fredericoo Also reading code is much more important than writing especially in the times were living in"  
[X Link](https://x.com/diegohaz/status/2020168404817371290)  2026-02-07T16:10Z 11.9K followers, [---] engagements


"@stevelauda_ Someone has to build this"  
[X Link](https://x.com/diegohaz/status/2020173099753435475)  2026-02-07T16:29Z 11.9K followers, [---] engagements


"@fredericoo They still have trouble writing and reading newer Tailwind v4 syntax like the var and fallback shorthand. But thats not my point. As humans were reading more code now than we used to"  
[X Link](https://x.com/diegohaz/status/2020188919011373091)  2026-02-07T17:32Z 11.9K followers, [--] engagements


"@corysimmons123 I saw that. Really nice. Im working on a design spec doc before I (or the AI) start implementing. Its already about 2.5k lines lol but Im still not sure this is a good idea"  
[X Link](https://x.com/diegohaz/status/2021225737517191517)  2026-02-10T14:12Z 11.9K followers, [--] engagements


"@corysimmons123 I think Typewind is the closest to what I want but compiling down to Tailwind is too limiting. I also think some API choices werent fully thought through maybe because it has to follow Tailwinds API. Basically I want Typewind with a better API and StyleXs power underneath"  
[X Link](https://x.com/diegohaz/status/2021230660841611505)  2026-02-10T14:31Z 11.9K followers, [--] engagements


"The API you chose is pretty good honestly. Id just change things like bg('blue-500') to bg.blue500 because TypeScript doesnt automatically update string arguments when you rename a symbol. For example if you rename blue-500 to primary-550 TypeScript will just show an error on the argument. If you use a property instead it gets updated automatically. What I dont like about Typewind are patterns like bg_blue_500$"25" (compiles to bg-blue-500/25) 🤮 https://twitter.com/i/web/status/2021234316127486253 https://twitter.com/i/web/status/2021234316127486253"  
[X Link](https://x.com/diegohaz/status/2021234316127486253)  2026-02-10T14:46Z 11.9K followers, [--] engagements


"I love that after I posted this my feed is now full of inspiring UI/UX work. Its probably more because Ive been engaging with that kind of content than because I posted this but its still an interesting coincidence. Dear @grok algorithm please stop showing me clawdbot content. I get it but Im not interested right now maybe in a few months. Ive got other things to do. Show me inspiring original UI/UX work. A few fake Remotion videos are fine for balance. Dear @grok algorithm please stop showing me clawdbot content. I get it but Im not interested right now maybe in a few months. Ive got other"  
[X Link](https://x.com/diegohaz/status/2022318313582522578)  2026-02-13T14:33Z 11.9K followers, [----] engagements


"CSS 🤝🏽 Math How to get even margins without ignoring line-height"  
[X Link](https://x.com/diegohaz/status/2012202785551327265)  2026-01-16T16:38Z 11.9K followers, 2.5M engagements


"The new corner-shape CSS property unlocks exciting new UI patterns. corner-shape: bevel round; border-radius: 1em [--] / 3em 0;"  
[X Link](https://x.com/diegohaz/status/2016364636875186658)  2026-01-28T04:16Z 11.9K followers, 231.2K engagements


"Modern CSS capabilities"  
[X Link](https://x.com/diegohaz/status/2019751466169229542)  2026-02-06T12:34Z 11.9K followers, 126.6K engagements


"Ignoring the ads [--] of the first [--] posts on my For You feed are UI/UX-related. The other one is JavaScript which is definitely welcome. No politics no pointless memes no rage bait. I love that after I posted this my feed is now full of inspiring UI/UX work. Its probably more because Ive been engaging with that kind of content than because I posted this but its still an interesting coincidence. I love that after I posted this my feed is now full of inspiring UI/UX work. Its probably more because Ive been engaging with that kind of content than because I posted this but its still an"  
[X Link](https://x.com/diegohaz/status/2022322087189533062)  2026-02-13T14:48Z 11.9K followers, [----] engagements


"It wasn't a registered job. The salary was slightly below minimum wage at the time. But I just wanted access to a computer since I didn't have one so I arranged with my "employer" to let me stay extra hours in the office to work on my own projects"  
[X Link](https://x.com/diegohaz/status/1821502512949518487)  2024-08-08T11:03Z 10.7K followers, [---] engagements


"@lukemorales [----] per year not per month haha. But I did the math wrong. It was actually [----] BRL per year"  
[X Link](https://x.com/diegohaz/status/1821513515997290819)  2024-08-08T11:47Z 10.7K followers, [--] engagements


"Correction: it was [----] BRL per year ( [----] USD)"  
[X Link](https://x.com/diegohaz/status/1821513783384121530)  2024-08-08T11:48Z 10.7K followers, [---] engagements


"I just downloaded Arc to test something and apparently I can't use it without an account. Is this the future"  
[X Link](https://x.com/diegohaz/status/1824089645220532567)  2024-08-15T14:23Z 10.7K followers, [----] engagements


"@FehBEatz @YourAnonCentral Yeah I didn't know what Kuaishou was either but it's actually Kwai and yes it's very popular in Brazil"  
[X Link](https://x.com/diegohaz/status/1830077208020341181)  2024-09-01T02:56Z 10.7K followers, [--] engagements


"@JohnLeFevre Wasn't Brazil a dictatorship according to Elon Musk How could a massive protest like that (I can see at least [---] million people in the video) take place in a dictatorship"  
[X Link](https://x.com/diegohaz/status/1832757487860170981)  2024-09-08T12:26Z 10.7K followers, [--] engagements


"Ariakit examples with Tailwind v4 will be amazing"  
[X Link](https://x.com/diegohaz/status/1832758663913550062)  2024-09-08T12:31Z 10.7K followers, [----] engagements


"TypeScript is really a powerful tool Here's a fun trick you can do with template literals in TS https://t.co/jq3od8cnuq Here's a fun trick you can do with template literals in TS https://t.co/jq3od8cnuq"  
[X Link](https://x.com/diegohaz/status/1835430334290100649)  2024-09-15T21:27Z 10.7K followers, [----] engagements


"@vladyslavmoroz I think most people will assume render is a function and will vote based on that (without reading your next tweet)"  
[X Link](https://x.com/diegohaz/status/1836544907281850489)  2024-09-18T23:16Z 10.7K followers, [---] engagements


"@chancethedev @vladyslavmoroz @jjenzz @Andy_Hook Ariakit used to have a children function prop in the early days. IMO it's the worst option. It's difficult to write read and refactor and you'll often see TS conflicts because you're reusing an existing prop (children). That's one of the reasons we switched to render"  
[X Link](https://x.com/diegohaz/status/1836623104065372189)  2024-09-19T04:27Z 10.7K followers, [---] engagements


"@jjenzz @daniguardio_la @vladyslavmoroz Of course that's when composing [--] components that support render. If you're adding polymorphism to a native element or custom component (1) is inevitable and I agree that wrapping is nicer with the "Emmet: Wrap with Abbreviation" command and "git diff -w""  
[X Link](https://x.com/diegohaz/status/1836770069751177241)  2024-09-19T14:11Z 10.7K followers, [--] engagements


"@jjenzz @daniguardio_la @vladyslavmoroz For some reason GitHub diff always defaults to showing whitespace requiring you to check this option every time for new PRs. I'm not sure if it's a bug or intentional"  
[X Link](https://x.com/diegohaz/status/1836771380588630060)  2024-09-19T14:16Z 10.7K followers, [--] engagements


"@KitsuneTrask @TakeshitaFan @babablackmoose Theres also UK (the most faked passport in the world) Singapore Brazil. Probably more"  
[X Link](https://x.com/diegohaz/status/1838847602114142420)  2024-09-25T07:46Z 10.7K followers, [--] engagements


"Ariakit is about to become 490% faster at rendering multiple composite items using a simple technique that avoids the complexities of virtualized lists 😮 More on this soon"  
[X Link](https://x.com/diegohaz/status/1845140668760400349)  2024-10-12T16:33Z 10.7K followers, 43.1K engagements


"@jacobmparis If you mean the API that's the actual code in the screenshot. There's still some polishing to do and probably a few edge cases to consider. But compared to the DX nightmare of virtualized lists it's 💯"  
[X Link](https://x.com/diegohaz/status/1845142584710091164)  2024-10-12T16:40Z 10.6K followers, [---] engagements


"Some benchmarks rendering a Combobox with [----] items (prod 4x slowdown): Headless UI [----] ms Ariakit (v0.4.13) [---] ms Radix UI (Select) [---] ms Ariakit (v0.4.14) [---] ms React Aria Components [---] ms Ariakit (offscreenBehavior) [---] ms Ariakit (virtualized) [--] ms Ariakit is about to become 490% faster at rendering multiple composite items using a simple technique that avoids the complexities of virtualized lists 😮 More on this soon. https://t.co/dHFYil1ZJJ Ariakit is about to become 490% faster at rendering multiple composite items using a simple technique that avoids the complexities of"  
[X Link](https://x.com/diegohaz/status/1848021801701372362)  2024-10-20T15:21Z 10.9K followers, 29.9K engagements


"@olivtassinari Do you have an example with compound components"  
[X Link](https://x.com/diegohaz/status/1848181069100589342)  2024-10-21T01:54Z 10.9K followers, [---] engagements


"@olivtassinari Not significantly slower but it adds a bit. A compound API introduces a new set of challenges: items may render dynamically or out of order (due to concurrent rendering). You'll need to keep track of it somehow since you don't have an ordered array"  
[X Link](https://x.com/diegohaz/status/1848329864903885257)  2024-10-21T11:45Z 10.9K followers, [---] engagements


"@olivtassinari That's why I'm only comparing libraries with compound components here. But I just checked the example you linked with [----] items and it's impressive with an INP of [---] ms without virtualization. Another sign that the best way to improve performance is to avoid React 😆"  
[X Link](https://x.com/diegohaz/status/1848330344941982104)  2024-10-21T11:47Z 10.9K followers, [---] engagements


"I've had this in my gists for a while. I still think it's a perfect combination of ease of use with full type safety (App.tsx) and high flexibility (notifications.tsx). https://gist.github.com/diegohaz/341ed774ebac3b4dd820ae48d8bc822c i will probably die on this hill but useImperativeHandle is your friend https://t.co/w8SDzccDLV https://gist.github.com/diegohaz/341ed774ebac3b4dd820ae48d8bc822c i will probably die on this hill but useImperativeHandle is your friend https://t.co/w8SDzccDLV"  
[X Link](https://x.com/diegohaz/status/1848724290750845190)  2024-10-22T13:53Z 10.7K followers, [----] engagements


"@NaifIT11 @ariakitjs You can style it with className and Tailwind (we actually use Tailwind on Could you send me a reproduction on CodeSandbox or StackBlitz http://Ariakit.org http://Ariakit.org"  
[X Link](https://x.com/diegohaz/status/1851216211234705438)  2024-10-29T10:55Z 10.9K followers, [--] engagements


"It's disappointing to see the activity on this PR. React [--] hasn't been released yet. People can also use npm install --force as a workaround. What am I missing https://github.com/radix-ui/icons/pull/184 https://github.com/radix-ui/icons/pull/184"  
[X Link](https://x.com/diegohaz/status/1851341088042406000)  2024-10-29T19:11Z 10.9K followers, [----] engagements


"@samselikoff Have you tried using flex flex-col-reverse on the scrollable element instead of this auto-scroll technique It should also help with SSR"  
[X Link](https://x.com/diegohaz/status/1851639522498384035)  2024-10-30T14:57Z 10.6K followers, [---] engagements


"@samselikoff Yeah I think you can work around that with some rearranging: div className="mt-2 h-80 rounded-lg bg-white shadow" div className="p-4 max-h-full overflow-scroll flex flex-col-reverse" ref=contentRef"  
[X Link](https://x.com/diegohaz/status/1851651081924649426)  2024-10-30T15:43Z 10.6K followers, [---] engagements


"Updated my GitHub profile"  
[X Link](https://x.com/diegohaz/status/1852787119648858376)  2024-11-02T18:57Z 10.7K followers, [---] engagements


"@24Shays @joshm @elonmusk While I agree there's a lot of that kind of content from the left there's also a growing number of neo-Nazi antisemitic posts. Even if you deny they lean conservative it's well-known which candidate they support. So it doesn't seem like a strong counterargument"  
[X Link](https://x.com/diegohaz/status/1853289323514228997)  2024-11-04T04:13Z 10.7K followers, [--] engagements


"@erikras @rauchg Im disappointed as well but not surprised. Guillermo has been signaling this for a long time"  
[X Link](https://x.com/diegohaz/status/1854266722011812332)  2024-11-06T20:56Z 10.7K followers, [----] engagements


"The next Ariakit newsletter goes out today. Well discuss the recent performance improvements on the library with some comparison numbers. Theres also more information about an upcoming Tailwind v4 theme and Black Friday discounts. https://newsletter.ariakit.org https://newsletter.ariakit.org"  
[X Link](https://x.com/diegohaz/status/1861367843507384529)  2024-11-26T11:14Z 10.6K followers, [----] engagements


"New post on the Ariakit newsletter ✨ https://newsletter.ariakit.org/p/performance-tailwind-v4-and-more https://newsletter.ariakit.org/p/performance-tailwind-v4-and-more"  
[X Link](https://x.com/diegohaz/status/1861447352596206025)  2024-11-26T16:30Z 10.6K followers, [----] engagements


"In case you missed it Ariakit has a Black Friday deal until December [--]. http://ariakit.org/plus http://ariakit.org/plus"  
[X Link](https://x.com/diegohaz/status/1862149906418274445)  2024-11-28T15:01Z 10.6K followers, [----] engagements


"Whats the recommended way to deal with interactive controls before hydration these days Keep them disabled Is this something you would expect a component library to handle automatically"  
[X Link](https://x.com/diegohaz/status/1862202357922099690)  2024-11-28T18:30Z 10.6K followers, [----] engagements


"@KevinMeinhardt2 @tfswebb This is a non issue. In real life you pretty much never use decimals to describe the weather in C"  
[X Link](https://x.com/diegohaz/status/1871706033883853146)  2024-12-24T23:54Z 10.6K followers, [---] engagements


"Preliminary study on a Tree component API: http://haz.dev/post/3lebgp6zrck2s http://haz.dev/post/3lebgp6zrck2s"  
[X Link](https://x.com/diegohaz/status/1872541262370468254)  2024-12-27T07:13Z 10.6K followers, [----] engagements


"Using :nth-last-child(1 of .class) in CSS/Tailwind: http://haz.dev/post/3lera2bqcxk2t http://haz.dev/post/3lera2bqcxk2t"  
[X Link](https://x.com/diegohaz/status/1874816883427573926)  2025-01-02T13:55Z 10.6K followers, [----] engagements


"I'm writing a Tailwind utility package: http://haz.dev/post/3lfpnfmatys2p http://haz.dev/post/3lfpnfmatys2p"  
[X Link](https://x.com/diegohaz/status/1879200426169622838)  2025-01-14T16:14Z 10.5K followers, [----] engagements


"Here's a neat Tailwind v4 trick for easily applying overridable utilities without resorting to tailwind-merge or important. Simply create a custom variant that targets a base CSS layer 💯"  
[X Link](https://x.com/diegohaz/status/1897776774206853269)  2025-03-06T22:30Z 10.5K followers, [----] engagements


"Everyone enjoys sharing drama. I spread non-drama 👍🏽"  
[X Link](https://x.com/diegohaz/status/1898142170374095049)  2025-03-07T22:42Z 10.5K followers, [----] engagements


"I spent [--] hours building this button with no AI. AMA"  
[X Link](https://x.com/diegohaz/status/1898565236833021960)  2025-03-09T02:43Z 10.5K followers, [----] engagements


"Feedback on Ariakit Styles ❤ If you're interested in trying it send me a DM or join our Discord (link below)"  
[X Link](https://x.com/diegohaz/status/1900473504685867159)  2025-03-14T09:06Z 10.5K followers, [----] engagements


"Discord (join the #tailwind channel and read the pinned messages): http://chat.ariakit.org http://chat.ariakit.org"  
[X Link](https://x.com/diegohaz/status/1900473506556440861)  2025-03-14T09:06Z 10.5K followers, [---] engagements


"@adamwathan @bramus Is it related to Tailwind v4 I saw that crash while testing with BrowserStack and thought it was my fault. I made a note to check it out later"  
[X Link](https://x.com/diegohaz/status/1902757775484067997)  2025-03-20T16:22Z 10.5K followers, [---] engagements


"@mattpocockuk Isn't it expected that future AI agents will integrate more deeply with TypeScript allowing them to easily infer return types"  
[X Link](https://x.com/diegohaz/status/1910187721504489625)  2025-04-10T04:26Z 10.5K followers, [---] engagements


"cursor: pointer (👆🏽) on every interactive element: Over the years whenever I get the chance I run some informal usability tests to see if adding cursor: pointer to all interactive elements on a page really provides the best user experience. The Ariakit site uses cursor: pointer only on a tags and form submit buttons. When I watch someone use the site on a computer I ask them to hover around the page and answer the following questions: [--]. Is this element clickable [--]. Will clicking it take you to a different page or perform an action on the current one [--]. Can you open it in a new tab (using"  
[X Link](https://x.com/diegohaz/status/1933536634131079487)  2025-06-13T14:47Z 10.5K followers, 20.7K engagements


"This is why I believe Ariakit dot org will stay relevant for decades: It's always been about examples. And we'll feature multiple libraries: Ariakit React Radix Base UI RAC Headless UI and others outside the React ecosystem. We'll continue to improve Ariakit's own component library (Ariakit React) focusing on interoperability and features that are not supported by current solutions (like the Combobox for Radix users). As the web platform evolves we'll also have examples built solely with native widgets. There are so many things you can build with just HTML and CSS today with progressive"  
[X Link](https://x.com/diegohaz/status/1935762138049511867)  2025-06-19T18:10Z 10.5K followers, [----] engagements


"We're also working on a styling solution built on top of Tailwind. If you would like to try it join our discord: https://x.com/diegohaz/status/1900473504685867159 https://chat.ariakit.org Feedback on Ariakit Styles ❤ If you're interested in trying it send me a DM or join our Discord (link below). https://t.co/7ZJkx74lBB https://x.com/diegohaz/status/1900473504685867159 https://chat.ariakit.org Feedback on Ariakit Styles ❤ If you're interested in trying it send me a DM or join our Discord (link below). https://t.co/7ZJkx74lBB"  
[X Link](https://x.com/diegohaz/status/1935774656604127509)  2025-06-19T19:00Z 10.5K followers, [---] engagements


"What's the logic behind hiring a domain broker who charges a 20% commission on the purchase price Isn't that a major conflict of interest The buyer wants the lowest possible price while the broker is incentivized to get the highest price to maximize their commission"  
[X Link](https://x.com/diegohaz/status/1936255548934275475)  2025-06-21T02:51Z 10.5K followers, [---] engagements


"This is GoDaddy's Domain Broker service"  
[X Link](https://x.com/diegohaz/status/1936255923741143361)  2025-06-21T02:52Z 10.5K followers, [---] engagements


"The lack of control over the CSS top-layer for native popovers and modal dialogs makes them far less useful. For example I want a popover to display above every element except a fixed page header but I can't just move the header to the top-layer"  
[X Link](https://x.com/diegohaz/status/1936504642344456480)  2025-06-21T19:20Z 10.5K followers, [----] engagements


"@13superfth @stefanovais @aingriwehuy May this tragedy make people think twice before traveling to that part of the world"  
[X Link](https://x.com/diegohaz/status/1938126944169590864)  2025-06-26T06:47Z 10.5K followers, [--] engagements


"@PauloFerna17734 @marciotrixx @MauMeirelles Inclusive na Espanha onde morei por [--] anos o termo estadunidense extremamente mais popular que americano"  
[X Link](https://x.com/diegohaz/status/1941170161186406688)  2025-07-04T16:20Z 10.5K followers, [--] engagements


"Your lack of a football tradition explains why you thought those were penalties. They weren't. Not all contact in the box is a foul. That being said it's completely delusional to say Fluminense has more money than Al Hilal haha Fluminense is broke and has to sign 40-year-old players who are about to retire"  
[X Link](https://x.com/diegohaz/status/1941446857428787313)  2025-07-05T10:39Z 10.5K followers, [--] engagements


"@Alwaleed_Debasi @eumermo_ffc @FIFACWC @FIFAcom VAR is always checking. But they only call the referee if they are in disagreement. I know football is something new in your country but please learn the rules. Not all contract in the box is a foul"  
[X Link](https://x.com/diegohaz/status/1941780044298309748)  2025-07-06T08:43Z 10.5K followers, [--] engagements


"@colmtuite I think the odd impression comes from the select "input" being styled as a button which can look broken when empty. Technically that part of the select is a button while the listbox is the actual input. It would be fine if it were a combobox textbox"  
[X Link](https://x.com/diegohaz/status/1942937188661907525)  2025-07-09T13:21Z 10.5K followers, [---] engagements


"Among menu menubar toolbar and listbox only listbox is a valid role for aria-haspopup in a combobox. However nothing prevents you from referencing a menuitem a button or a link with aria-activedescendant. You could technically have a combobox with aria-haspopup="dialog" and the aria-activedescendant pointing to a link inside the dialog but this would need to be tested. I have tested this using tabs as items for a combobox: But I'm not sure if elements that don't trigger focus mode (e.g. links) will also work. And yeah the docs are pretty confusing."  
[X Link](https://x.com/diegohaz/status/1947307530440339877)  2025-07-21T14:47Z 10.5K followers, [---] engagements


"Collapsible list items built with native HTML (ol li details summary) and Ariakit Tailwind"  
[X Link](https://x.com/diegohaz/status/1953023728649916852)  2025-08-06T09:21Z 10.7K followers, [----] engagements


"If you want to try Ariakit Tailwind join our Discord: https://chat.ariakit.org https://chat.ariakit.org"  
[X Link](https://x.com/diegohaz/status/1953029134487007329)  2025-08-06T09:43Z 10.6K followers, [---] engagements


"The only missing piece in Next.js is support for server actions on GET so we can call them from the client and render content on-demand in the hovercard. Server actions can already return RSC but limiting them to POST means theyre not cacheable. They also cant run in parallel. RSC already supports this. Its just Next.js that doesnt offer a user API"  
[X Link](https://x.com/diegohaz/status/1955366742483415233)  2025-08-12T20:32Z 10.7K followers, [---] engagements


"With Astro it's beautiful: JSDoc comments turn into a type-safe content collection with a custom loader and I can build partial pages that render server-side HTML and React client islands for interactivity. I just fetch those pages on the client when you hover over an API link and everything works"  
[X Link](https://x.com/diegohaz/status/1955367591733825872)  2025-08-12T20:35Z 10.7K followers, [---] engagements


"The question is how you'd put that in the popover. If you fetch the content on the client you'd want to make a GET request. When I first implemented this in Next.js I chose to pre-render everything on the server but you can imagine how large the pages got since the RSC data had to be there somehow even if the popover wasn't rendered. Nested hovercards were basically impossible. That's assuming you need a mix of server-rendered HTML and interactivity. If you only need one or the other it's easier"  
[X Link](https://x.com/diegohaz/status/1955372003206017470)  2025-08-12T20:53Z 10.7K followers, [---] engagements


"My Astro app has 2000+ pages. I was worried the build would take too long. Before even running a build I started optimizing by rendering 100s of pages on-demand instead of statically and dealing with cache. Turns out the CI build without my changes took only [--] minutes 🤡 Never optimize prematurely"  
[X Link](https://x.com/diegohaz/status/1956554041787326745)  2025-08-16T03:10Z 10.7K followers, [----] engagements


"Some of these pages are really expensive to render. When I tested on-demand rendering some took over [--] seconds to build on Cloudflare Workers. It was clearly a bad idea even if I could have cached them properly (spoiler: I couldn't)"  
[X Link](https://x.com/diegohaz/status/1956554043884511466)  2025-08-16T03:10Z 10.7K followers, [---] engagements


"The next version of the Ariakit site will include native HTML examples with Tailwind styles. Super excited about this"  
[X Link](https://x.com/diegohaz/status/1957112111894503509)  2025-08-17T16:07Z 10.7K followers, [----] engagements


"What's an example of a web UI element that would benefit from an exclusive accordion pattern Everything I can think of seems better without limiting it to one expanded panel at a time"  
[X Link](https://x.com/diegohaz/status/1958270672183935433)  2025-08-20T20:51Z 10.7K followers, [----] engagements


"Built with Ariakit Tailwind"  
[X Link](https://x.com/diegohaz/status/1959150484196933754)  2025-08-23T07:07Z 10.7K followers, [----] engagements


"If you'd like to try Ariakit Tailwind join our Discord: http://chat.ariakit.org http://chat.ariakit.org"  
[X Link](https://x.com/diegohaz/status/1959151859416944826)  2025-08-23T07:12Z 10.7K followers, [---] engagements


"I guess I finally found a use case for nested buttons. It was the only way to get text truncation to work here"  
[X Link](https://x.com/diegohaz/status/1964104758093811984)  2025-09-05T23:14Z 10.7K followers, 96.4K engagements


"@mattrothenberg Get the query params during hydration and show a skeleton UI in the meantime"  
[X Link](https://x.com/diegohaz/status/1964711591636594803)  2025-09-07T15:25Z 10.7K followers, [--] engagements


"@danieldafoe [--]. That could be but the button right before it looks the same and uses the title attr not a custom tooltip haha [--]. At least on the web the button moves into the "." dropdown on small screens always keeping its label visible"  
[X Link](https://x.com/diegohaz/status/1964886682135843231)  2025-09-08T03:01Z 10.7K followers, [--] engagements


"Built with @ariakit/tailwind Automatic dark/light modes and contrast"  
[X Link](https://x.com/diegohaz/status/1965896638213521852)  2025-09-10T21:54Z 10.9K followers, 37.2K engagements


"If you want to try Ariakit Tailwind check out the #tailwind channel on our Discord: http://chat.ariakit.org http://chat.ariakit.org"  
[X Link](https://x.com/diegohaz/status/1965896640860238176)  2025-09-10T21:54Z 10.7K followers, [----] engagements


"@samselikoff That requires JavaScript though 😞"  
[X Link](https://x.com/diegohaz/status/1965917588460023832)  2025-09-10T23:17Z 10.7K followers, [---] engagements


"@ggreenwald Say the first group really was "perfectly" set up for that purpose. Would you still complain if it looked set up to exempt him It was clear he would be convicted by the full court anyway. @grok Explain how groups in the Brazilian Supreme Court are formed"  
[X Link](https://x.com/diegohaz/status/1966356402034667970)  2025-09-12T04:21Z 10.7K followers, [----] engagements


"Collapsible payment method card styled with Ariakit Tailwind"  
[X Link](https://x.com/diegohaz/status/1967479716212076569)  2025-09-15T06:44Z 10.9K followers, [----] engagements


"It's amazing how much you can do with CSS these days"  
[X Link](https://x.com/diegohaz/status/1968779509651341804)  2025-09-18T20:49Z 10.9K followers, 91K engagements


"Segmented control built with @ariakit/tailwind"  
[X Link](https://x.com/diegohaz/status/1969446859325231134)  2025-09-20T17:01Z 10.9K followers, 25.3K engagements


"If you want to try out Ariakit Tailwind check out the #tailwind channel on our Discord: https://chat.ariakit.org https://chat.ariakit.org"  
[X Link](https://x.com/diegohaz/status/1969499339564159462)  2025-09-20T20:30Z 10.9K followers, [----] engagements


"@notparbez I'm a "Tailwind person" and I've been using many of those new CSS features in my custom @utility classes"  
[X Link](https://x.com/diegohaz/status/1969509456493916524)  2025-09-20T21:10Z 10.9K followers, [---] engagements


"Preview/code blocks"  
[X Link](https://x.com/diegohaz/status/1969757328510492833)  2025-09-21T13:35Z 10.9K followers, [----] engagements


"@blvdmitry I'm not sure what Autocomplete is but at some point I want a single Combobox component that can also serve as a Select since Select is technically a combobox"  
[X Link](https://x.com/diegohaz/status/1969766867028918731)  2025-09-21T14:13Z 10.9K followers, [---] engagements


"@blvdmitry I mean Autocomplete seems like just a Combobox"  
[X Link](https://x.com/diegohaz/status/1969768181674692885)  2025-09-21T14:18Z 10.9K followers, [---] engagements


"@saltyAom Twitter has taught me not to trust people who use anime girl avatars"  
[X Link](https://x.com/diegohaz/status/1969951443206717527)  2025-09-22T02:26Z 10.9K followers, [----] engagements


"@saltyAom Im just kidding. I dont think Ive had a use case for Elysia yet"  
[X Link](https://x.com/diegohaz/status/1969952352305320256)  2025-09-22T02:30Z 10.9K followers, [---] engagements


"@smitin_ @base_ui I used @ariakit/react but I'll put together an example of that using Base UI"  
[X Link](https://x.com/diegohaz/status/1970126348782796852)  2025-09-22T14:01Z 10.9K followers, [--] engagements


"Did Safari get significantly slower with the new release or is it just me"  
[X Link](https://x.com/diegohaz/status/1970499511371080192)  2025-09-23T14:44Z 10.9K followers, [----] engagements


"Sidebar with animated collapsible groups styled with @ariakit/tailwind Automatic light/dark modes"  
[X Link](https://x.com/diegohaz/status/1970997026369556702)  2025-09-24T23:41Z 10.9K followers, [----] engagements


"@corysimmons123 @ariakitjs This is an Ariakit React example. We'll also include examples with other libraries like React Aria and probably Base UI as well"  
[X Link](https://x.com/diegohaz/status/1970998705974354181)  2025-09-24T23:48Z 10.9K followers, [--] engagements


"@corysimmons123 @ariakitjs I don't know Base UI well enough but people often turn to Ariakit React when they can't build what they need with other libraries. The API is more flexible and covers a broader range of use cases. It's the last stop before you get frustrated enough to build it from scratch"  
[X Link](https://x.com/diegohaz/status/1971004654214668382)  2025-09-25T00:11Z 10.9K followers, [--] engagements


"@pqoqubbw @hybrid_alex In @ariakit/tailwind it's ak-layer-mix/50"  
[X Link](https://x.com/diegohaz/status/1971412572714012836)  2025-09-26T03:12Z 10.9K followers, [---] engagements


"I'm thinking about how to better communicate a new tool I'm developing. Consider a Tailwind plugin with the following features. Which do you find most appealing Explanation in the replies. Relative colors Automatic contrast Higher-level utilities User customization Relative colors Automatic contrast Higher-level utilities User customization"  
[X Link](https://x.com/diegohaz/status/1972097445581709720)  2025-09-28T00:34Z 10.9K followers, [----] engagements


"@andrecasaldev https://developer.chrome.com/docs/css-ui/hidden-until-found https://developer.chrome.com/docs/css-ui/hidden-until-found"  
[X Link](https://x.com/diegohaz/status/1974074928413749674)  2025-10-03T11:31Z 10.9K followers, [--] engagements


"Tooltips are an accessibility nightmare but if you want to make them as accessible as possible make sure users can move the cursor over them. Some magnifier tools use the cursor position. If the tooltip closes when the cursor moves away from the anchor it will not work"  
[X Link](https://x.com/diegohaz/status/1974115320899260591)  2025-10-03T14:12Z 10.9K followers, [----] engagements


"A sneak peek at the upcoming Ariakit examples"  
[X Link](https://x.com/diegohaz/status/1974169076072394912)  2025-10-03T17:46Z 10.9K followers, [----] engagements


"My favorite React API is the end of forwardRef"  
[X Link](https://x.com/diegohaz/status/1975781075713691827)  2025-10-08T04:31Z 10.9K followers, [----] engagements


"If you all stop using Firefox (or Zen) today I can ship something really nice with container style queries tomorrow"  
[X Link](https://x.com/diegohaz/status/1976018499651899872)  2025-10-08T20:14Z 10.9K followers, [----] engagements


"One thing I really like though is the router API. Ive always thought that file-based routing is bad. And I love the type safety around it. But again its just a different way to do what we already do"  
[X Link](https://x.com/diegohaz/status/1977107027957895474)  2025-10-11T20:20Z 11K followers, [----] engagements


"By unlocking new capabilities I mean when React Native let us write native components in JavaScript while everything else was using webviews. Or Astro which is pretty much our only option when we need to render components from multiple frameworks on the server"  
[X Link](https://x.com/diegohaz/status/1977128887294607514)  2025-10-11T21:47Z 11K followers, [---] engagements


"@colmtuite @brunnolou I'm curious then. What do you use to support this information: [--]. Reasonable contrast ratio for people with good vision"  
[X Link](https://x.com/diegohaz/status/1977153452079038865)  2025-10-11T23:24Z 10.9K followers, [---] engagements


"Hey Una I'm building a Tailwind plugin that uses relative colors to compute an element's background and text colors from its ancestors' backgrounds. I'm using container style queries to emulate inherit(). More context: - - - http://haz.dev/post/3ljbnla74p22z http://haz.dev/post/3lhtgfxn3ys2m http://haz.dev/post/3lfpnfmatys2p http://haz.dev/post/3lhtgfxn3ys2m http://haz.dev/post/3lfpnfmatys2p http://haz.dev/post/3ljbnla74p22z http://haz.dev/post/3lhtgfxn3ys2m http://haz.dev/post/3lfpnfmatys2p http://haz.dev/post/3lhtgfxn3ys2m http://haz.dev/post/3lfpnfmatys2p"  
[X Link](https://x.com/diegohaz/status/1978527311629627876)  2025-10-15T18:24Z 11K followers, [---] engagements


"Released reas v0.7.0 with render props: https://github.com/diegohaz/reas https://github.com/diegohaz/reas"  
[X Link](https://x.com/diegohaz/status/978806433327218688)  2018-03-28T01:30Z 10.7K followers, [--] engagements


"Easily handling global/local state with reas and render props: https://github.com/diegohaz/reas https://github.com/diegohaz/reas"  
[X Link](https://x.com/diegohaz/status/979503537251061761)  2018-03-29T23:40Z 10.7K followers, [--] engagements

Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing