Replace Framer's plain checkbox with a simple animated, form-ready alternative. SmartCheckbox provides a smooth tick draw animation, two icon styles (check or cross), and full control over every state — including hover, checked, unchecked, and focus.
It's just the checkbox. No locked-in label. Pair it with any Framer text layer so you control the wording, typography, spacing, and layout. Drop it into forms, pricing tables, feature lists, or onboarding flows, however you want.
Comes with cross mark version. Use it for accept/decline states, quiz feedback, or form validation.
👉 Try the live interactive demo here
Key Features:
Your Label, Your Way: Pair with any Framer text layer. One word, a sentence with links, or a full custom layout — you control the typography and spacing.
Native Form Ready: Set your field name and value, drop it into any Framer form.
Two Icon Styles: Choose between a classic checkmark or a cross mark. Both animate in with a smooth draw effect.
Advance Customization: Border, background, tick color, stroke weight, size, radius, and transition speed — all customizable via property controls.
Smooth Draw: Tick animates in with adjustable speed and direction.
Suitable for: Newsletter sign-ups, lead magnets, booking forms, SaaS onboarding, e-commerce checkouts, and any consent form.
Update v1.1: Complete rewrite — checkbox-only architecture, native-quality SVG tick, 5 new styling properties, full border control.
Update v1.2:
Added animated tick draw — check and cross marks draw in smoothly with adjustable speed and direction
Added full state styling — independent colors for hover, checked, unchecked, and focus
Replace Framer's plain checkbox with a simple animated, form-ready alternative. SmartCheckbox provides a smooth tick draw animation, two icon styles (check or cross), and full control over every state — including hover, checked, unchecked, and focus.
It's just the checkbox. No locked-in label. Pair it with any Framer text layer so you control the wording, typography, spacing, and layout. Drop it into forms, pricing tables, feature lists, or onboarding flows, however you want.
Comes with cross mark version. Use it for accept/decline states, quiz feedback, or form validation.
👉 Try the live interactive demo here
Key Features:
Your Label, Your Way: Pair with any Framer text layer. One word, a sentence with links, or a full custom layout — you control the typography and spacing.
Native Form Ready: Set your field name and value, drop it into any Framer form.
Two Icon Styles: Choose between a classic checkmark or a cross mark. Both animate in with a smooth draw effect.
Advance Customization: Border, background, tick color, stroke weight, size, radius, and transition speed — all customizable via property controls.
Smooth Draw: Tick animates in with adjustable speed and direction.
Suitable for: Newsletter sign-ups, lead magnets, booking forms, SaaS onboarding, e-commerce checkouts, and any consent form.
Update v1.1: Complete rewrite — checkbox-only architecture, native-quality SVG tick, 5 new styling properties, full border control.
Update v1.2:
Added animated tick draw — check and cross marks draw in smoothly with adjustable speed and direction
Added full state styling — independent colors for hover, checked, unchecked, and focus
Frames & Flow
