Search results
53 packages found
Aspect Ratio component allows you to display content within a desired ratio, providing control over the proportions of images, videos, or other elements. This ensures a consistent and visually appealing layout, allowing for seamless integration of various
Text component is responsible for rendering text with different styles based on the specified HTML element (e.g., h1,h2,h3,h4,h5,h6, p, etc.). It dynamically applies predefined text styles to the text based on the provided `variant` prop. This package ena
Progress component is an essential element for displaying an indicator that visually represents the completion progress of a task. Often displayed as a progress bar, it provides users with a clear and intuitive way to track the advancement of a process or
Switch component is a user-friendly control that allows users to toggle between checked and not checked states. It provides a visual representation of a binary choice, where users can easily switch between two states. Switches are commonly used in setting
Multi-select component allows users to choose multiple options from a list simultaneously. It typically features checkboxes next to each option in a dropdown menu, enabling users to select or deselect options as needed. This component enhances usability b
Sticky Scroll Reveal enhances scroll functionality and captivates user engagement by offering tailored, cross-browser styling for a seamless and visually immersive experience. Crafted to amplify both appearance and behavior within scrollable containers, i
Menubar component is a visually persistent menu commonly found in desktop applications, offering quick access to a consistent set of commands or actions. It enhances the user experience by providing a centralized and easily accessible navigation system, a
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
Hover Card component is designed for sighted users, providing a visually appealing and interactive way to preview content available behind a link. It enhances the user experience by allowing users to hover over a link or trigger element, revealing a card
Slider component is an interactive input element where the user can select a value from within a given range. It provides a visual representation of the selectable range with a movable handle, allowing users to slide and choose a specific value. Sliders a
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
Tag Input is a versatile package designed to simplify the process of managing and displaying tags within input fields. With intuitive components like TagAutocomplete, TagPopover, TagList, and TagInput, users can effortlessly add, remove, and organize tags
Toggle component is a user-friendly, two-state button that can be either on or off. It provides a visually intuitive way for users to toggle between two states, making it ideal for scenarios where binary choices or switches are required. The Toggle compon
Badge component is a versatile element designed to display badges or components resembling badges. Whether indicating status, notifications, or achievements, the Badge enhances visual communication within your user interface. It adds a touch of customizat
Select component displays a list of options for the user to pick from, typically triggered by a button or a clickable area. It provides a dropdown menu that allows users to make a single selection from a set of predefined options. The Select component is
Form component is a powerful and efficient tool for building forms with React, leveraging React Hook Form for form management and Zod for schema-based validation. It provides a streamlined approach to handling form state, user input, and validation, ensur
Navigation Menu component is a collection of links designed for navigating websites efficiently. It provides a structured and user-friendly way to organize and present various sections or pages of a website. The Navigation Menu enhances the user experienc
Sheet component extends the functionality of the Dialog component, providing a way to display additional content that complements the main content of the screen. It is particularly useful for presenting contextual information, settings, or secondary actio
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
The resizable component introduces a versatile solution for managing panel groups and layouts with accessibility and keyboard support at its core. By incorporating this feature into your application, you're not only empowering users with diverse needs but