Download Latest Version v4.7.1 source code.tar.gz (45.8 MB)
Email in envelope

Get an email when there's a new version of Nuxt UI

Home / v4.6.0
Name Modified Size InfoDownloads / Week
Parent folder
README.md 2026-03-23 9.1 kB
0
v4.6.0 source code.tar.gz 2026-03-23 44.9 MB
0
v4.6.0 source code.zip 2026-03-23 46.0 MB
1 1 weekly downloads
Totals: 3 Items   91.0 MB 1

:sparkles: Highlights

:file_folder: 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 supports three visual variants (sidebar, floating, inset) and three collapsible modes (offcanvas, icon, none):

:::vue
<template>
  <USidebar v-model:open="open" collapsible="icon">
    <template #header>
      <Logo />
    </template>

    <UNavigationMenu :items="items" />

    <template #footer>
      <UserMenu />
    </template>
  </USidebar>
</template>

:robot: New Chat components

We're introducing 3 new components to build richer AI chat interfaces:

  • ChatReasoning: A collapsible thinking/reasoning block that automatically tracks streaming duration.
  • ChatTool: A collapsible row for tool invocations with loading and streaming states.
  • ChatShimmer: An animated text primitive used internally by ChatReasoning and ChatTool during streaming.

These components integrate seamlessly with the AI SDK message parts:

:::vue
<template>
  <UChatMessages :messages="messages" :status="status">
    <template #content="{ message }">
      <template v-for="(part, index) in message.parts" :key="index">
        <UChatReasoning
          v-if="isReasoningUIPart(part)"
          :text="part.reasoning"
          :streaming="isReasoningStreaming(message, index, chat)"
        />
        <UChatTool
          v-else-if="isToolInvocationUIPart(part)"
          :text="part.toolInvocation.toolName"
          :streaming="isToolStreaming(part)"
        />
        <MDC v-else-if="isTextUIPart(part)" :value="part.text" />
      </template>
    </template>
  </UChatMessages>
</template>

:rotating_light: Breaking Changes

  • module: use moduleDependencies to manipulate options (#5384)

This release adopts Nuxt's new moduleDependencies API to declaratively manage sub-module dependencies (@nuxt/icon, @nuxt/fonts, @nuxtjs/color-mode, @nuxtjs/mdc) instead of manually installing them at runtime. This requires Nuxt >= 4.1.0.

:rocket: Features

:bug: Bug Fixes

  • Avatar: use resolved size for image width/height (#6008) (6dd0fc4)
  • ContentNavigation: prevent toggling disabled parent items (#6122) (0f1074f)
  • ContentSurround: handle RTL mode (#6148) (6921f13)
  • ContentToc: reset start margin at lg breakpoint (8f24f79)
  • DashboardSearchButton: use valid HTML structure for trailing slot (#6194) (578a12f)
  • Editor: guard lift calls for unavailable list extensions (#6100) (065db6b)
  • Error: support status and statusText properties (1350d62), closes #6134
  • FileUpload: make multiple, accept and reset options reactive (#6204) (ae093df)
  • Modal/Slideover/Popover/Drawer: prevent double close:prevent emit (#6226) (9a0d501)
  • module: only auto-import public composables and allow Vite opt-out (#6197) (886f5fb)
  • NavigationMenu: improve RTL support for viewport and indicator (#6164) (755867b)
  • NavigationMenu: propagate disabled state to item in vertical orientation (6d4d651)
  • ProsePre: move shiki line highlight styles to theme (d663950)

:globe_with_meridians: Locales

:wave: New Contributors

Full Changelog: https://github.com/nuxt/ui/compare/v4.5.1...v4.6.0

Source: README.md, updated 2026-03-23