ToolsRail
Home
Shadow Generator
Tailwind Font Generator
About
Home
Shadow Generator
Tailwind Font Generator
About
Home
Tailwind Tools
Tailwind Checkbox Generator
Checkbox Options
Checkbox Style
Choose the visual style of your checkbox
Square
Rounded
Toggle
Outlined
Color
Choose the main color for your checkbox
Blue
Green
Red
Purple
Yellow
Pink
Indigo
Gray
Size
Control the dimensions of your checkbox
Small
Medium
Large
Extra Large
Border Style
Choose border thickness and appearance
Thin
Medium
Thick
None
Additional Features
Hover Effect
Add visual feedback when hovering over checkbox
Focus Ring
Add an outline when checkbox is focused
Animation
Add smooth transitions when state changes
Indeterminate State
Support partial selection state
Disabled Style
Add styles for disabled checkbox
Custom Icon
Use a custom checkmark or icon
Include Label
Add text label next to checkbox
Neumorphic Style
Add soft UI effect with shadows
3D Effect
Add depth with layered shadows
Bounce Effect
Add bounce animation when checked
Scale Effect
Slightly enlarge checkbox when checked
Label Text
Live Preview
Generated Tailwind Classes
Copy
HTML Structure