HTML + CSSCheckboxes
Approved stamp checkbox
A round ink stamp drops hard onto the box and stays printed at a slight angle.
Settings
16px
1x
Code
<label class="uv-csp"><input type="checkbox"><span class="bx"><span class="st" aria-hidden="true"><svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="24" cy="24" r="21" stroke-width="2.6"/><circle cx="24" cy="24" r="16.5" stroke-width="1.2" stroke-dasharray="2 2.6"/><path d="M15.5 24.5l6 6 11-12.5" stroke-width="4"/></svg></span></span>Checked by quality control</label>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Checkboxes
See all CheckboxesWhere to use it
Approval steps feel more final with a physical gesture, and this checkbox stamps them. When checked, a round seal with a dashed ring and a bold tick falls from above, lands slightly rotated and leaves a quick ink halo around the box. It fits quality control lists, document reviews, delivery confirmations and HR onboarding.
Red reads as an official seal, green as a pass, blue as a signature. The stamp is decorative and hidden from assistive technology, while the native checkbox carries the real state for forms and screen readers.