MiComponents

Beautiful and accessible component library built with React, TypeScript, and Tailwind CSS.

Pick, customize, and integrate components into your projects.

Components

A collection of 26 components ready to use.

Accordion

A vertically stacked set of interactive headings

Alert

Displays a callout for user attention

Avatar

An image element with a fallback for representing the user

Badge

A small status descriptor for UI elements

Breadcrumb

Displays the current page within a navigational hierarchy

Button

Displays a button or a component that looks like a button

Calendar

A date picker component with a calendar

Card

Displays content within a contained frame

Checkbox

A control that allows the user to toggle between checked and not checked

Dialog

A window overlaid on either the primary window

Input

Displays a form input field or a component that looks like an input field

Label

Renders an accessible label associated with controls

Pagination

Pagination with page numbers

Popover

Displays rich content in a portal, triggered by a button

Progress

Displays an indicator showing the completion progress of a task

Radio Group

A set of checkable buttons, known as radio buttons, where no more than one of the buttons can be checked at a time

Sheet

A sliding panel component that can be anchored to any side of the screen

Sidebar

A sidebar component with navigation

Slider

An input where the user selects a value from within a given range

Spinner

An animated loading spinner

Stepper

A visual indicator of the users progress through a multi-step process

Switch

A control that allows the user to toggle between checked and not checked

Table

A responsive table component

Tabs

A set of layered sections of content

Tag

A label for categorizing or marking items

Textarea

Displays a form textarea or a component that looks like a textarea