Button
Buttons are essential UI elements that trigger actions when clicked.
Alert
Alerts are an effective way to communicate important information.
Avatar
Avatar is designed to visually represent users or entities within your application.
Badge
Display a bits of information, such as notifications, statuses, or labels.
Breadcrumb
Use breadcrumbs to show users their location in the site hierarchy.
Card
Use to Encapsulate content and actions related to a single topic.
Carousel
Cycle through a series of content items, such as images, text, or videos.
Collapse
Toggle the visibility of content sections, allowing expand & collapse.
Dropdown
Combination of a button with a dropdown content. Allowing show & hide.
Modal
Dialogs, popovers, lightboxes, which require user interaction.
Nav
Providing users with easy access to different sections of a website.
Pagination
Divide large volumes of information into smaller, manageable pieces.
Text Input
Text input is essential part of any form, allowing enter and edit text.
Input Group
Enhance form controls by adding text, buttons alongside input fields.
Select
A dropdown list, allowing choose one option from a predefined list.
Textarea
To input multi-line text, making it ideal for longer responses.
Radio
Select one option from a set of mutually exclusive choices.
Checkbox
Checkbox allows users to select one or more options from a set.
File Input
Allows users to select files from their device for uploading.
Switch
Switch allows users to toggle between two states, typically representing "on" and "off."
Progress
Show the status of an ongoing process, loading, uploading, or completing.
Tab
Switch between different views or sections of content within the same space.
Table
Display data in a structured format, that easily scan & analyze information.
Tooltip
Provides additional information about a UI element when hovers over.