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.
👉 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.
👉 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
