Thomas Kientz

@shadcn More templates

How can I make shadcn/ui better for you? What do you need?

@shadcn A design skill

@levelsio Semi-open your bedroom door will cut CO2 levels by half. Not the best, but most accessible.

I still haven't solved the CO2 bedroom challenge You open the window and you wake up from a 6am garbage truck or barking dogs and sunlight You close it, you suffocate in 1200 ppl at 5am I guess you really need some mini tube in your wall with a vent that opens and closed based on internal CO2 but how do I build that?

@nikitabier Do you mean apps for making new friends, or apps for meeting up with existing friends?

Never build an app to "meetup with friends."

After 10 years of building consumer social apps, I've decided to start exploring new areas. Building these products is an unforgiving grind—but I learned a lot along the way. For those embarking on this path, here's everything you need to know: TIME FOR A THREAD 👇

For those curious abt my tech stack. I have made some changes to this stack (this below is from a piece written 2 yrs ago, but the philosophy of process > tools still stands); 1/ @SimplehumanEml extension by @phalgooon to mimic superhuman shortcuts 2/ Boomerang by @ThomasKientz instead of Captio. 3/ @meetgranola ofc for AI notetaking

@nico_jeannen @levelsio Air quality is very localized. You can be facing the street with 30 PM2.5 and facing rice fields with 5 from the same building. That’s why air filter works and why when cooking PM2.5 level goes x10. Also make no sense to compare a city and a island. :)

@levelsio Really insane that the air I get in Bangkok next to a major road is better than Bali by far (BKK is max 5 PM2.5, Bali sometimes was up to 20-30)

🏝️ Bali's trash burning problem has just reached new toxic heights This week, Bali's biggest landfill has been ordered to close. The landfill is a more than 35 meter high mountain of decaying trash covering 32 hectares. It's closed because the gases emanated from it are toxic and ground water is being contaminated This means there's no other landfill of this size near to accept Bali's current trash. So the government has instructed people that "household waste should be disposed of at home" which in Bali means burning it! Trash burning has been a tradition for centuries in Bali (and Indonesia), but it used be mostly organic matter that was being burned Once plastic arrived the tradition didn't change though and locals started burning plastic too, pumping toxic gases into the air causing massive spikes of lung cancer and other respiratory diseases The tradition means on a daily basis around 7 in the morning and 6 in the evening, your neighbours will be burning their trash, and if you're not lucky there's a construction site near which will burn even more but all day! Burning plastic means you emit dioxins and furans, some of the most potent human carcinogens that exist I have friends in Indonesia with family with lung cancer cases, it's a real thing. My fear with Bali has always been that the digital nomads there might not realize the slow danger creeping up on them. You get used to the trash burning and polluted air very quickly in Bali and it probably doesn't affect you over a year or so But if you're there for many years, it will in some way or the other! For a community that's so about fitness and health, air quality is weirdly a consideration mostly overlooked in Bali

@posva I am really not into file-based routing, it feels like dark magic. I like a central router.ts file! Is it simpler to type routes with it, or did you just take this path arbitrarily?

@ThomasKientz It's much better with the file based routing, you should give it a try, it's very customizable! This new version strips away the parsing of routes so the route is even lighter!

Declaring route params from the query has never been easier! 😁 - Inherited in nested routes - Support value, array, or both (1=value, +2=array) formats - Can be required (no default) and won't match if missing or invalid - Can be anything (just like path params) Last missing part: automatic types

@levelsio Sources: •news.mongabay.com/2025/07/burnin… •globalissues.org/news/2025/05/1… •news.com.au/travel/destina… •nowbali.co.id/the-community-… •epicureasia.com/indonesia/bali…

Bali’s waste plan: ban open dumping, govt gives IDR 1B (~$61K) per compliant regency & penalties (budget cuts/jail), push household sorting & composting, expand TPS3R (village reduce/reuse/recycle sites), build $225M waste-to-energy incinerator (2,250t/day, AAA flue gas), hospitality’s Community Waste Project, plus NGO cleanups & river barriers.

@jamwt Amazing! What percentage from Chef?

Convex just passed 500,000 deployments. Three months ago we had 150,000. One million mark in 5 weeks? Maybe. We'll see. 📈

@dannypostma @render Google Cloud Storage? So Render helped you migrate to another hosting?

@zhiyuanzmj If you import ref and then use $ref, TypeScript will throw an error as $ref is not defined. What am I missing?

@ThomasKientz The '$' prefix will be removed.

My read on the React alternatives is their primary selling point is better performance through alternative dependency tracking approaches When I look at the APIs they look identical with mostly identical semantics - state thing - effect thing - elements What am I missing?

@zhiyuanzmj But ref in imported, not $ref

@ThomasKientz The variable returned by the $ref will automatically have the '.value' suffix added.

@evanyou @ryanflorence Why a $ before ref?

As an example - the following screenshot: - Compiles JSX to Vue Vapor output (Solid-like performance) - Applies Vue reactivity transform (Svelte-like reactive read/write on plain variables) You can also use Solid-like signals API in Vue if you want: #connection-to-signals" target="_blank" rel="nofollow noopener">vuejs.org/guide/extras/r… Hope this helps illustrate how blurry the line between Vue, Svelte and Solid is.

@hugorcd @nuxt_js Not a joke. I don’t think it serves adoption for non Nuxt projects. It’s really good and should not be only considered as the UI lib for Nuxt.

@hugorcd @nuxt_js Rename it.

So cool to see the adoption of @nuxt_js UI growing like this. It's incredible to see so many people using it daily! 🙏 Genuine question to the community: What can we do to make Nuxt UI 𝙩𝙝𝙚 best UI library for Nuxt/Vue? What features are you missing? What can be improved? 👇

@adamwathan WDYT about tailwind code produced by v0? Mediocre or good?

Alright getting somewhere! With the Figma MCP server and a reasonably well-structured design, I was able to build this pixel-perfect without typing any actual code myself. It took a dozen or so back and forths with the agent, but at the end the code is exactly what I would have written by hand too. Still much slower than typing it myself but have a workflow I can try to optimize now. If I can get here in < 5 prompts it'll be much faster than doing it myself.

@shadcn Don't get me wrong, shadcn is awesome.

@shadcn The majority are using Shadcn/ui as a component library, but it is not one. Chances are you need a real component library not to maintain one yourself. Now you are stuck on a 1.1K opened issues, 756 opened PRs repo and YOU will have to deal YOURSELF with a migration to Base UI.

Some thoughts on Radix, component libraries, and shadcn/ui. We’re at that point in the web dev cycle where we’re talking about component libraries again. That’s okay. With Radix receiving fewer updates, it’s a conversation worth having. Let me start with this and I’ll bold it: The worst thing you can do right now for your production app is switch component libraries. Don’t do it. That’s not where your time or resources should go. Whatever bug you’re seeing with Radix in your app, you’ll likely run into more, including new ones, with something else. (No shade to anyone. That’s just how code works.) Yes, Radix is getting fewer updates. But Radix is still a mature, well-designed library, battle-tested and used in millions of production apps. Code doesn’t stop working just because maintainers move on. That’s the strength of open source. And what Radix does, it still does extremely well. Here’s what I’d suggest: - Already using Radix in prod? Stick with it. - Starting a new project? Consider Radix, React Aria, or Ariakit. All great choices. - Using Radix and thinking what's next? Keep an eye on Base UI (we are). It’s built by the same smart team that created Radix. They’ve done it once. Now they get to do it again and it’s looking really good (currently in beta). - Hit a bug with Radix and can’t find a fix or patch? Try testing the equivalent from Base UI. The APIs are very similar. - shadcn is built for this. Code you own. Code you can improve, rewrite or replaced. The most important thing: Use something that works for you and that you understand. Your component library should be stable. This isn’t where you want to take risks in your tech stack. Every new project (not just component libraries) goes through growing pains: bugs, API changes, missing features, incomplete docs. It’s okay to wait it out, especially for production apps. Now, where does shadcn/ui fit into all of this? shadcn (unfortunately named 😅) is not a component library. It’s an idea. It’s a combination of a few things: an open abstraction, great defaults, and a distribution system. - An open abstraction built on top of several component libraries. Radix being one of them. It’s code you’d write yourself, structured in a way that’s easier to work with. Loved by LLMs. - Carefully chosen defaults that handle the smaller things like focus states, animation styles, variants, and components that naturally fit with one another. Just enough to be a great starting point, and just enough to get out of the way when you’re ready to build your own design system. - A distribution system that makes it easy to build, generate, and share code. Built for AI. The component library is just one layer of shadcn. And if it ever comes to it, a swappable one.