SLARIVO / CHECKBOXES

Checkboxes Components

Browse 270 exact locally owned demos. Filter the collection, inspect a focused preview, and unlock its implementation prompt.

• Slarivo Checkbox

  A control that toggles between two options, checked or unchecked.

• Slarivo Checkbox

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

• Slarivo Checkbox

  A control allowing the user to toggle between checked and not checked.

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  A selectable control for binary choices, form options, indeterminate states, labels, and validation messaging.

• Slarivo Checkbox

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

• Slarivo Checkbox

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

• Slarivo Checkbox

  Neobrutalism-styled checkbox component.

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Label

  Renders an accessible label associated with controls.

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Dropdown Menu

  Enhanced shadcn/ui dropdown menu

• Slarivo Label

  Upgaraded shadcn/ui label

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  Enhanced checkbox

• Slarivo Checkbox

  A customizable checkbox component with smooth animations and multiple states.

• Slarivo Activity Card

  A versatile card component for displaying fitness and activity tracking data with interactive goals and metrics visualization. Features - Metric Rings - Circular progress indicators - Percentage-based visualization - Hover animations - Color-coded categories - Value and unit display - Daily Goals - Interactive checkboxes - Completion status - Add new goals functionality - Visual feedback for completed items - Hover states - Visual Elements - Category icon - Progress rings - Gradient dividers - Interactive buttons - Status indicators

• Slarivo Choicebox

  A larger form of Radio or Checkbox, where the user has a larger tap target and more details.

• Slarivo Choicebox

  A larger form of Radio or Checkbox, where the user has a larger tap target and more details.

• Slarivo lever-switch

  this a animated lever switch can be toggled on and off just like a lever or gear of a machine

• Slarivo Contact

  Contact Section Description: A comprehensive and visually appealing contact section component featuring an animated background, a navigation bar, a main title, a contact form with various input types, and social media integration. Designed for reusability, responsiveness, and theme-adaptability using shadcn/ui.

• Slarivo Animated Check Box

  Animated CheckBox

• Slarivo Todo List Item

  A reusable animated todo list item component with swipe actions and strike-through animation. Inspired by the original non-reusable implementation by @alirdev and @sekachov design. Features: - Smooth strike-through animation on completion - Swipe gestures for actions - Action buttons for complete/delete - Theme support using shadcn/ui colors - Fully typed props

• Slarivo To-do card

  Animated to-do list card

• Slarivo Toggle Switch

  Draggable mechanical switch with realistic physics, LED status glow, and cross-fade text labels.

• Slarivo Tree

  Here is Tree component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Table With Dialog

  This Advanced User Management Table component is a feature-rich and modern UI built entirely with Shadcn UI. It combines a fixed header for clarity, interactive row selection using checkboxes, and a status badge system that visually distinguishes between active, inactive, and suspended users. Each row comes with an actions menu, allowing quick operations like viewing details, editing, or deleting a user, and destructive actions are highlighted with white text on a red background for clear visibility. Additionally, a dialog opens on demand, providing a focused space to display or edit detailed user information without leaving the table. The design is clean, responsive, and highly practical for dashboards, CRMs, and admin panels, making it a versatile component for managing user data efficiently.

• Slarivo Table Dialog

  This component is a feature-rich, interactive data table built entirely with Shadcn UI components. It includes a fixed header and footer, allowing the table body to scroll independently, which ensures that column labels and summary information remain visible at all times. Each row includes a checkbox for selection, with the ability to select multiple rows at once. Actions for each row are accessible through a dropdown menu, offering options like “Edit” and “Delete.” The Edit action opens a dialog where all fields of the selected row can be modified using input fields and select menus, keeping the table layout intact and avoiding inline edits that can disrupt the table’s appearance. This design makes the table both highly reusable and user-friendly, suitable for applications that require structured data management, quick updates, and a clean, consistent interface.

• Slarivo Table [react-aria-components]

  A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys, and optionally supports row selection and sorting.

• Slarivo Animated To-Do List

  This React component implements an interactive to-do list with smooth animations for adding and removing items. It leverages Framer Motion for its animation capabilities, creating a visually engaging user experience. The component manages a list of to-do items, each with a description, completion status, and estimated time. Users can check off tasks, delete them, and add new ones through a form. Adding a new task smoothly animates the form's appearance, while removing a task triggers a custom exit animation that fades the item and moves it offscreen, providing visual feedback to the user. The application uses functional components, hooks like useState and useEffect for state management and side effects, and the AnimatePresence component from Framer Motion to manage the appearance and disappearance of list items. Each to-do item is a motion component, allowing for individual animations. The form uses controlled components to manage input values and prevent unexpected behavior. This component is ideal for applications requiring a user-friendly and visually appealing to-do list interface. Example scenarios include personal task management, project planning, or simple to-do list applications. The use of Framer Motion enhances user engagement by providing smooth, visually appealing transitions between states.

• Slarivo Checkbox Group

  Provides shared state for a series of checkboxes. Styled wrapper for CheckboxGroup from Base UI with support for parent checkboxes, indeterminate state, and nested groups.

• Slarivo Checkbox Group

  Provides shared state for a series of checkboxes. Styled wrapper for CheckboxGroup from Base UI with support for parent checkboxes, indeterminate state, and nested groups.

• Slarivo Choicebox

  A larger form of Radio or Checkbox, where the user has a larger tap target and more details.

• Slarivo Animated Checkbox

  Animated checkbox with spring transitions and strike-through text effect.

• Slarivo Tooltip

  Here is tooltip component

• Slarivo Animate Checkbox

  An animated checkbox component with smooth transitions and hover effects built on Radix UI primitives.

• Slarivo RuixenTableBasic

  This component displays a dynamic, responsive data table showcasing user information in a clean and organized format. Each row represents a distinct user profile containing key details such as name, email, location, account balance, and current status. Additionally, each record includes a set of contextual selectOptions that reflect the user's domain, tools, or preferences

• Slarivo Playful Todolist

  A playful todolist component with animated wavy strikethroughs for each completed task.

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Highlighter

  Highlighter, Particle, CTA

• Slarivo Particle Button

  A little particle animation on submit

• Slarivo Data Table

  Powerful table and datagrids built using TanStack Table.

• Slarivo Badge

  A label that emphasizes an element that requires attention, or helps categorize with other similar elements.

• Slarivo Custom Checkbox

  The CustomCheckbox component is a versatile and customizable checkbox element designed for React applications. It supports multiple styles, including default, gradient shadow, transformer, and animated variants. Each variant offers unique visual effects, such as gradient shadows or animations, to enhance user interaction. The component utilizes forwardRef for better integration with React's ref system and is styled using Tailwind CSS classes. This component is ideal for creating interactive and visually appealing checkbox elements in modern web applications.

• Slarivo Context Menu

  Displays a menu to the user — such as a set of actions or functions — triggered by a button.

• Slarivo Registration

  here is minimalistic registration page

• Slarivo SignUpPage

  This is a signup page with an image on left and the form on right.

• Slarivo Flexi Filter Table

  This Super Mega Filter component is designed to provide a clean yet powerful way to filter large sets of data. Built with shadcn UI, it combines dropdowns, checkboxes, and keyword search in a plain, minimal layout that makes it both practical and reusable. The component is highly configurable—you can easily add, remove, or customize filter categories such as status, category, and date range without touching the core structure. Its lightweight design ensures it blends seamlessly into dashboards, admin panels, or job portals without looking overdone, while still giving users precise control over narrowing down results. By prioritizing usability over fancy styling, this filter is ideal for real-world applications where clarity and efficiency matter most.

• Slarivo Sign In Block

  A clean sign-in form with email/password authentication and remember me option.

• Slarivo Field

  Here is Field component

• Slarivo Sign Up BLock

  A complete sign-up form with validation, password strength requirements, and terms acceptance.

• Slarivo Grid List [react-aria-components]

  A grid list displays a list of interactive items, with support for keyboard navigation, single or multiple selection, and row actions. A list can be built using <ul> or <ol> HTML elements, but does not support any user interactions. HTML lists are meant for static content, rather than lists with rich interactions like focusable elements within rows, keyboard navigation, row selection, etc. GridList helps achieve accessible and interactive list components that can be styled as needed.

• Slarivo Table Edit

  This component is a highly interactive and reusable data table built entirely using Shadcn UI components. It features a fixed header and footer, allowing the middle rows to scroll independently, which is ideal for tables with large datasets. Users can select rows using checkboxes, view row-specific actions via a dropdown menu, and even edit rows inline, with inputs for text fields and a select dropdown for status. The design balances usability and simplicity, making it suitable for admin dashboards, CRM systems, or any interface that requires efficient data management, while maintaining a clean, professional look.

• Slarivo Checkbox

  Here is modern minimalistic checkbox component

• Slarivo Table

  Here is Table component

• Slarivo Checkbox [react-aria-components]

  A Checkbox allows users to select multiple items from a list of individual items, or to mark one individual item as selected. Checkboxes can be built with the <input> HTML element, but this can be difficult to style. Checkbox helps achieve accessible checkboxes that can be styled as needed.

• Slarivo Radix Checkbox

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

• Slarivo Todo / Task Management

  A very minimal, yet functional, animated todo component that will catch user's attention.

• Slarivo Welcome Modal

  Welcome modal for new and existing users. Highlights expanded access to premium templates and $299 value lifetime license. Includes clear CTAs like "View templates" and "Get login assistance." Perfect for onboarding or upgrade announcements.

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Signup

  Here is advanced signup page

• Slarivo MultiSelect

  Use the MultiSelect component to fulfill your requirement.

• Slarivo Checkbox Group

  Provides shared state for a series of checkboxes. Styled wrapper for CheckboxGroup from Base UI with support for parent checkboxes, indeterminate state, and nested groups.

• Slarivo Checkbox Group

  Provides shared state for a series of checkboxes. Styled wrapper for CheckboxGroup from Base UI with support for parent checkboxes, indeterminate state, and nested groups.

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox Group

  A checkbox group with proximity hover, animated checkmarks, contiguous selection merging, and spring transitions. Built on Radix UI with Framer Motion.

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox Group

  A checkbox group with proximity hover, animated checkmarks, contiguous selection merging, and spring transitions. Built on Radix UI with Framer Motion.

• Slarivo Daily Tracker Dialog

  This component is a Daily Productivity Tracker modal that allows users to manage and track their daily tasks in a simple, interactive way. Users can mark tasks as completed, add new tasks, and instantly see their progress for the day. Designed to be minimal and responsive, it provides visual feedback with checkmarks and strikethroughs for completed tasks, making it easy and motivating for users to stay on top of their daily goals.

• Slarivo Interfaces Checkbox

  Checkbox component with checked, disabled, and combined states.

• Slarivo 8-bit Checkbox

  Pixel-art checkbox from 8bitcn.com — chunky pixel border with retro check glyph. Wraps shadcn/ui Checkbox.

• Slarivo Checkbox

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

• Slarivo Checkbox

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

• Slarivo Data Table Row Selection

  A data table with per-row selection checkboxes and a bulk actions toolbar that shows the selected count with clear and delete actions.

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Table with Row Selection

  A data table with a select-all header checkbox, per-row checkboxes, and a live count of selected rows.

• Slarivo Impossible Checkbox

  Here is Impossible Checkbox component

• Slarivo Checkbox

  A selectable control for binary choices, form options, indeterminate states, labels, and validation messaging.

• Slarivo Checkbox

  A selectable control for binary choices, form options, indeterminate states, labels, and validation messaging.

• Slarivo Checkbox

  A selectable control for binary choices, form options, indeterminate states, labels, and validation messaging.

• Slarivo Sidebar Component

  Here is Sidebar Component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Pie Chart

  Here is Pie Chart component

• Slarivo Button

  Here is magic button component

• Slarivo Feature Sections

  Here is Feature Sections component

• Slarivo Feature Sections

  Here is Feature Sections component

• Slarivo Form Layout

  Here is Form Layout component

• Slarivo Select

  Reusable select option component built with framer motion and tailwindcss

• Slarivo Form

  Here is Form component

• Slarivo Cursor Cards

  Here is Cursor Cards component

• Slarivo Field

  Here is Field component

• Slarivo Security Card

  Here is Security Card component

• Slarivo Tabs Component

  Here is Tabs component

• Slarivo dropdown 01

  A reusable component for dropdown

• Slarivo Selector Chips

  Selector Chips are used to display a list of items that can be selected.

• Slarivo Feature Accordion Section

  This component provides an interactive and visually engaging way to present key features in an organized layout. The left section highlights important items with clear icons, images, and counts, while an accordion ensures that detailed information can be expanded or collapsed as needed.

• Slarivo Feedback Slider

  Here is colored feedback slider component

• Slarivo Radio Group Card

  This RadioCard component is a modern, card-based alternative to traditional radio buttons. Instead of small circular inputs, each option is presented as a visually distinct card containing an icon, title, and optional description. When a card is selected, it highlights with a border and background color, and a glowing green dot appears in the top-right corner to clearly indicate the active choice. The design focuses on accessibility and user experience with smooth hover and focus states, responsive layout, and keyboard support (inherited from Radix). This makes it ideal for use cases such as theme selectors, preference panels, or plan pickers, where a more engaging and intuitive selection experience is desired compared to standard radio groups.

• Slarivo Switch Button

  Here is Switch Button component

• Slarivo Select

  Here is Select component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Select

  Here is Select component

• Slarivo Cuisine Selector Chips

  This code implements an interactive cuisine selector component. It allows users to select multiple cuisines from a predefined list. The component utilizes a functional approach, leveraging React's useState hook for managing selected items. The core functionality involves toggling the selection state of each cuisine when a button is clicked. The component dynamically updates the UI to reflect the user's choices. It enhances user experience with smooth animations and visual feedback powered by Framer Motion. The visual style includes a checkmark that appears when a cuisine is selected, smoothly animating in and out. The styling uses a dark theme and is responsive. The component addresses the need for a user-friendly and visually appealing way to allow users to select multiple options from a list, particularly useful in applications like food delivery apps, recipe websites, or preference settings. The component iterates through a predefined array of cuisines, creating a button for each. Each button uses Framer Motion's animation capabilities for hover, tap, and selection state changes, providing smooth visual feedback. The selected cuisines are stored in an array managed by the useState hook. The toggleCuisine function updates this array, adding or removing cuisines based on user interaction. The Check icon from the lucide-react library is used to visually indicate selected cuisines. The component's animations are carefully configured to ensure a smooth and engaging user experience. It can be applied in various scenarios, such as filtering options, preference settings, or interactive forms where multiple selections are required. For example, a food delivery app could use this component to let users select their preferred cuisines, a recipe website might use it to filter recipes, or a survey could use it to allow multiple-choice answers.

• Slarivo Rounded Box

  Here is Rounded Box component

• Slarivo Login Card

  Here is Login Card component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Box Carousel

  Here is Box Carousel component

• Slarivo Table

  This is table with filder and sorting

• Slarivo checkbox 02

  A reusable component for a checkbox

• Slarivo Checkbox Group

  A checkbox group with proximity hover, animated checkmarks, contiguous selection merging, and spring transitions. Built on Radix UI with Framer Motion.

• Slarivo Dashboard Configuration

  Dashboard Configuration Toggle widget visibility and manage your dashboard layout settings.

• Slarivo Flip Coin Button

  Here is flip coin button component

• Slarivo Checkbox Group

  Here is Checkbox Group component

• Slarivo Checkbox Group

  Here is Checkbox Group component

• Slarivo ListBox

  Here is ListBox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox Card

  Here is Checkbox Card component

• Slarivo Checkbox Group

  Here is Checkbox Group component

• Slarivo Checkbox Group

  Here is Checkbox Group component

• Slarivo Checkbox

  A control allowing the user to toggle between checked and not checked.

• Slarivo Checkbox

  A control allowing the user to toggle between checked and not checked.

• Slarivo Checkbox

  A control allowing the user to toggle between checked and not checked.

• Slarivo Checkbox

  A control allowing the user to toggle between checked and not checked.

• Slarivo Color Selector

  Interactive color picker component.

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Switch

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

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo Interactive Hover Button

  A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

• Slarivo AI prompt Box

  AI prompt Box, AI chat Input, AI chat box, with search, with think, with thinking, with canvas, with audio recording

• Slarivo Slider

  Enhanced shadcn/ui slider

• Slarivo Multiselect

  multiselect

• Slarivo Multiselect

  multiselect

• Slarivo Interactive Selector

  A visually striking, interactive React component showcasing premium camping options with smooth animations, responsive layout

• Slarivo FAQ tabs

  Replace the boring accordion with these cool animated ones.

• Slarivo Switch [react-aria-components]

  A switch allows a user to turn a setting on or off. There is no native HTML element with switch styling. <input type="checkbox"> is the closest semantically, but isn't styled or exposed to assistive technology as a switch. Switch helps achieve accessible switches that can be styled as needed.

• Slarivo Button

  Animated button

• Slarivo Multiple select

  Select option with multiple choices

• Slarivo Choicebox

  A larger form of Radio or Checkbox, where the user has a larger tap target and more details.

• Slarivo Choicebox

  A larger form of Radio or Checkbox, where the user has a larger tap target and more details.

• Slarivo Button

  Neobrutalism-styled button component.

• Slarivo Image Comparison Slider (Horizontal)

  Horizontal Image Comparison Slider – Interactive before/after viewer. Allows users to compare two images with a draggable horizontal handle. Perfect for showcasing edits, retouching, or visual transformations in photography, design, or beauty apps.

• Slarivo Control Knob

  Physics-driven rotary knob with snap ticks, energy glow, and digital readout.

• Slarivo Cartoon Button

  Cartoon Style Button

• Slarivo Bookmark Icon Button

  A toggle-able bookmark button with animated icon and counter effects, perfect for favoriting or bookmarking content.

• Slarivo Interactive Hover Button

  A button with expanding dot animation, loading state with spinner, and success checkmark. Multi-state interactive component.

• Slarivo Animated Radio

  An animated radio button group with a smooth sliding purple glider that moves vertically to highlight the selected option.

• Slarivo Avatar Picker

  Animated avatar picker.

• Slarivo book slider

  click to scroll

• Slarivo AI Prompt Box

  An animated AI prompt input with expanding textarea, keyboard shortcuts, model selector, and file attachments.

• Slarivo Glass Radio Group

  Sleek, pill-shaped option selector with frosted glass styling and a glowing highlight on the active choice. Ideal for membership tiers, pricing plans, or mode selection in premium UI designs.

• Slarivo Combobox

  An input combined with a list of predefined items to select.

• Slarivo Switch

  Toggle switch component built on Radix UI with smooth animation and focus states.

• Slarivo Flip Button

  A clickable button featuring a smooth flipping animation triggered on hover.

• Slarivo Vertical accordion

  here is interactive vertical accordion

• Slarivo Radio button

  Radio button animated

• Slarivo Joly Button

  A fully accessible button with 10+ variants including shimmer, glow, and gradient effects. Motion-powered cursor tracking and spring animations.

• Slarivo Question Tool

  Clarifying-question form for agents. Single / multi / text answer kinds with optional custom input. Self-contained port from 21st.dev Agent Elements.

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo ChecklistButton

  The ChecklistButton component is a highly flexible and reusable UI element built with shadcn UI. It allows users to mark actions as complete with a smooth label-to-check animation powered by Framer Motion. Designed for configurability, it supports custom labels, icons, done states, and even resettable toggling, making it useful for task management, approvals, subscriptions, or interactive workflows. Developers can easily attach callbacks (onDone) for backend actions, while its consistent styling ensures it blends seamlessly into any shadcn-based project. Combined with the demo page showcasing multiple configurations, this component provides both utility and polish, making it a valuable addition to modern web applications.

• Slarivo Amazing Button Component

  Amazing Button Component

• Slarivo Context Menu

  Displays a menu to the user — such as a set of actions or functions — triggered by a button.

• Slarivo Interfaces Checkbox

  Checkbox component with checked, disabled, and combined states.

• Slarivo Interfaces Checkbox

  Checkbox component with checked, disabled, and combined states.

• Slarivo Interfaces Checkbox

  Checkbox component with checked, disabled, and combined states.

• Slarivo Chapter Scrubber

  A vertical rail of uniform ticks that magnify toward the cursor like a dock. The lines nearest the pointer rise on a spring-driven wave and a preview card describes the crest chapter — a minimap for a long task, transcript, or agent run.

• Slarivo Checkbox

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

• Slarivo newsletter signup

  This is news letter signup

• Slarivo Book A Demo 4

  Book A Demo 4 with logos and form

• Slarivo Accordion

  Here is Accordion component

• Slarivo Context Menu

  Displays a menu to the user — such as a set of actions or functions — triggered by a button.

• Slarivo Beui Checkbox

  Forms component from the 21st.dev community.

• Slarivo Reshaped Checkbox

  Works like a native checkbox with value and name passed to the form on submission. Comes in three sizes, supports error, disabled and indeterminate states, controlled and uncontrolled modes, and a CheckboxGroup compound for selecting multiple values with any layout, including card-based composition.

• Slarivo Reshaped Checkbox

  Works like a native checkbox with value and name passed to the form on submission. Comes in three sizes, supports error, disabled and indeterminate states, controlled and uncontrolled modes, and a CheckboxGroup compound for selecting multiple values with any layout, including card-based composition.

• Slarivo Checkbox

  Here is checkbox base component of indevui

• Slarivo indevuiDropdownMenu

  Here is modern component of indevuiDropDown menu

• Slarivo you can scroll.

  you can scroll. component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo Checkbox

  Here is Checkbox component

• Slarivo New checkbox

  This is a checkbox component

• Slarivo Login Page 1

  A responsive centered login page card with email and password fields, remember-me, forgot password, and social sign-in buttons.

• Slarivo The Checkbox Group

  This is checkbox group component

• Slarivo Checkbox

  A selectable control for binary choices, form options, indeterminate states, labels, and validation messaging.

• Slarivo Checkbox

  A selectable control for binary choices, form options, indeterminate states, labels, and validation messaging.

• Slarivo Checkbox

  A selectable control for binary choices, form options, indeterminate states, labels, and validation messaging.

• Slarivo Shiny Button

  A beautiful, animated, and theme-aware circular button component built with Tailwind CSS. Includes hover effects, rotating transitions, gradient overlays, and support for custom icons. Perfect for modern dashboards, media apps, or landing pages that need a premium visual punch.

• Slarivo Radix Switch

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

• Slarivo Frame Button

  A futuristic button with animated corner frames and tactile motion interactions. On hover the corner chevrons expand outward; supports default, secondary and outline variants with an optional glow.

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Base Menu

  A list of actions in a dropdown, enhanced with keyboard navigation. Built on top of Base UI Menu component with shadcn styling.

• Slarivo Login Card

  A Login Card component for displaying ordered records, tasks, activity, and repeated content, featuring todo, task, checklist, card.

• Slarivo Toggle Switch

  A Toggle Switch component for switching settings, modes, preferences, and binary states, featuring toggle, form control, form-control, label.

• Slarivo Toggle Switch

  A Toggle Switch component for switching settings, modes, preferences, and binary states, featuring toggle, form control, form-control, checkbox.

• Slarivo Reshaped Card

  An empty container with basic styling applied, perfect for composing components. Works as an actionable element with href or onClick, supports a selected state for group selection, raised elevation, custom or zero padding for media content, section…

• Slarivo HeroUI Table

  HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.

• Slarivo HeroUI Table

  HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.

• Slarivo Checkbox List Group

  A bordered list of options each pairing a labeled row with icon and a checkbox, useful for selecting multiple preferences or skills.

• Slarivo Checkbox Group

  A multi-select option list where each row toggles with a spring-animated tick, supporting descriptions, grouping, disabled options and a collapsible show-more list.

• Slarivo Multi-Field Form

  A complete sign-up form combining text inputs, a role select, and a newsletter checkbox with inline validation and a loading submit button.

• Slarivo Checkbox

  A styled checkbox control for forms, built on Base UI, supporting checked, unchecked, and indeterminate states.

• Slarivo Checkbox Group Field

  A form field that groups multiple selectable checkboxes under a legend, with a default selection.

• Slarivo List

  Renders ordered and to-do list items with checkboxes inside a Plate rich-text editor.

• Slarivo Checkbox with Description

  A checkbox laid out horizontally with a label and a helper description line, for opt-in form fields like newsletter subscriptions.

• Slarivo Parent Checkbox Group

  A checkbox group with a parent checkbox that selects or deselects all child options and shows an indeterminate state when only some are selected.

• Slarivo Form Integration Checkbox

  A checkbox with a submit button inside a form for accepting terms and conditions, showing a loading spinner while the form submits.

• Slarivo Select All Checkbox

  A parent checkbox that toggles a group of child checkboxes and shows an indeterminate mixed state when only some options are selected, useful for permission lists and select-all controls.

• Slarivo Payment Method Card Checkbox

  A payment method selection card that pairs a saved card (brand icon, last digits, expiry) with a rounded checkbox to mark it as selected.

• Slarivo Nested Parent Checkbox Group

  A nested checkbox group with a parent checkbox that toggles all child checkboxes and shows an indeterminate state when only some children are selected.

• Slarivo Checkbox Group Form

  A multi-select checkbox group wired into a form with a legend, submit button and loading state for capturing multiple selections.

• Slarivo Nested Tree Checkbox

  A multi-level file-tree of checkboxes where each parent node derives its checked or indeterminate state from its children.

• Slarivo Weekly Availability Checkbox Grid

  A weekly availability grid with a checkbox for each day and time slot that tracks how many slots are selected.

• Slarivo Choice Cards

  Bordered add-on selection cards with a checkbox, title, description and price that highlight when checked.

• Slarivo Role Permissions Picker

  A permissions picker with a checkbox list where each access level has a colored badge showing its scope.

• Slarivo Payment Methods Checkbox

  A list of selectable saved credit cards showing card brand, last four digits and expiry, each with a checkbox for choosing a payment method.

• Slarivo Nested Checkbox Group

  A two-level nested checkbox group with parent select-all and child options, grouped by category for multi-selection forms.

• Slarivo Notification Preferences Matrix

  A notification preferences table with event rows and email, push, and SMS channel columns of checkboxes plus a save button.

• Slarivo Checkbox Group Form

  A checkbox group bound to React Hook Form with Zod validation requiring at least one selection, showing an error and a success toast on submit.

• Slarivo Plan Add-on Selector

  A plan add-on selector with checkbox rows and a live estimated price total that updates as features are toggled.

• Slarivo Sprint Task Checklist

  A task checklist with checkboxes, priority badges, line-through completed items, a remaining counter, a completion celebration state, and a reset button.

• Slarivo Data Export Checkbox Group

  A nested checkbox group with a parent select-all control, grouped sections, and a selected-item count for choosing what data to include in an export.

• Slarivo Card Style Checkbox

  A checkbox wrapped in a bordered card with a title and description, ideal for settings toggles and opt-in options that highlight when selected.

• Slarivo Select All Checkbox

  A permissions checkbox group with a parent "select all" control that switches to an indeterminate state when only some options are selected.

• Slarivo Primitive Checkbox

  A styled checkbox with a warm accent color and soft inset shadow, built on top of the standard checkbox primitive for forms and settings toggles.

• Slarivo Multi-Consent Registration Gate

  A registration consent gate that lists required and optional agreements as checkboxes and keeps the submit button disabled until every required item is accepted.

• Slarivo Notification Channel Selector

  A checkbox list for choosing which channels — email, SMS, in-app and Slack — should receive notifications.

• Slarivo Notification Checkbox Group

  A vertical checkbox group for notification preferences, with each option showing a bold label and a helper description on divided rows.

• Slarivo Issue Label Picker

  A multi-select checkbox list for picking issue labels, each with a colored dot and a live count of selected items.

• Slarivo Invalid / Required Checkbox

  A terms-and-conditions checkbox with an inline error message that appears when the form is submitted without accepting.