Xy UI
面向未来的原生 web components UI组件库
Overview
xy-ui is a UI component library that is developed using the native Web Components specification, making it compatible with various frameworks. The library is currently undergoing an upgrade to version 2.0, and it provides a range of components such as buttons, icons, tooltips, loading indicators, popovers, switches, sliders, checkboxes, radios, ratings, pop-up confirmations, dialogs, messages, progress bars, pagination, input fields, text areas, forms, images, color pickers, date pickers, and text components.
Features
- Buttons: Provides a range of buttons for different purposes.
- Icons: Offers a collection of icons for use in the UI.
- Tooltips: Enables the display of helpful tooltips on hover or click.
- Loading: Includes loading indicators to show the progress of a task.
- Popovers: Allows the creation of pop-up windows with additional content.
- Switches: Provides toggle switches for on/off functionality.
- Sliders: Enables input using a slider with a customizable range.
- Checkboxes: Offers checkboxes for selecting multiple options.
- Radios: Enables the selection of a single option from a list.
- Ratings: Provides a rating system for users to rate items.
- Pop-up Confirmation: Displays a confirmation dialog before executing an action.
- HTML
HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.
- Vitepress
VitePress is a static site generator designed for creating documentation websites. It offers a lightweight and fast development experience using Vue.js and Markdown, with features such as live-reload, theming, and customizable layout components.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Web Components
Web components provide a way to create reusable, encapsulated UI components using standard web technologies such as HTML, CSS, and JavaScript. They allow developers to create complex UI components that can be easily shared across multiple projects and frameworks. Web components are built using four main specifications: Custom Elements, Shadow DOM, HTML Templates, and ES Modules.
