Benjamin Canac

Benjamin Canac

@benjamincanac.dev

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

766 followers136 following54 posts

Benjamin Canac
@benjamincanac.dev

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.comv5 · Issue #6918 · nuxt/uiNuxt 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...
View full thread
Benjamin Canac
@benjamincanac.dev

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.

View full thread
Benjamin Canac
@benjamincanac.dev

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.

Benjamin Canac
@benjamincanac.dev

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.comGitHub - 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
Benjamin Canac
@benjamincanac.dev

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.comRelease 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...
Benjamin Canac
@benjamincanac.dev

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.comRelease 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...
Benjamin Canac
@benjamincanac.dev

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.comRelease 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...

Benjamin Canac reposted

Nuxt
@nuxt.com

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.comNuxt 4.5 · Nuxt BlogNuxt 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...
Benjamin Canac
@benjamincanac.dev

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.comRelease 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...
Benjamin Canac
@benjamincanac.dev

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.comRelease 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...
Benjamin Canac
@benjamincanac.dev

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.comRelease 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...
Benjamin Canac
@benjamincanac.dev

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.comRelease 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...
Benjamin Canac
@benjamincanac.dev

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.comRelease 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...
Benjamin Canac
@benjamincanac.dev

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.comRelease 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...