Animated Checkbox

The Animated Checkbox Bubble plugin is a versatile, customizable element designed to enhance the user experience with dynamic visual effect and flexible styling options. This plugin is ideal for creating visually appealing checkboxes that fit seamlessly into any application's design.

Demo Page: https://chakor-plugin-demo-3.bubbleapps.io/version-test/animated_checkbox?debug_mode=true

Editor Page: https://bubble.io/page?id=chakor-plugin-demo-3&test_plugin=1732607548791x559195443551272960_current&tab=Design&name=animated_checkbox&type=page

• Customizable Checkbox Styles:
• Adjust the size (height and width) of the checkbox to match your design requirements.
• Choose background colors for checked and unchecked states.
• Define custom colors for the checkmark (tick) and border.
• Dynamic Label Styling:
• Set the font size, font family, and colors for the label text.
• Apply different text colors for checked and unchecked states.

• The label is interactive and can toggle the checkbox state.
  

• Smooth Animations:
• The checkmark appears with an animation when the checkbox is toggled.
• Real-Time State Updates:
• Automatically publish the checkbox state (yes for checked, no for unchecked) to allow interaction with workflows and conditions in Bubble.

1. Add the Animated Checkbox Element:
• Drag the "Animated Checkbox" element from the editor panel into your Bubble page.
2. Fill out the required fields.