Checkbox Components

A standard accessible checkbox component paired with a linked label, featuring a clean, minimalist design suitable for forms and toggle-based user interactions.

A brutalist-inspired checkbox featuring a thick border, high-contrast shadow, and a satisfying press-down animation effect on hover and interaction, built with Radix UI primitives.

A motion-enhanced checkbox featuring spring-based press feedback, indeterminate state support, and animated SVG checkmark transitions built with Framer Motion and Tailwind CSS.

A customizable checkbox component built with React Aria and Tailwind CSS, featuring accessible state management, smooth visual transitions, and support for indeterminate or checked states.

A customizable checkbox component built with Base UI and Lucide icons, featuring focus ring states, error handling, and smooth transition effects for checked and disabled states.

A highly interactive checkbox built with Radix UI and Motion, featuring animated SVG indicators for checked and indeterminate states with smooth hover and tap scaling effects.

A headless, highly customizable checkbox component built with Headless UI and Motion, featuring animated SVG indicators for checked and indeterminate states with interactive hover and tap scaling effects.

A highly interactive checkbox component built with Base UI and Motion, featuring animated hover and tap scaling effects, support for indeterminate states, and smooth SVG path transitions for the checkmark indicator.

A customizable Radix-based checkbox component featuring smooth color transition animations, indeterminate state support, and an integrated label for accessible form selection.

A headless, accessible checkbox component featuring indeterminate state support, custom indicator styling, and smooth color transition animations built with Headless UI and Tailwind CSS.

A customizable checkbox component featuring indeterminate state support, smooth color transition animations, and a centered indicator icon built with Tailwind CSS.

A customizable Radix-based checkbox component featuring support for indeterminate states, multiple sizing options, and variant styling, integrated with a label for accessible form inputs.

A headless checkbox component featuring support for indeterminate states, customizable variants, and adjustable sizes, integrated with a label for accessible form selection.

A dropdown menu component featuring multiple toggleable checkbox items for managing UI visibility settings, built with a trigger button and a structured menu panel.

A customizable checkbox component featuring support for indeterminate states, multiple visual variants, and configurable sizes, integrated with a label for accessible form selection.

A customizable, accessible checkbox component built with Radix UI primitives, featuring variant and size support, focus-visible ring states, and smooth transition-based styling for checked and indeterminate states.

A headless, highly customizable checkbox component built with Framer Motion and CVA, featuring accessible focus states, multiple size variants, and smooth transition animations for checked and indeterminate states.

A playful interactive todo list component featuring animated wavy SVG strikethroughs that draw across task labels when the checkbox is toggled, built with Framer Motion and Tailwind CSS.

A customizable checkbox component built with Tailwind CSS and class-variance-authority, featuring multiple size variants, focus-visible ring states, and smooth transition-colors for checked and indeterminate states.

A custom-styled checkbox component featuring a clean, minimalist aesthetic designed for seamless integration with shadcn/ui and Tailwind CSS.