Once again screaming into the void because @tailwindcss.com has basically abandoned the headlessui/Vue combobox and virtual lists, so I get to spend my time making one.
Headlessui causes clients to complain. Do not recommend.
I say this with my whole chest.
Headlessui causes clients to complain. Do not recommend.
I say this with my whole chest.
January 9, 2025 at 10:24 PM
Once again screaming into the void because @tailwindcss.com has basically abandoned the headlessui/Vue combobox and virtual lists, so I get to spend my time making one.
Headlessui causes clients to complain. Do not recommend.
I say this with my whole chest.
Headlessui causes clients to complain. Do not recommend.
I say this with my whole chest.
It’s snowing still, so today we’re working from the couch while watching Elf ❄️
November 8, 2024 at 7:23 PM
It’s snowing still, so today we’re working from the couch while watching Elf ❄️
"Now you can use any [Tailwind combobox] in any project you're working on — no JavaScript framework required."
tailwindcss.com/plus/ui-bloc...
This is going to make LiveView even more fun.
I guess this makes waiting for vanilla-js headlessui obsolete.
#elixirlang
tailwindcss.com/plus/ui-bloc...
This is going to make LiveView even more fun.
I guess this makes waiting for vanilla-js headlessui obsolete.
#elixirlang
Tailwind Plus - Official Tailwind UI Components & Templates
Beautiful UI components and templates by the creators of Tailwind CSS.
tailwindcss.com
July 28, 2025 at 6:36 PM
"Now you can use any [Tailwind combobox] in any project you're working on — no JavaScript framework required."
tailwindcss.com/plus/ui-bloc...
This is going to make LiveView even more fun.
I guess this makes waiting for vanilla-js headlessui obsolete.
#elixirlang
tailwindcss.com/plus/ui-bloc...
This is going to make LiveView even more fun.
I guess this makes waiting for vanilla-js headlessui obsolete.
#elixirlang
Why doesn't HeadlessUI's Checkbox have a 'required' attribute, while RadixUI does?
@tailwindcss.com #TailwindCSS #HeadlessUi #WebDevelopment #FrontendDevelopment
@tailwindcss.com #TailwindCSS #HeadlessUi #WebDevelopment #FrontendDevelopment
January 20, 2025 at 2:20 PM
Why doesn't HeadlessUI's Checkbox have a 'required' attribute, while RadixUI does?
@tailwindcss.com #TailwindCSS #HeadlessUi #WebDevelopment #FrontendDevelopment
@tailwindcss.com #TailwindCSS #HeadlessUi #WebDevelopment #FrontendDevelopment
Conditional React hooks pattern
A pattern for conditionally applying React hooks.
robinmalfait.com
November 20, 2024 at 10:30 PM
Few issues I still encountered:
- Doesn't resolve @headlessui/react
- Type issue for a script using babel traverse
- Doesn't support erasableSyntaxOnly
- Requires explicit resolveJsonModule (issue opened)
- Doesn't resolve @headlessui/react
- Type issue for a script using babel traverse
- Doesn't support erasableSyntaxOnly
- Requires explicit resolveJsonModule (issue opened)
May 3, 2025 at 3:58 PM
Few issues I still encountered:
- Doesn't resolve @headlessui/react
- Type issue for a script using babel traverse
- Doesn't support erasableSyntaxOnly
- Requires explicit resolveJsonModule (issue opened)
- Doesn't resolve @headlessui/react
- Type issue for a script using babel traverse
- Doesn't support erasableSyntaxOnly
- Requires explicit resolveJsonModule (issue opened)
HeadlessUI, Fuse.js, Nextjs Unstable Cache working together for some nice autocomplete...
✎ᝰ 𝚍໐ຖꬲ
#buildinpublic #indiehackers
✎ᝰ 𝚍໐ຖꬲ
#buildinpublic #indiehackers
November 26, 2024 at 11:14 PM
HeadlessUI, Fuse.js, Nextjs Unstable Cache working together for some nice autocomplete...
✎ᝰ 𝚍໐ຖꬲ
#buildinpublic #indiehackers
✎ᝰ 𝚍໐ຖꬲ
#buildinpublic #indiehackers
I created a quick demo of a combobox for my colleagues using #fsharp, Feliz, tailwind and headlessUI. I thought it might be worthwhile sharing here
github.com/auslavs/comb...
github.com/auslavs/comb...
combobox-example/src/Form.fs at main · auslavs/combobox-example
Contribute to auslavs/combobox-example development by creating an account on GitHub.
github.com
January 8, 2025 at 5:52 PM
I created a quick demo of a combobox for my colleagues using #fsharp, Feliz, tailwind and headlessUI. I thought it might be worthwhile sharing here
github.com/auslavs/comb...
github.com/auslavs/comb...
Mostly TailwindCSS with HeadlessUI. nivo.rocks for charts.
I want to rewrite the whole frontend with shadcn/ui and some other library choices tho, but there are other more important things to do :)
I want to rewrite the whole frontend with shadcn/ui and some other library choices tho, but there are other more important things to do :)
Home
Supercharged React dataviz components.
nivo.rocks
December 3, 2024 at 5:59 PM
Mostly TailwindCSS with HeadlessUI. nivo.rocks for charts.
I want to rewrite the whole frontend with shadcn/ui and some other library choices tho, but there are other more important things to do :)
I want to rewrite the whole frontend with shadcn/ui and some other library choices tho, but there are other more important things to do :)
Well, the time has come to rip headlessui/vue out of our codebase. They don't support virtualized lists in a drop-down, and it's caused a major issue in our codebase, and they've been sitting on a fix for over a year.
Something something tailwind, something something I told you so
Something something tailwind, something something I told you so
November 5, 2024 at 8:00 PM
Well, the time has come to rip headlessui/vue out of our codebase. They don't support virtualized lists in a drop-down, and it's caused a major issue in our codebase, and they've been sitting on a fix for over a year.
Something something tailwind, something something I told you so
Something something tailwind, something something I told you so
📦 adrum/laravel-jetstream-react-typescript v1.0.0
A starter kit for the Laravel framework using Jetstream, Inertia.js, React (TS), and HeadlessUI.
🔗 https://github.com/adrum/laravel-jetstream-react-typescript
A starter kit for the Laravel framework using Jetstream, Inertia.js, React (TS), and HeadlessUI.
🔗 https://github.com/adrum/laravel-jetstream-react-typescript
March 22, 2025 at 5:01 PM
📦 adrum/laravel-jetstream-react-typescript v1.0.0
A starter kit for the Laravel framework using Jetstream, Inertia.js, React (TS), and HeadlessUI.
🔗 https://github.com/adrum/laravel-jetstream-react-typescript
A starter kit for the Laravel framework using Jetstream, Inertia.js, React (TS), and HeadlessUI.
🔗 https://github.com/adrum/laravel-jetstream-react-typescript
New branch created in bluesky-social/ozone: fix-headlessui-comps
Comparing main...fix-headlessui-comps · bluesky-social/ozone
web interface for labeling content in atproto / Bluesky - Comparing main...fix-headlessui-comps · bluesky-social/ozone
github.com
April 8, 2025 at 12:18 PM
New branch created in bluesky-social/ozone: fix-headlessui-comps
New PR: ⬆️ Upgrade nextjs to v15 (#326)
⬆️ Upgrade nextjs to v15 by foysalit · Pull Request #326 · bluesky-social/ozone
This PR upgrades next.js to v15 and as requirement
upgrades react to v19
upgrades react-toastify lib to v11
upgrades headlessui to v2
github.com
April 7, 2025 at 9:30 PM
New PR: ⬆️ Upgrade nextjs to v15 (#326)
using headlessui in a monorepo is becoming increasingly less fun
December 4, 2024 at 12:37 AM
using headlessui in a monorepo is becoming increasingly less fun
So here’s the problem I had:
Some headlessui components are wrapped in a parent component. Think of Radio & RadioGroup. But what happens when you use the headlessui Radio component in a UI package, then in your app wrap your UI component in a headlessui RadioGroup?
No bueno
Some headlessui components are wrapped in a parent component. Think of Radio & RadioGroup. But what happens when you use the headlessui Radio component in a UI package, then in your app wrap your UI component in a headlessui RadioGroup?
No bueno
December 5, 2024 at 3:06 AM
So here’s the problem I had:
Some headlessui components are wrapped in a parent component. Think of Radio & RadioGroup. But what happens when you use the headlessui Radio component in a UI package, then in your app wrap your UI component in a headlessui RadioGroup?
No bueno
Some headlessui components are wrapped in a parent component. Think of Radio & RadioGroup. But what happens when you use the headlessui Radio component in a UI package, then in your app wrap your UI component in a headlessui RadioGroup?
No bueno
still having issues figuring out a nice way to removing what is now the only headlessui-vue dependency: dialogs
radix' way of doing things are really awkward when used outside of jsx...
radix' way of doing things are really awkward when used outside of jsx...
October 24, 2024 at 4:05 PM
still having issues figuring out a nice way to removing what is now the only headlessui-vue dependency: dialogs
radix' way of doing things are really awkward when used outside of jsx...
radix' way of doing things are really awkward when used outside of jsx...
ainda quero construir uma biblioteca de components pro phoenix live view ala tailwind ui ou msm headlessui
mas preciso entregar esse freela primeiro, depois consigo focar nessa lib
mas preciso entregar esse freela primeiro, depois consigo focar nessa lib
*phoenix
bem, eu tentei ir com react pq é oq tenho mais experiência mas sendo bem sincera: que trampo esses framework de js, pela mor
vou voltar pro meu phoenix msm, sem live view e uso o js só quando necessário
bem, eu tentei ir com react pq é oq tenho mais experiência mas sendo bem sincera: que trampo esses framework de js, pela mor
vou voltar pro meu phoenix msm, sem live view e uso o js só quando necessário
infelizmente tive que deixar o phonemic live view pra esse projeto por causa de algumas limitações
September 12, 2023 at 10:32 PM
ainda quero construir uma biblioteca de components pro phoenix live view ala tailwind ui ou msm headlessui
mas preciso entregar esse freela primeiro, depois consigo focar nessa lib
mas preciso entregar esse freela primeiro, depois consigo focar nessa lib
So I used npm run build and it looks like the imports messed up somehow?
I found this helpful thread
stackoverflow.com/qu...
soooo I'm currently on "@headlessui/react": "^1.7.3", but the newest version is 2.2.0!
So i did npm install @headlessui/react@latest
I found this helpful thread
stackoverflow.com/qu...
soooo I'm currently on "@headlessui/react": "^1.7.3", but the newest version is 2.2.0!
So i did npm install @headlessui/react@latest
January 22, 2025 at 3:34 AM
So I used npm run build and it looks like the imports messed up somehow?
I found this helpful thread
stackoverflow.com/qu...
soooo I'm currently on "@headlessui/react": "^1.7.3", but the newest version is 2.2.0!
So i did npm install @headlessui/react@latest
I found this helpful thread
stackoverflow.com/qu...
soooo I'm currently on "@headlessui/react": "^1.7.3", but the newest version is 2.2.0!
So i did npm install @headlessui/react@latest
I asked a bit too quickly - spent a bit more time with HeadlessUI afterward. I find the name oddly confusing. :) It's good to see your work as a roadmap of sorts, so I'm glad you posted it! I've been using @dzoukr.cz 's SAFr template and getting a feel for customizing DaisyUI themes in the config.
January 9, 2025 at 7:47 PM
I asked a bit too quickly - spent a bit more time with HeadlessUI afterward. I find the name oddly confusing. :) It's good to see your work as a roadmap of sorts, so I'm glad you posted it! I've been using @dzoukr.cz 's SAFr template and getting a feel for customizing DaisyUI themes in the config.
📦 adrum/laravel-jetstream-react-typescript v1.0.0
A starter kit for the Laravel framework using Jetstream, Inertia.js, React (TS), and HeadlessUI.
🔗 https://github.com/adrum/laravel-jetstream-react-typescript
A starter kit for the Laravel framework using Jetstream, Inertia.js, React (TS), and HeadlessUI.
🔗 https://github.com/adrum/laravel-jetstream-react-typescript
March 21, 2025 at 3:48 AM
📦 adrum/laravel-jetstream-react-typescript v1.0.0
A starter kit for the Laravel framework using Jetstream, Inertia.js, React (TS), and HeadlessUI.
🔗 https://github.com/adrum/laravel-jetstream-react-typescript
A starter kit for the Laravel framework using Jetstream, Inertia.js, React (TS), and HeadlessUI.
🔗 https://github.com/adrum/laravel-jetstream-react-typescript
After bashing my head against headlessui for hours, I'm just ditching it and going with shadcdn.
I probably should have switched a while back.
Wish I hadn't bought Catalyst now too.
I probably should have switched a while back.
Wish I hadn't bought Catalyst now too.
November 22, 2024 at 7:23 PM
After bashing my head against headlessui for hours, I'm just ditching it and going with shadcdn.
I probably should have switched a while back.
Wish I hadn't bought Catalyst now too.
I probably should have switched a while back.
Wish I hadn't bought Catalyst now too.
TGIF!
This week, I bought TailwindUI and learned too much from its templates: NextJS, TailwindCSS, HeadlessUI, next-themes, and MDX.
Not counting jsconfig, mjs, Emacs config... 😵💫
This week, I bought TailwindUI and learned too much from its templates: NextJS, TailwindCSS, HeadlessUI, next-themes, and MDX.
Not counting jsconfig, mjs, Emacs config... 😵💫
September 13, 2024 at 10:17 AM
TGIF!
This week, I bought TailwindUI and learned too much from its templates: NextJS, TailwindCSS, HeadlessUI, next-themes, and MDX.
Not counting jsconfig, mjs, Emacs config... 😵💫
This week, I bought TailwindUI and learned too much from its templates: NextJS, TailwindCSS, HeadlessUI, next-themes, and MDX.
Not counting jsconfig, mjs, Emacs config... 😵💫
🎉 Build better UIs with Learn #HeadlessUI!
A complete #Nextjs #template to master Headless UI library integration.
👨💻 Practical examples
⚡ Seamless components
👉 getnextjsthemes.com/product/lear...
#getNextJsThemes #LandingPage #getnextjstemplates #WebDevelopment #Frontend #coding #webdesign
A complete #Nextjs #template to master Headless UI library integration.
👨💻 Practical examples
⚡ Seamless components
👉 getnextjsthemes.com/product/lear...
#getNextJsThemes #LandingPage #getnextjstemplates #WebDevelopment #Frontend #coding #webdesign
January 17, 2025 at 5:15 AM
🎉 Build better UIs with Learn #HeadlessUI!
A complete #Nextjs #template to master Headless UI library integration.
👨💻 Practical examples
⚡ Seamless components
👉 getnextjsthemes.com/product/lear...
#getNextJsThemes #LandingPage #getnextjstemplates #WebDevelopment #Frontend #coding #webdesign
A complete #Nextjs #template to master Headless UI library integration.
👨💻 Practical examples
⚡ Seamless components
👉 getnextjsthemes.com/product/lear...
#getNextJsThemes #LandingPage #getnextjstemplates #WebDevelopment #Frontend #coding #webdesign
🎨 Nuxt UI V3 is getting a major upgrade – they’re from HeadlessUI to Redux which should bring:
• Even More components
• TailwindCSS variables for consistent styling across your app
• Silky smooth transitions
• Enhanced accessibility
@benjamincanac https://ui.nuxt.com
• Even More components
• TailwindCSS variables for consistent styling across your app
• Silky smooth transitions
• Enhanced accessibility
@benjamincanac https://ui.nuxt.com
November 20, 2024 at 8:17 AM
🎨 Nuxt UI V3 is getting a major upgrade – they’re from HeadlessUI to Redux which should bring:
• Even More components
• TailwindCSS variables for consistent styling across your app
• Silky smooth transitions
• Enhanced accessibility
@benjamincanac https://ui.nuxt.com
• Even More components
• TailwindCSS variables for consistent styling across your app
• Silky smooth transitions
• Enhanced accessibility
@benjamincanac https://ui.nuxt.com