Toggle Group component is a collection of two-state buttons that can be toggled on or off. It provides a cohesive set of controls for users to choose between different options within a single group. The Toggle Group component is especially useful when you
Tooltip component is a popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it. It provides a non-intrusive way to convey additional details, explanations, or context about a specific elem
The Tree View component displays hierarchical data in a collapsible format, resembling a tree structure. Users navigate through parent-child relationships with visual cues, expanding or collapsing nodes to reveal or hide detail. Used in file explorers or
The Typewriter effect component animates text, mimicking real-time typing on the screen. It adds interactivity and engagement by revealing characters one by one, reminiscent of traditional typewriters. This dynamic feature injects a modern flair into digi
The Bento Grid component is a versatile element designed to offer a responsive and adaptable grid system, ideal for organizing and showcasing content with efficiency and style. Featuring a distinctive skewed layout, it empowers developers to effortlessly
The Breadcrumb component is a fundamental navigational element that displays a hierarchical trail of links, typically representing the user's location within a website or application. It helps users understand their current position and facilitates naviga
Button component is a fundamental element that displays a button or a component resembling a button. It serves as a key interactive element in your user interface, enabling users to perform actions, submit forms, or navigate through your application. The
Calendar component is a versatile date field that empowers users to enter and edit dates with ease. Whether selecting dates for events, appointments, or deadlines, the Calendar provides an intuitive and interactive interface for managing date-related info
Card component is a versatile container that elegantly displays content within a structured layout. Featuring a header, content section, and optional footer, the Card provides an organized and visually appealing way to present information, making it suita
Carousel component is a dynamic and engaging user interface element built using Embla. It seamlessly incorporates motion and swipe functionality, providing an interactive way to showcase a series of content or images. The Carousel enhances user experience
Checkbox component is a versatile control that empowers users to toggle between checked and unchecked states. It is designed to provide a user-friendly way to capture binary choices, enabling users to make selections in forms, surveys, or any interactive
Collapsible component is an interactive element that provides the ability to expand or collapse a panel, offering a dynamic and space-efficient way to present content. It enhances user experience by allowing them to control the visibility of content secti
Command component is a fast, composable, and unstyled command menu designed for React. It provides a versatile and efficient way to create command menus in React applications. The component's flexibility allows developers to compose and customize the menu
Context Menu component displays a menu to the user, typically a set of actions or functions, triggered by a button or a right-click event. It provides a convenient and context-sensitive way to present options relevant to a specific element or area within
A date picker component allows users to select a specific date from a visual calendar interface. It streamlines date input by eliminating the need for manual entry, ensuring accurate and user-friendly date selection.
A date-time picker component enables users to easily select both date and time through an interactive calendar and time input. It simplifies scheduling tasks by providing a consistent and user-friendly interface for entering date-time values.
Dialog component is a versatile and flexible window that overlays the primary window or another dialog, rendering the content underneath inert. It is commonly used to display important information, forms, or interactive content without navigating away fro
Drawer component is a versatile and user-friendly component for React that provides a convenient way to present additional content or options, sliding in from the side of the screen. It is commonly used for navigation menus, settings panels, or any supple
Dropdown Menu component displays a menu to the user, presenting a set of actions or functions triggered by a button. It provides a space-efficient and visually appealing way to organize and present options, enhancing the user experience by offering a cont
The File Uploader component enables users to upload files from their device to a specified destination. It typically includes a user interface element like a button or drag-and-drop area for selecting files. Overall, it offers a convenient way for users t