awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
tusen-ai avatar

tusen-ai/naive-ui

0
View on GitHub↗
18,381 stars·1,849 forks·TypeScript·MIT·13 viewswww.naiveui.com↗

Naive Ui

Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables.

The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider.

The framework covers a wide range of capability areas, including data display tools like heatmaps and timelines, complex data entry controls such as date pickers and range sliders, and structural layout components including app shells and resizable split panes. It also includes specialized utilities for content media, system notifications, and performance optimizations like list virtualization and skeleton screens.

Features

  • Vue UI Libraries - Ships a comprehensive collection of user interface components specifically designed for the Vue 3 ecosystem.
  • Data Tables - Provides high-performance data tables supporting multi-column sorting, filtering, and virtual scrolling for large datasets.
  • Theme Overrides - Ships a system to globally override component styles and color schemes through a centralized provider.
  • App Shell Layouts - Provides a structural system for organizing application-wide headers, footers, and collapsible sidebars.
  • Navigation Menus - Provides hierarchical navigation menus including sidebars and top-bars with responsive, collapsible behavior.
  • Component Theming - Provides mechanisms for overriding visual properties and design tokens using type-safe JavaScript objects.
  • Object-Based Theme Systems - Utilizes a theming architecture based on type-safe JavaScript objects instead of traditional CSS variables.
  • Responsive Grid Systems - Implements a responsive grid system for structuring layouts with adaptive spans and sider placements.
  • Responsive Layouts - Provides a framework for building fluid and adaptive page structures using responsive grids and navigation systems.
  • Sidebar Layouts - Provides structural components for organizing web application layouts with responsive grids, sidebars, and navigation menus.
  • Type-Safe Theme Customization - A mechanism to modify the visual appearance of components using type-safe JavaScript objects instead of CSS variables.
  • TypeScript UI Frameworks - Provides a type-safe interface library using TypeScript for defining components and custom theme configurations.
  • Virtual Scrolling Utilities - Provides high-performance data tables featuring virtual scrolling to optimize the rendering of large datasets.
  • Virtualized List Rendering - Implements high-performance rendering for large datasets by displaying only the items currently visible in the viewport.
  • Alerts and Notifications - Ships a global notification manager to trigger transient alerts, toasts, and loading bars across the application.
  • Composition API Integrations - Leverages the Vue 3 Composition API to encapsulate reactive state and logic for reusable UI patterns.
  • Enterprise Interface Kits - Offers UI component sets tailored for high-density enterprise administrative dashboards with complex tables and virtualized lists.
  • Accordions - Implements accordion components that expand and collapse hierarchical content sections.
  • Component Configuration Providers - Ships a centralized provider to distribute global theme settings and locale defaults across the component tree.
  • Configuration Providers - Provides utilities for injecting default property values and global configuration settings into nested component trees.
  • Content Cards - Includes flexible content cards for grouping related information with headers, footers, and hover effects.
  • Date and Time Pickers - Offers an interactive calendar interface for selecting dates, times, and ranges with customizable shortcuts.
  • Dynamic Input Forms - Provides UI components for building dynamic data entry interfaces with validation and specialized input fields.
  • Toggle Switches - Ships toggle switch components for capturing binary true or false state inputs.
  • Infinite Scroll Components - Implements infinite scroll components that automatically load and append content as the user scrolls.
  • Modal Dialogs - Provides overlay windows for alerts and interactions featuring focus trapping and draggable support.
  • Pagination Controls - Includes pagination controls for navigating multi-page datasets with quick-jump and customizable labels.
  • Numeric Inputs - Provides specialized numeric input fields with precision control and increment buttons.
  • Range Sliders - Provides range slider components for selecting numerical values between two points with integrated tooltips.
  • Resizable Panes - Provides resizable split panes that allow users to interactively adjust the size of viewport sections.
  • Select Dropdowns - Implements a dropdown selection interface with support for tags and virtual scrolling.
  • Slide-Out Panels - Ships resizable slide-out panels for displaying supplemental content without navigating away from the current page.
  • Style Sheet Injection - Implements mechanisms for programmatically inserting computed CSS rules into the DOM for immediate theme overrides.
  • Tabbed Interfaces - Provides tabbed interfaces for organizing content into selectable panes with animated transitions.
  • Tree Views - Implements a hierarchical data display featuring checkboxes, drag-and-drop reordering, and virtual scrolling.
  • Notification Systems - Implements a system for managing and displaying transient floating messages to provide immediate system feedback.
  • Virtualized Lists - Provides high-performance components that render only visible items to efficiently manage large datasets.
  • Form Layouts - Provides a system for creating input layouts with integrated validation rules, labels, and feedback indicators.
  • UI Component Frameworks - TypeScript-based component library with extensive theme customization.

Star history

Star history chart for tusen-ai/naive-uiStar history chart for tusen-ai/naive-ui

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Naive Ui

Similar open-source projects, ranked by how many features they share with Naive Ui.
  • huntabyte/shadcn-sveltehuntabyte avatar

    huntabyte/shadcn-svelte

    8,341View on GitHub↗

    shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail

    TypeScriptbits-uishadcn-svelteshadcn-ui
    View on GitHub↗8,341
  • bootstrap-vue/bootstrap-vuebootstrap-vue avatar

    bootstrap-vue/bootstrap-vue

    14,450View on GitHub↗

    Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

    JavaScripta11yaccessibilityaccessible
    View on GitHub↗14,450
  • taiga-family/taiga-uitaiga-family avatar

    taiga-family/taiga-ui

    4,002View on GitHub↗

    Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp

    TypeScriptangularbest-practicescdk
    View on GitHub↗4,002
  • vuetifyjs/vuetifyvuetifyjs avatar

    vuetifyjs/vuetify

    41,003View on GitHub↗

    This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

    TypeScriptjavascriptmaterialmaterial-components
    View on GitHub↗41,003
See all 30 alternatives to Naive Ui→

Frequently asked questions

What does tusen-ai/naive-ui do?

Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables.

What are the main features of tusen-ai/naive-ui?

The main features of tusen-ai/naive-ui are: Vue UI Libraries, Data Tables, Theme Overrides, App Shell Layouts, Navigation Menus, Component Theming, Object-Based Theme Systems, Responsive Grid Systems.

What are some open-source alternatives to tusen-ai/naive-ui?

Open-source alternatives to tusen-ai/naive-ui include: huntabyte/shadcn-svelte — shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather… bootstrap-vue/bootstrap-vue — Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a… taiga-family/taiga-ui — Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces.… vuetifyjs/vuetify — This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web… longbridge/gpui-component — gpui-component is a native desktop UI kit and component library built for the GPUI framework. It provides a collection… element-plus/element-plus — Element Plus is a Vue.js UI component library and enterprise web design system used for building professional web…