Checkbox

Selection controls with a clean rim and a high-key, tray-first surface. Checked state stays crisp with restrained emphasis.

Basic Checkbox

Simple checkbox with label on the default white canvas.

Accept terms and conditions

Different states: unchecked, checked, and disabled.

Unchecked state

Checked state

Disabled state

Disabled checked

Different indicator styles: check, dot, and minus.

Check (default)

Dot

Minus

Three sizes for different contexts: small, default, and large.

Small

Default

Large

Framer Motion powered animations for delightful interactions.

Path draw animation

Spring scale animation

Tinted canvas block with white checkbox surfaces.

Auto tidy trays

Hover emphasis

High-key mode

Checkboxes with controlled state management.

I agree to the Terms of Service

Send me marketing emails

Enable desktop notifications

Selected: marketing