taiga-family/taiga-ui

Features

• Accessible Design Systems - Implements a complete accessible design system with themed components supporting light and dark modes and screen readers.
• Form and Input Management - Provides a comprehensive system for creating and managing interactive form elements and validation logic.
• Enterprise Component Systems - Provides a scalable library of reusable, accessible, and themeable UI components designed for large-scale enterprise web interfaces.
• Form Validation - Provides a dedicated framework for attaching dynamic validation rules to form controls to ensure data integrity.
• Data Visualization Charts - Includes a specialized data visualization library with components for rendering bar, line, pie, and ring charts.
• Icon Renderers - Displays icons from SVG assets, fonts, and external URLs with customizable size and color via CSS.
• Virtualized Lists - Maintains high performance for large data sets by rendering only the elements currently visible in the viewport.
• Application Navigation Systems - Implements a comprehensive set of navigation tools including tabs, breadcrumbs, and steppers for application flow.
• Blocking Overlays - Renders a modal overlay to indicate ongoing actions and prevent background interaction.
• Buttons - Provides customizable button controls and interactive links with support for various sizes and icons.
• Color Pickers - Implements a specialized color picker input field utilizing both native and custom interfaces.
• Angular UI Libraries - Offers a comprehensive collection of pre-built interface resources and reusable components specifically for the Angular framework.
• Tooltips - Provides tooltips that display supplementary advisory text when a user focuses on or hovers over a component.
• Context Menu Construction - Implements context-sensitive menus that appear on right-click with support for hierarchical structures.
• CSS Variable Theming - Implements a system that maps design tokens to native CSS variables for dynamic theme and mode management.
• Data Entry Forms - Implements structured interfaces for collecting user information through combined diverse input types.
• Form-Integrated Date-Time Pickers - Provides text fields integrated with calendar pickers for selecting dates, times, or ranges.
• Time Pickers - Provides components for selecting precise time values in various formats via keyboard or pickers.
• Range Selection Interfaces - Implements a calendar interface specifically for picking start and end dates to define time intervals.
• Month and Year Pickers - Provides specialized pickers for selecting single years to ensure valid date information.
• Multi-Mode Date Selection - Provides an input interface supporting single, multiple, or range date selection modes.
• Dropdown Behaviors - Provides logic governing the interaction, selection, and visibility toggling of dropdown menus.
• Dropdowns - Ships toggleable lists for menu and selection interfaces that can use custom templates.
• Mobile Adaptations - Converts standard dropdown menus into full-screen dialogs when accessed on mobile devices.
• Checkbox Inputs - Provides checkbox inputs supporting determinate and indeterminate states, optimized for both desktop and mobile.
• Combo Box Inputs - Builds a form control that allows users to either select an item from a list or enter a custom value.
• Toggle Switches - Ships binary toggle switch components that imitate native mobile controls.
• List Components - Provides components for rendering structured collections of items, including grouped and nested lists.
• Page Layout Frameworks - Provides tools to arrange application content using structural cards and lists to define the page hierarchy.
• Application Themes - Provides a system for managing light, dark, and custom visual modes across the DOM.
• Numeric Range Sliders - Implements dual-thumb sliders for selecting minimum and maximum numeric values simultaneously.
• Device-Aware Layouts - Adapts the user interface by switching between native mobile pickers and custom desktop components based on device capabilities.
• Theme Management Systems - Provides tools for managing and switching between light and dark visual themes via user preferences.
• Design System Implementations - Establishes a consistent visual language through centralized visual tokens, typography presets, and themed color palettes.
• Calendar Components - Ships an interactive calendar component for selecting dates with customizable styling and start days.
• Validation Error Renderers - Provides customizable mechanisms for rendering validation error messages, including support for asynchronous validators.
• Visibility Toggles - Provides mechanisms for toggling component visibility while preserving internal state.
• Visual Style Customization - Allows overriding colors, typography, and spacing using CSS custom properties for consistent visual styling.
• Controlled Input Management - Provides tools for connecting controlled form inputs to state and validation lifecycles.
• Responsive Layout Adaptation - Implements application shells that adapt between desktop and mobile using flexible grids and device-specific navigation.
• MCP Server Integrations - Connects an MCP server to provide AI assistants with direct access to component implementations and documentation.
• AI Development Workflows - Integrates component documentation and implementation details with LLMs via MCP for automated code generation.
• Arc Charts - Visualizes data values as circular arcs with customizable labels and percentage indicators to show progress.
• Upload Status Visualization - Displays the current status of uploaded files, including loading and error states, with options to restore items.
• Text Input Fields - Renders customizable string text fields with integrated support for labels and validation.
• UI Transition Animations - Implements visual effects and interpolations during interface state changes using crossfades and directional effects.
• Bar Charts - Provides widgets for representing data sets as rectangular bar charts with interactive tooltips.
• Pie Charts - Ships circular charts that display proportional data segments as slices of a whole.
• Table Item Filters - Provides mechanisms to filter tabular data views based on user-defined criteria and metadata.
• UI List Filtering - Enables real-time visibility toggling of list items based on matching search queries entered by the user.
• Ring Charts - Displays numerical data as a circular ring divided into proportional segments to visualize ratios.
• Search Interface Components - Implements a wrapping component for data filtering with support for segments and resets.
• Date String Parsers - Provides utilities for converting internal date and time types into strings or native objects for form storage.
• Date Formatting Utilities - Transforms date values between internal types and custom formats for consistent form control storage.
• LLM Documentation Exports - Supplies structured text files to help large language models understand internal structures and generate accurate code.
• Web API Abstractions - Uses dependency injection tokens to decouple components from global web APIs, ensuring compatibility across different environments.
• Reactive State Management - Decouples input logic from presentation by tracking values and validation states via reactive wrappers.
• Accessibility Hints - Displays hint messages upon keyboard focus to ensure accessibility for screen readers.
• Accordions - Provides interactive accordion components that expand and collapse content sections to manage vertical space.
• Alerts & Notifications - Ships UI components for displaying transient messages, alerts, and action sheets.
• Application State Screens - Renders centered status screens for empty, error, and success states to communicate application health.
• User Avatars - Renders user avatars using images, icons, or initials with built-in fallback handling.
• Badges - Wraps components to display numeric notification badges and status indicators with custom positioning.
• Button Groups - Implements layout components that organize related action buttons into cohesive visual clusters or toolbars.
• Chart Axis Rendering - Renders scaled coordinate systems and labels to provide visual context and measurements for data visualizations.
• Interactive Legend Controls - Includes interactive chart legends that can toggle series visibility and highlight categories on hover.
• Chat Message Renderers - Ships components that render formatted message blocks with custom styles for incoming and outgoing communication.
• Credit Card UI Components - Provides specialized input fields for collecting credit card numbers and CVC codes with Luhn validation.
• Multi-line Text Inputs - Provides text area components that expand dynamically to capture long-form multi-line content.
• Multi-Step Orchestrators - Manages state and field persistence across sequential, multi-page form sequences.
• Data Visualization - Includes tools for creating interactive charts, graphs, and data tables to visualize metrics and trends.
• Line Charts - Provides widgets to represent data trends as connected lines within a graphical interface.
• Selection Grids - Renders a grid of months for a specific year to facilitate date selection.
• Display Customization - Customizes the visual display format for single, range, and multiple date components.
• Multiple Selection - Allows users to select and manage multiple non-contiguous dates via an interactive interface.
• Draggable - Renders mobile-optimized dialogs that users can drag to interact with or dismiss.
• Elevation Effects - Uses shadow variables to create elevation effects for components, containers, and modals to establish visual depth.
• File Uploaders - Ships a comprehensive file upload interface supporting drag-and-drop zones and file type restrictions.
• Filter Badge Interfaces - Displays selectable items or badges that users interact with to refine content.
• Date Input Validation - Implements validation rules that mark optional date fields as invalid if left partially filled.
• Input Groups - Bundles related input fields into unified visual groups or cards for better form organization.
• Range Inputs - Provides dual-handle sliders for selecting numeric value ranges.
• Viewport Adaptation Logic - Defines viewport widths and device capabilities to trigger responsive styling changes across different screen sizes.
• Generic UI Containers - Provides versatile container surfaces with support for interactive hover effects, shadows, and background filters.
• In-Place Editing Inputs - Embeds text input fields directly within a line of content for seamless in-place editing.
• Input Data Formatting - Provides logic to transform internal time values into standardized formats for display in user interface input fields.
• Input Decorations - Integrates decorative or functional icons on the sides of text fields to provide visual context.
• Overflow Summaries - Provides list overflow management that replaces excessive items with a summary count.
• Flexible Row Rendering - Implements flexible list item rows with automatic layout adjustments for titles and subtitles.
• Link Components - Provides a customizable link and button component supporting icons and focus highlights.
• Breadcrumb Navigations - Provides hierarchical breadcrumb navigation trails to help users track and traverse their location within the application.
• Loading Indicators - Ships customizable visual elements displayed during data fetching or page transitions.
• Loading Skeletons - Implements placeholder components used to indicate loading states via skeleton shapes.
• Loading State Indicators - Provides signals that indicate whether a UI component's content has finished loading.
• Mobile Input Optimization - Adjusts the date selection experience on mobile devices by automatically switching to native pickers or dropdowns.
• Mobile-Optimized Pickers - Renders a date picker interface specifically optimized for mobile devices with value synchronization.
• Modal Dialogs - Provides overlay components for notifications and focused user interaction.
• Route-Linked Dialogs - Integrates dialog windows with the browser URL system to enable route-based opening and closing of modals.
• Multi-Select Inputs - Implements inputs that display multiple selected items as removable chips within a single field.
• Select Inputs - Provides a dropdown form control for selecting a single value from a list.
• Button-Based Selection - Creates a form control for selecting values through a button-driven interface as an alternative to dropdowns.
• Mobile - Renders a persistent tab-based navigation menu designed specifically for switching between primary sections in mobile layouts.
• Pagination Controls - Ships controls for navigating large datasets by splitting content into discrete, sequential pages.
• Notification Badges - Implements non-interactive notification badges to signal alerts or new messages on elements.
• Notification Toasts - Provides transient UI elements for displaying system messages with severity-based styling.
• Numeric Input Controls - Provides numeric input widgets featuring increment and decrement buttons.
• Numeric Input Fields - Implements form fields for numerical entry with support for precision and locale separators.
• Formatting Customizers - Customizes numeric display and editing within input fields to match specific locale and formatting requirements.
• Page Header Components - Implements header components for displaying primary page headings and optional subtitles.
• Pagination Components - Ships pagination controls specifically designed for navigating through large data sets in tables.
• Phone Number Inputs - Provides a specialized input field for phone numbers with custom value transformations.
• International Formatting - Provides a specialized input field that validates and formats phone numbers according to global standards.
• PIN Input Components - Renders individual input slots for security codes with auto-advancing focus and custom masks.
• Portal Rendering - Renders UI components into separate host layers to bypass nested DOM constraints and z-index issues.
• Visual Style Presets - Assigns predefined visual style presets to interface elements while allowing overrides for pointer states.
• Progress Bars - Provides linear indicators for task completion or elapsed time.
• Radio Inputs - Implements single-choice selection groups using radio buttons with support for mobile platforms.
• Range Sliders - Provides a customizable range selector using a sliding thumb.
• Real-time Prefix Filtering - Implements the process of narrowing a list of candidates instantaneously as a user types a prefix in a text field.
• Responsive UI Kits - Ships a mobile-first UI kit with responsive components that adapt to different device capabilities and screen sizes.
• Swipe Action Managers - Ships systems for configuring and triggering action buttons revealed by a swipe gesture.
• Segmented Controls - Provides segmented controls to group mutually exclusive selection buttons for toggling views or states.
• Select Dropdowns - Provides consistent dropdown menus supporting multiple selections and custom styling.
• Custom Option Renderers - Allows the definition of custom visual templates for the structure and appearance of dropdown options.
• Searchable Select Inputs - Implements select components with integrated search inputs for filtering large lists of options in real-time.
• Slide-Out Panels - Provides collapsible panels that slide from the screen edge to offer additional context without navigation.
• Slot-Based Content Projection - Allows consumers to define custom internal structures for dropdowns and lists using flexible slot-based templates.
• Status Visualization Components - Renders visual indicators to represent system states, such as success or error, using automatic color coding.
• Steppers - Implements steppers to guide users through multi-step workflows with visual completion and error indicators.
• Type Style Applications - Applies cohesive typography properties like size, weight, and line height to ensure a clear visual hierarchy.
• Tabbed Interfaces - Provides tabbed interfaces to organize content into switchable panels for navigating different views within one context.
• Text Truncation Components - Provides a component that truncates overflowing text with an ellipsis and reveals the full content on hover.
• Form Labels - Renders descriptive labels associated with input elements to identify their purpose.
• Rating Inputs - Collects qualitative user scores through selectable icon-based rating scales.
• Editable Data Tables - Renders structured data in grids featuring sorting, virtual scrolling, and editable cells.
• Virtualized List Rendering - Maintains high performance for large data sets by rendering only elements currently visible in the viewport.
• Status Labels - Renders styled status labels using colors and icons to indicate the state of a component or process.
• Web Environment Abstractions - Uses dependency injection tokens instead of global variables to ensure compatibility across different environments and testing suites.
• Interactive Element Styling - Defines consistent visual styles for interactive states including hover, active, disabled, and focus using predefined mixins.

Star 历史