Overview

The my-ui-starter is a UI starter that aims to make website creation faster. It provides all the necessary UI components that every project needs and is designed to be accessibility-friendly. It also supports both RTL (right-to-left) and LTR (left-to-right) languages and is compatible with Windows high contrast mode.

Features

Alert: Displays an alert message with customizable content.
Avatar: Displays a user's avatar or profile picture.
Badge: Adds a badge or label to a component to indicate additional information.
Button: Creates a customizable button for user interaction.
Checkbox: Allows users to select multiple options from a list.
Radio: Allows users to select one option from a list.
Radio Group: Groups radio buttons together for easier selection.
Switch: Creates a toggle switch for on/off functionality.
Chips: Displays small pieces of information or tags.
Typography: Defines different text styles and formats.
Input Text: Creates a text input field for user input.
Input Password: Creates a password input field for secure user input.
Input Number: Creates a number input field for numeric input.
Textarea: Allows users to input multiple lines of text.
Input File: Allows users to upload files.
Select: Creates a dropdown menu for selecting an option.
Multi File Upload (Dropzone): Allows users to upload multiple files by dragging and dropping.
Tooltip: Displays additional information when hovering over an element.
Slider: Allows users to select a value from a range.
Toggle: Creates a toggle button for on/off functionality.
Spinner: Displays a loading indicator.
Grid: Defines a grid layout for organizing components.
Flex: Allows for flexible positioning of components.
FormController: Manages form state and validation.
CheckbBox Group: Groups checkboxes together for easier selection.
Toggle Group: Groups toggle buttons together for easier selection.
Button Group: Groups buttons together for easier selection.
Table: Displays tabulated data.
Breadcrumbs: Shows the current page's location within a hierarchy.
Card: Displays information or content within a container.
Dialog: Creates a dialog or modal window for user interactions.
Tabs: Organizes content into tabbed sections.
Timeline: Displays a chronological sequence of events.
Pagination: Divides content into individual pages.
Accordion: Allows users to expand and collapse sections of content.
Banner: Displays a visually prominent message or announcement.
Carousel: Creates a slideshow of images or content.
ComboBox: Combines an input field with a dropdown menu for selecting an option.
Rating: Allows users to rate or rank items.
Axis: Displays and defines the axes of a chart.
Legend: Displays a legend or key for a chart.
Area Chart: Displays data as an area graph.
Bar Chart: Displays data as a bar graph.
Donut Chart: Displays data as a donut graph.
Line Chart: Displays data as a line graph.
Radar Chart: Displays data as a radar graph.
Icons: Provides a wide range of icons for use within the project.

Summary

The my-ui-starter is a UI starter that aims to simplify website creation by providing a comprehensive set of UI components. It includes a wide range of features such as alerts, buttons, input fields, tables, charts, and icons. It is designed to be accessibility-friendly and supports both RTL and LTR languages, as well as Windows high contrast mode. By using the my-ui-starter, developers can save time and effort in building UI components from scratch, allowing them to focus on other aspects of their projects.

Hamzaamar

Pillar UI

Ui_lego