awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
nuxt avatar

nuxt/ui

0
View on GitHub↗
6,675 stars·1,083 forks·Vue·MIT·4 vuesui.nuxt.com↗

Ui

Nuxt UI is a comprehensive Vue component library built for the Nuxt ecosystem, providing over 125 production-ready, WAI-ARIA compliant components for building modern web applications. The library offers a complete design system with Tailwind CSS theming, supporting dark mode, custom color palettes, semantic color aliases, and runtime theme switching through CSS design tokens. It includes built-in internationalization for over 50 languages, server-side rendering compatibility, and a Figma kit that mirrors the code components for design-to-development consistency.

The library distinguishes itself with extensive form handling capabilities, including schema-based validation with Zod or Valibot, nested form support, and configurable validation timing. It provides specialized input components for autocomplete with tag input and on-demand loading, code input with OTP support, numeric input with range constraints, and multi-select with checkbox options. The component set also includes advanced data visualization tools like progress bars with step labels and indeterminate animation, calendar components supporting single, range, multiple, and non-Gregorian date picking with event indicators and constraints, and pricing display components with grid, table, and card layouts.

Beyond core UI components, the library offers chat and messaging components with AI integration capabilities, including streaming responses, reasoning display, and tool-calling via the Model Context Protocol. It provides layout components for headers and footers with customizable slots, changelog timelines with scroll tracking, disclosure components with smooth transitions, and icon rendering from Iconify collections or custom SVGs. The library also includes performance optimizations like local icon serving and list virtualization, along with project scaffolding through pre-built templates for dashboards, SaaS, and landing pages.

The library is distributed under the MIT license and can be used in plain Vue applications via Vite plugins with auto-imports and TypeScript support, with full documentation available for all components and features.

Features

  • Chat State Managers - Manages full conversation state on the client, including sending messages and handling streamed parts.
  • Calendars And Dates - Ships a calendar component for selecting a single date with locale-aware formatting and keyboard navigation.
  • Form Validation - Validates form data using user-defined functions that return errors keyed to specific form fields.
  • Accessible UI Components - Ships over 125 production-ready, WAI-ARIA compliant components built on accessible primitives.
  • Tailwind CSS Integration - Provides a complete design system with Tailwind CSS theming, dark mode, and custom color palettes.

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI
  • Date Pickers - Combines a calendar with a button and popover for selecting a date from a dropdown.
  • Date Range Schedulers - Combines a calendar with a button, popover, and preset range shortcuts for selecting date intervals.
  • Checkbox Inputs - Ships a checkbox component with indeterminate state support via v-model binding.
  • Form State Management - Controls form submission data transformations and enables explicit nested form handling.
  • Navigation Headers - Ships a page header component with customizable slots and a collapsible navigation menu.
  • Color Modes - Switches between light and dark color modes using built-in components or a composable for custom implementations.
  • Component Appearance Customizers - Adjusts colors, sizes, and variants through a type-safe design system built on utility-first CSS and variants.
  • Autocomplete Inputs - Provides a text input that displays real-time suggestions from a provided list as the user types.
  • Theme Switchers - Switches between light and dark color schemes using a composable or built-in UI components.
  • Ecosystem Integrations - Connects with Nuxt modules for icons, fonts, color modes, internationalization, and content while maintaining SSR compatibility.
  • Form Validation Libraries - Validates form data against standard schemas from Zod or Valibot, displaying errors automatically on associated fields.
  • Server-Side Rendering Support - Components render on the server without hydration issues, ensuring SSR compatibility.
  • Vue Component Libraries - Provides a full component library usable in any Vue project via Vite plugins.
  • Streaming Chat Responses - Ships a component that streams AI responses with text, reasoning, and tool calls in real time.
  • Tool Call Executions - Enables AI to call external tools via the Model Context Protocol for documentation searches or custom tasks.
  • Collapsible Reasoning Displays - Provides a collapsible block that displays AI reasoning content, auto-opening during streaming.
  • Collapsible Reasoning Displays - Ships a collapsible block that shows the AI's internal reasoning steps for user inspection.
  • Nested Form Validation - Validates a group of nested forms together so that validating the parent automatically validates all children.
  • Icon Support - Renders icons from the Iconify collection by name, supporting thousands of open-source icons.
  • Dynamic Locale Switching - Provides a locale selector dropdown that switches the active language across the application.
  • Prompt Submissions - Provides a button that submits the current text prompt and manages the chat's submission status automatically.
  • Feature Comparison Cards - Displays pricing tier features, price, and call-to-action in a structured card layout for easy comparison.
  • Grid Layouts - Arranges pricing plans into a responsive grid layout with automatically calculated columns.
  • Responsive Table Layouts - Shows tiered pricing plans in a horizontal table on desktop and a vertical card layout on mobile.
  • Feature Groupings - Groups pricing features into logical categories with per-tier availability indicators.
  • Custom Field Filters - Filters autocomplete suggestions based on user-defined object properties beyond the display label.
  • On-Demand Subset Loading - Fetches suggestion data from an external API only when the menu is opened or scrolled.
  • Step Labels - Renders named step labels beneath the progress bar for multi-step workflows.
  • Project Bootstrapping Templates - Provides pre-built project templates for dashboards, SaaS, and landing pages.
  • Task Progress Indicators - Displays a visual bar that fills as a numeric value increases toward a configurable maximum.
  • Assistant Processing - Displays a visual indicator that changes based on whether the assistant is submitting, streaming, ready, or in an error state.
  • Typed Message Part Displays - Shows message content using a typed format with distinct parts like text, reasoning, and files.
  • Timeline Renderers - Ships a changelog component that renders version entries as a scroll-tracking vertical timeline.
  • List Virtualization - Implements list virtualization to render only visible items for smooth scrolling performance.
  • Auto-Scroll Buttons - Shows a floating button when the user scrolls up, allowing a single click to jump back to the latest messages.
  • Chat Message List Renderers - Renders a scrollable list of chat messages with automatic scrolling to the latest message as new ones arrive.
  • Chat Message Renderers - Renders a chat message for a user or assistant role with an icon, avatar, and hover actions.
  • Checkbox Components - Adjusts the checkbox's color, size, variant, icon, and indicator position through configurable props.
  • Runtime Color Swaps - Swaps semantic color values dynamically through app configuration without restarting the server.
  • Semantic Color Mappings - Maps purpose-driven color names like primary, success, or error to any palette color for consistent component theming.
  • Date Range Restrictions - Ships a calendar component that limits selectable dates to a configurable minimum and maximum window.
  • Date Blacklisting - Ships a calendar component that prevents selection of specific dates, months, or years via a validation function.
  • Figma Component Kits - Includes a Figma kit that mirrors the code components for design-to-development consistency.
  • Theme Token Definitions - Defines design tokens such as colors, fonts, and breakpoints using the @theme directive in CSS.
  • Link Columns - Renders labeled columns of navigable links inside a footer area for site-wide navigation.
  • Icon Collections - Displays icons from the Iconify library by passing collection and name to a dedicated component.
  • Local SVG Registrations - Registers a folder of local SVG files as a custom Iconify collection for use in components.
  • Icon Libraries - Displays icons from the Iconify collection using a name prop, supporting over 200,000 icons.
  • Verification Code Inputs - Provides a code input component that auto-advances focus as each character is entered.
  • Prompt Submissions - Provides a chat prompt component that submits text when the user presses Enter or clicks a button.
  • Theme-Aware Content Displays - Switches displayed images and elements based on the active light or dark theme.
  • Internationalization Frameworks - Provides built-in internationalization support for localizing UI text into over 50 languages.
  • Custom Item Creators - Lets users type and add custom values not present in the predefined list of options.
  • Masked Inputs - Provides a code input component that masks characters as dots or asterisks for sensitive values.
  • Numeric Inputs - Adjusts a number up or down within a configurable range using buttons or keyboard input.
  • Page Footers - Renders a semantic footer element with customizable slots for navigation links and copyright text.
  • Pagination Navigation - Provides pagination controls with numbered page buttons and navigation arrows.
  • OTP Inputs - Includes OTP input fields with autocomplete and clipboard detection for mobile devices.
  • Progress Value Displays - Shows the current numeric value above the progress bar for exact progress reading.
  • Indeterminate Indicators - Animates a bar with a looping motion when the exact progress value is unknown.
  • Multiple Selections - Ships a multi-select component that presents checkboxes for picking several items from a list.
  • Icon Components - Embeds icons into UI elements like buttons through a built-in icon prop on components.
  • Tag Inputs - Provides a tag input component that renders each entry as a removable tag.
  • Chat Message Role Stylers - Provides separate configuration props to apply distinct styling and alignment to user and assistant messages.
  • Chat Message Stylers - Changes the message style through variant, color, and side props for left or right alignment.
  • Chat Loading Indicators - Allows replacing the default processing animation with a custom slot for chat message loading states.
  • Color Palettes - Overrides any default color from the Tailwind palette by redefining its full shade range in the @theme block.
  • Badge Indicators - Ships a badge component that displays numeric counts overlaid on other elements.
  • Loading Placeholders - Shows pulsing placeholder shapes while content is loading to indicate activity.
  • Visibility Toggles - Ships a disclosure component that toggles content visibility with smooth transitions.
  • Real-time Validation - Triggers validation on input, change, or blur events, configurable via a prop, and always validates on submit.
  • Vue Icon Libraries - Accepts Vue components as icon sources, allowing inline SVG definitions or imports from SVG files.

    • Historique des stars

    Graphique de l'historique des stars pour nuxt/uiGraphique de l'historique des stars pour nuxt/ui

    Alternatives open source à Ui

    Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec Ui.
    • mui/base-uiAvatar de mui

      mui/base-ui

      8,711Voir sur GitHub↗

      Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

      TypeScriptaccessibilitydesign-systemreact
      Voir sur GitHub↗8,711
    • coreui/coreui-free-bootstrap-admin-templateAvatar de coreui

      coreui/coreui-free-bootstrap-admin-template

      12,220Voir sur GitHub↗

      CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

      HTMLadminadmin-dashboardadmin-panel
      Voir sur GitHub↗12,220
    • gluestack/gluestack-uiAvatar de gluestack

      gluestack/gluestack-ui

      4,931Voir sur GitHub↗

      gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

      TypeScriptaccessibilitycomponent-librarycustomizable-components
      Voir sur GitHub↗4,931
    • buefy/buefyAvatar de buefy

      buefy/buefy

      9,531Voir sur GitHub↗

      Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap

      Vuebulmacomponentsvue
      Voir sur GitHub↗9,531
    Voir les 30 alternatives à Ui→

    Questions fréquentes

    Que fait nuxt/ui ?

    Nuxt UI is a comprehensive Vue component library built for the Nuxt ecosystem, providing over 125 production-ready, WAI-ARIA compliant components for building modern web applications. The library offers a complete design system with Tailwind CSS theming, supporting dark mode, custom color palettes, semantic color aliases, and runtime theme switching through CSS design tokens. It includes built-in internationalization for over 50 languages, server-side rendering…

    Quelles sont les fonctionnalités principales de nuxt/ui ?

    Les fonctionnalités principales de nuxt/ui sont : Chat State Managers, Calendars And Dates, Form Validation, Accessible UI Components, Tailwind CSS Integration, Date Pickers, Date Range Schedulers, Checkbox Inputs.

    Quelles sont les alternatives open-source à nuxt/ui ?

    Les alternatives open-source à nuxt/ui incluent : mui/base-ui — Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples… coreui/coreui-free-bootstrap-admin-template — CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for… gluestack/gluestack-ui — gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built,… buefy/buefy — Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the… shopify/polaris-react — Polaris React is a production-ready component library that implements Shopify's Polaris design system for building… huntabyte/shadcn-svelte — shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather…