Home
Nick Girga
Material 3 Checkboxes [Light]

Material 3 Checkboxes [Light]

Checkboxes that conform to Google's Material 3 design guidelines

This tailwind example is contributed by Nick Girga, on 19-May-2025. Component is made with Tailwind CSS v3.

258

<span class="text-lg">Enabled</span>
    <div class="flex flex-row gap-2 items-center">

<input type="checkbox" />

<input type="checkbox" checked />

</div>

<span class="text-lg mt-8">Disabled</span>
    <div class="flex flex-row gap-2 items-center">

<input type="checkbox" disabled />

<input type="checkbox" disabled checked />

</div>

<span class="text-lg mt-8">With Label</span>
    
    <label class="flex flex-row items-center gap-2 text-sm select-none">
      <input type="checkbox" checked />
      My Checkbox
    </label>

</div>
</body>

Related Examples

Email input

Author:
Sophia Baker

2 years ago

11.1k
Select input

Author:
Sophia Baker

2 years ago

14k
File upload input box

Author:
Mohit Prajapati

3 years ago

14.4k
Material 3 Radio Buttons [Light]
Radio buttons that conform to Google's Material 3 design guidelines

Author:
Nick Girga

5 months ago

415
Responsive Sign-Up Form with TailwindCSS
Create a visually appealing and fully responsive sign-up form using TailwindCSS. This form includes input fields for full name, mobile number, email, password, and confirm password, along with a gradient sign-up button. Designed with simplicity and flexibility, it is perfect for modern web applications and easy to integrate into any project.

Author:
SHARIFUL ISLAM

8 months ago

1.3k
Colored checkboxes
use custom accent color according to your design

Author:
Pixel Perfect

1 year ago

5k
tailwind contact form
tailwind contact form

Author:
Geoffrey Callaghan

1 year ago

2.1k
Tailwind CSS Radio Button Cards

Author:
Prashant

3 years ago

12.3k
Console like input field

Author:
Charlotte Dupont

2 years ago

11.8k
pricing slider with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

2.5k
Search input asasasas
sasasasasas

Author:
Notify ahmedabad

1 year ago

1.4k
Checkbox button
press the button to check

Author:
Anonymous

1 year ago

4.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components