Checkbox

Explore 11 interactive checkbox examples covering common layouts, states, sizes, and real interface patterns.

Accept terms and conditions

Basic checkbox

Enable notifications

You can enable or disable notifications at any time.

Card

Accept terms and conditions

Disabled

Accept terms and conditions

Form

Next.jsViteAstro

Group Demo

Next.jsViteAstro

Group Disabled

Frameworks

Next.jsViteAstro

Group Form

User PermissionsView DashboardAccess Reports

Manage UsersCreate UserEdit UserDelete UserAssign Roles

Group Nested Parent

FrameworksNext.jsViteAstro

Group Parent

Product updatesSend me release notes and migration tips.

Notification Row

Accept terms and conditions

By clicking this checkbox, you agree to the terms and conditions.

With Description

Card

A content container for grouping related information.

Collapsible

A collapsible panel controlled by a button.