Sign in

Benjamin Canac

@benjamincanac.dev
763 followers 136 following 53 posts

Software Engineer @vercel.com Working on @nuxt.com ecosystem Author of ui.nuxt.com

PostsRepliesMedia
Benjamin Canac @benjamincanac.dev · 23/09/2026
Started working on Nuxt UI v5 👀 Months of research and feedback went into this roadmap: Design Tokens v2, Reka UI v3 and API cleanups we've been holding back since v4. Tracking progress in the open 👇 github.com/nuxt/ui/issu...
github.com
v5 · Issue #6918 · nuxt/ui
Nuxt UI v5 is a theming-led major. The full plan and the discussion live in #6610, this issue tracks what has landed. We're working on the v5 branch, prereleases are published under the next npm ta...
0222
Benjamin Canac @benjamincanac.dev · 22/09/2026
Characters, trees and critters come from the CC0 packs by @quaternius.bsky.social, thanks for those. Come build something and say hi to the Oracle 👋 avelune-online.vercel.app
avelune-online.vercel.app
Avelune, a shared fantasy town on Vercel WebSockets
Explore a shared fantasy town, meet other travellers, and talk to the Oracle. Built with Nuxt, TresJS, and an authoritative multiplayer game loop over Vercel WebSockets.
020
Benjamin Canac @benjamincanac.dev · 22/09/2026
Proximity voice chat (chromium only for now). Walk up to someone and talk. Hold T and your speech is transcribed through the AI Gateway straight into the chat, so the Oracle hears you too. Every other sound is synthesized in the browser, no audio files in the repo.
110
Benjamin Canac @benjamincanac.dev · 22/09/2026
Talk to the Oracle, an AI NPC that knows who's online and what's been built. Ask it for rain or nightfall and the weather or time of day changes for everyone. Jev from @typesafeai.bsky.social decides whether a line was even meant for it.
110
Benjamin Canac @benjamincanac.dev · 22/09/2026
One persistent world per region, Europe, the US and Asia. The town is protected, everything outside the walls is yours. Raise the land, dig it, flatten it, paint it, then build with walls, floors, roofs and stairs. Claim a plot so nobody touches your house.
110
Benjamin Canac @benjamincanac.dev · 22/09/2026
It's an experiment I made for fun, so expect rough edges. • Nuxt and Nuxt UI for the app • three.js via TresJS for the 3D • Nitro v3 for WebSockets in beta on Vercel Functions • Upstash Redis to keep the world • AI SDK and AI Gateway for the Oracle github.com/benjamincana...
github.com
GitHub - benjamincanac/avelune: Persistent 3D multiplayer world on Vercel WebSockets. Terraform it, build on it, and ask the AI Oracle what changed.
Persistent 3D multiplayer world on Vercel WebSockets. Terraform it, build on it, and ask the AI Oracle what changed. - benjamincanac/avelune
230
Benjamin Canac @benjamincanac.dev · 22/09/2026
So it appears you can build 3D online games on @vercel.com Avelune is a multiplayer world you dig up and build on, with proximity voice and an AI NPC you can talk to. Built with @nuxt.com and @tresjs.org. avelune-online.vercel.app
1164
Benjamin Canac @benjamincanac.dev · 22/09/2026
Characters, trees and critters come from the CC0 packs by @quaternius.bsky.social, thanks for those. Come build something and say hi to the Oracle 👋 avelune-online.vercel.app/
avelune-online.vercel.app
Avelune, a shared fantasy town on Vercel WebSockets
Explore a shared fantasy town, meet other travellers, and talk to the Oracle. Built with Nuxt, TresJS, and an authoritative multiplayer game loop over Vercel WebSockets.
010
Benjamin Canac @benjamincanac.dev · 22/09/2026
Proximity voice chat (chromium only for now). Walk up to someone and talk. Hold T and your speech is transcribed through the AI Gateway straight into the chat, so the Oracle hears you too. Every other sound is synthesized in the browser, no audio files in the repo.
100
Benjamin Canac @benjamincanac.dev · 22/09/2026
Talk to the Oracle, an AI NPC that knows who's online and what's been built. Ask it for rain or nightfall and the weather or time of day changes for everyone. Jev from @typesafeai.bsky.social decides whether a line was even meant for it.
100
Benjamin Canac @benjamincanac.dev · 22/09/2026
One persistent world per region, Europe, the US and Asia. The town is protected, everything outside the walls is yours. Raise the land, dig it, flatten it, paint it, then build with walls, floors, roofs and stairs. Claim a plot so nobody touches your house.
100
Benjamin Canac @benjamincanac.dev · 22/09/2026
It's an experiment I made for fun, so expect rough edges. • Nuxt and Nuxt UI for the app • three.js via TresJS for the 3D • Nitro v3 for WebSockets in beta on Vercel Functions • Upstash Redis to keep the world • AI SDK and AI Gateway for the Oracle github.com/benjamincan...
github.com
GitHub - benjamincanac/avelune: Persistent 3D multiplayer world on Vercel WebSockets. Terraform it, build on it, and ask the AI Oracle what changed.
Persistent 3D multiplayer world on Vercel WebSockets. Terraform it, build on it, and ask the AI Oracle what changed. - benjamincanac/avelune
210
Benjamin Canac @benjamincanac.dev · 07/09/2026
Nuxt UI now has a theme editor: ui.nuxt.com/theme 🎨 Pick a preset or roll the dice, bend the palette curves, swap fonts, icons and radius, preview on real templates, then export only what you changed!
1193
Benjamin Canac @benjamincanac.dev · 07/09/2026
Had a lot of fun building this one 🗓️ A calendar template for Nuxt UI, heavily inspired by Apple Calendar. Day, week and month views, drag and drop, and everything keeps working offline. calendar-template.nuxt.dev
4467
Benjamin Canac @benjamincanac.dev · 07/09/2026
Built a directory of AI coding tools that keeps itself up to date: whichcoding.tools One YAML per tool on GitHub, an eve agent checks vendor pages daily and opens PRs, I just merge. Built with @nuxt.com x @vercel.com.
030
Benjamin Canac @benjamincanac.dev · 07/09/2026
Nuxt UI v4.11 is here! 🎊 ↔️ New Splitter component 📊 New ProgressGroup component ⚡️ Snappier motion with a shared easing curve 🌳 Component detection to tree-shake CSS in Vue ...and plenty more: github.com/nuxt/ui/rele...
github.com
Release v4.11.0 · nuxt/ui
✨ Highlights ↔️ Splitter component A new Splitter component lets you build layouts with resizable panels separated by draggable handles, with min/max sizes, collapsible panels, nesting and vertical...
030
Benjamin Canac @benjamincanac.dev · 07/09/2026
Nuxt UI v4.10 is out! 🎊 🌟 New InputRating component 📦 Offline-ready icon bundling now in the Vite plugin ♻️ Keep Modal & Slideover state with unmountOnHide 🌍 Better RTL & reduced-motion support ...and lots more: github.com/nuxt/ui/rele...
github.com
Release v4.10.0 · nuxt/ui
✨ Highlights 🌟 InputRating component A new InputRating component lets you display and collect ratings, with support for half-steps, custom length, clearing, hover preview and any icon: <script setu...
010
Benjamin Canac @benjamincanac.dev · 07/09/2026
Nuxt UI v4.9 is out! 🔥 🧭 New useTour composable 📅 Calendar month & year pickers ✂️ Unstyled mode to bring your own design system 🎯 Consistent focus styles across every component ...and much more on: github.com/nuxt/ui/rele...
github.com
Release v4.9.0 · nuxt/ui
✨ Highlights 📆 Calendar month and year selection The Calendar component gains a single type prop (date | month | year, default date) that renders it as a day, month or year picker, covering both st...
020
Reposted by Benjamin Canac
Nuxt @nuxt.com · 18/07/2026
Nuxt 4.5 is out, and it's a big one. 🚀 - ⚡️ Vite 8 - 🦀 Rspack 2, now powered by Rsbuild - 🌊 experimental SSR streaming for faster TTFB - 🩺 a new stable error code system - 🎨 useLayout, named views, and more ... plus a lot of groundwork for Nuxt 5! 💚💚💚
nuxt.com
Nuxt 4.5 · Nuxt Blog
Nuxt 4.5 is our biggest release in a while. Vite 8, Rspack 2 powered by Rsbuild, experimental SSR streaming, a stable error code system, a new useLayout composable, named views, and a lot of groundwor...
413519
Reposted by Benjamin Canac
Alvaro Sabu @alvarosabu.bsky.social · 23/05/2026
Building gamedev UIs with @nuxt.com UI is incredible fun. 😛
4302
Benjamin Canac @benjamincanac.dev · 21/05/2026
Nuxt UI v4.8 is out! ✨ 🎨 Theme component can now override prop defaults for all descendant components 🔍 ContentSearch supports FTS5 search via useSearchCollection …and tons more, check it out: github.com/nuxt/ui/rele...
github.com
Release v4.8.0 · nuxt/ui
✨ Highlights 🎨 Theme component prop defaults The Theme component can now override default prop values for all descendant components. Pass a props object where keys are component names and values ar...
0170
Benjamin Canac @benjamincanac.dev · 24/04/2026
Nuxt UI v4.7 is out 🎉 📋 New Listbox component 🤖 New ProsePrompt component with Cursor & Windsurf integration 🌍 Automatic Link localization with @nuxt_js/i18n Plus long-awaited bug fixes and much more! github.com/nuxt/ui/rele...
github.com
Release v4.7.0 · nuxt/ui
✨ Highlights 📋 New Listbox component The Listbox component is a selectable list of items with built-in search, virtualization, and rich item rendering. It's ideal when you want an always-visible li...
0484
Reposted by Benjamin Canac
Nuxt @nuxt.com · 14/04/2026
Thank you 💚 github.com/nuxt/nuxt
49514
Benjamin Canac @benjamincanac.dev · 23/03/2026
Nuxt UI v4.6 is here! 🚀 📁 Sidebar component inspired by @shadcn.com 🤖 ChatReasoning, ChatTool & ChatShimmer for AI chats 🔍 DropdownMenu filter prop ✏️ InputMenu autocomplete prop 🧩 Prose components in Vite plugin ...and more on: github.com/nuxt/ui/rele...
github.com
Release v4.6.0 · nuxt/ui
✨ Highlights 📁 New Sidebar component The Sidebar component provides a responsive application sidebar that stays fixed on desktop and transforms into a Modal, Slideover, or Drawer on mobile. It supp...
1150
Benjamin Canac @benjamincanac.dev · 03/03/2026
Done github.com/nuxt/nuxt-ev...
github.com
feat(experiments): add devstral-2 · nuxt/nuxt-evals@f489734
030
Benjamin Canac @benjamincanac.dev · 03/03/2026
It does cost a lot of money to run those evals this is why we only added the most popular ones. We'll of course add new models as they release.
010
Reposted by Benjamin Canac
Nuxt @nuxt.com · 26/02/2026
We now run evals to help you know what AI models perform best to write Nuxt code. nuxt.com/evals
8709
Benjamin Canac @benjamincanac.dev · 24/02/2026
Nuxt UI v4.5 is out! ✨ 🎨 New Theme component to override the styling of all child components at once 🌈 4 new neutral colors from @tailwindcss v4.2: taupe, mauve, mist, olive 🔕 Duplicate toast prevention with pulse animation ...and lots more: github.com/nuxt/ui/releases/tag/v4.5.0
github.com
Release v4.5.0 · nuxt/ui
✨ Highlights 🎨 New Theme component The Theme component lets you override the theme of all child components without modifying each one individually. Pass an object to the ui prop where keys are comp...
0201
Reposted by Benjamin Canac
Nuxt @nuxt.com · 10/02/2026
Nuxt UI skills are now available on skills.sh $ npx skills add nuxt/ui
Nuxt UI skills are now available on skills.sh
1452
Benjamin Canac @benjamincanac.dev · 17/12/2025
We've also released a new Editor template featuring: ⚡ Real-time collaboration via PartyKit 🤖 AI autocompletion with @vercel.com AI SDK ✨ Slash commands, mentions & emojis editor-template.nuxt.dev
editor-template.nuxt.dev
Nuxt UI Editor Template
A Notion-like WYSIWYG editor with AI-powered autocompletion in Vue & Nuxt.
070
Benjamin Canac @benjamincanac.dev · 17/12/2025
Nuxt UI v4.3 is out! ✨ ✏️ New Editor components powered by @tiptap.dev with toolbars, slash commands, mentions, emojis, and drag & drop 📜 New ScrollArea component with virtualization using @tanstack.com virtual …and tons more, check it out: github.com/nuxt/ui/rele...
36710
Benjamin Canac @benjamincanac.dev · 18/11/2025
Nuxt UI v4.2.0 is out! 🎉 📅 New InputDate & InputTime components 🎨 Tailwind CSS prefix support ✨ data-slot attributes & extended HTML attributes …and tons more, check it out: github.com/nuxt/ui/rele...
0183
Benjamin Canac @benjamincanac.dev · 23/10/2025
Nuxt UI v4.1 is here ✨ 📦 New Empty component ⚡️ Virtualization for large datasets 🎯 Smart CSS bundling with experimental component detection …and tons more — check it out: github.com/nuxt/ui/rele...
0536
Reposted by Benjamin Canac
Nuxt @nuxt.com · 23/09/2025
Nuxt UI v4 it out ✨ It unifies Nuxt UI and Nuxt UI Pro into a fully open-source library with: - 100+ components - 10+ free templates - Figma Kit for everyone nuxt.com/blog/nuxt-u...
nuxt.com
Nuxt UI v4 · Nuxt Blog
Nuxt UI v4 unifies Nuxt UI and Nuxt UI Pro into one powerful, completely free library. With over 110 components, 12 templates, and a comprehensive Figma kit, all of this is available for free.
312023
Benjamin Canac @benjamincanac.dev · 02/09/2025
Are you using PNPM by any chance? You'll need to add `shamefully-hoist=true` inside your `.npmrc`: ui.nuxt.com/getting-star...
ui.nuxt.com
Installation - Nuxt UI
Learn how to install and configure Nuxt UI in your Nuxt application.
250
Benjamin Canac @benjamincanac.dev · 07/07/2025
Nuxt UI just hit 5,000 stars on GitHub! Thank you to our amazing community for your support! 💚 github.com/nuxt/ui
0310
Benjamin Canac @benjamincanac.dev · 30/06/2025
✨ Nuxt UI Pro v3.2 is also out! - Changelog components - Zoom support in prose images …and much more — see the full release: github.com/nuxt/ui-pro/...
060
Benjamin Canac @benjamincanac.dev · 30/06/2025
✨ Nuxt UI v3.2 is out! - Timeline component - InputTags component - CommandPalette with children items …and much more — see the full release: github.com/nuxt/ui/rele...
1262
Benjamin Canac @benjamincanac.dev · 24/04/2025
🤖 Introducing the Nuxt UI Pro AI Chat template! Built with the new Chat components, featuring: • Streaming responses with Vercel AI SDK • Persistent chat history • GitHub OAuth authentication • Workers AI integration chat-template.nuxt.dev
chat-template.nuxt.dev
Nuxt UI Pro - Chat template
Nuxt UI Pro is a collection of premium Vue components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.
040
Benjamin Canac @benjamincanac.dev · 24/04/2025
🚀 Nuxt UI Pro v3.1 is here! 💬 AI Chat components built for Vercel AI SDK 💰 PricingTable component for pricing pages 🎨 Improved utilities matching Nuxt UI v3.1 …and much more — see the full release: github.com/nuxt/ui-pro/...
161
Benjamin Canac @benjamincanac.dev · 24/04/2025
✨ Nuxt UI v3.1 is here! 🎨 New Tailwind CSS utility classes 🌉 Inertia.js integration 🧩 CheckboxGroup component 🌐 4 new locales …and tons more — check it out: github.com/nuxt/ui/rele...
1445
Benjamin Canac @benjamincanac.dev · 31/03/2025
Indeed in Nuxt UI v2 we used to convert `meta` to `ctrl` but this is no longer the case in v3 as ⊞ is the meta key on Windows. Here's the PR for reference: github.com/nuxt/ui/pull...
github.com
feat(Kbd): special keys for macOS and other systems by hywax · Pull Request #2494 · nuxt/ui
🔗 Linked issue Resolves #2451 ❓ Type of change 📖 Documentation (updates to the documentation or readme) 🐞 Bug fix (a non-breaking change that fixes an issue) 👌 Enhancement (improving an exist...
010
Reposted by Benjamin Canac
Romain Hamel @rohm.dev · 24/03/2025
Thrilled to announce that Compodium (compodium.dev) now supports Vue! 🚀 Check out the demo:
1282
Reposted by Benjamin Canac
Nuxt @nuxt.com · 12/03/2025
Nuxt UI v3 is out ✨ 🚀 Designed with Tailwind CSS v4 💫 Built on top of Reka UI 📦 50+ components for every need 🎨 A brand new design system 💚 Works on both Nuxt or Vue projects nuxt.com/blog/nuxt-u...
nuxt.com
Nuxt UI v3 · Nuxt Blog
Nuxt UI v3 is out! After 1500+ commits, this major redesign brings improved accessibility, Tailwind CSS v4 support, and full Vue compatibility
516736
Benjamin Canac @benjamincanac.dev · 01/03/2025
github.com/nuxt/ui-pro/...
github.com
000
Benjamin Canac @benjamincanac.dev · 01/03/2025
Nuxt UI & Nuxt UI Pro v3.0.0-beta is now live 🔥 It brings Vue support into Pro but also: - Tailwind CSS v4.0.9 - New Tree component - New useOverlay composable - Devtools Integration with compodium Read more on: github.com/nuxt/ui/rele...
github.com
Release v3.0.0-beta.1 · nuxt/ui
✨ Highlights Tree: new component (#3180) https://ui3.nuxt.dev/components/tree 🚨 Breaking Changes deps: update tailwindcss to ^4.0.8 (#3373) Tailwind CSS made some breaking changes in 4.0.8 wh...
1202
Benjamin Canac @benjamincanac.dev · 17/02/2025
Nuxt UI Pro v3.0.0-alpha.13 was shipped with the new AuthForm component as well as 10 new Dashboard components: github.com/nuxt/ui-pro/...
github.com
1100
Benjamin Canac @benjamincanac.dev · 17/02/2025
Nuxt UI & Nuxt UI Pro v3.0.0-alpha.13 are out! ✨ - Write Tailwind CSS classes like in Nuxt UI v2 - Improved Table component with pagination - Vue compatibility without vue-router to use in an Inertia/Laravel project And much more on: github.com/nuxt/ui/rele...
github.com
Release v3.0.0-alpha.13 · nuxt/ui
✨ Highlights 🎨 Tailwind CSS classes Thanks to #2967, you can now use classes like text-primary dark:text-primary-400 like in Nuxt UI v2. We dynamically write into the @theme directive of Tailwind C...
3435
Reposted by Benjamin Canac
Nuxt @nuxt.com · 21/12/2024
Thanks LeanVue for this great overview of Nuxt UI v3! It's incredibly rewarding to see developers discover the library and share their experiences 💚 www.youtube.com/watch?v=_eQ...
youtube.com
My New Favorite UI Library
RESOURCES Nuxt UI v3 - https://ui3.nuxt.dev/Tailwind v4 - https://tailwindcss.com/docs/v4-betaReka UI - https://reka-ui.com/✅ Join the LearnVue+ Waiting Lis...
2489
Benjamin Canac @benjamincanac.dev · 11/12/2024
github.com/nuxt/ui-pro/...
github.com
110