Verification Code Input
Six-box one-time code field with paste, SMS autofill, auto-advance, backspace and arrow keys, an error shake and a resend timer.
HTML
Everything shared for this topic.
Status Page and Uptime Monitor (Python, nothing to install)
Check your sites every minute, log incidents, alert Slack or Discord, and publish a 90-day status page. Python standard library only.
Sortable Data Table
A searchable table with click-to-sort columns, status pills, pagination and an empty state. Accessible and mobile-friendly.
File Drop Zone
Drag-and-drop or browse to upload files, with type and size checks, per-file progress bars and remove buttons.
Command Menu
A Ctrl/Cmd+K style command list with live filtering, arrow-key navigation, groups and shortcut hints.
Pricing Period Toggle
Monthly/yearly switch with a sliding thumb, a savings badge and prices that count to the new value.
Stacked Toasts
Toast notifications that stack, pause on hover, show a countdown bar and can be dismissed. Announced to screen readers.
AI Typing Reply
A chat reply that shows a typing indicator, then streams the answer word by word with a blinking caret. Replayable.
Onboarding Stepper
A horizontal progress stepper for sign-up or checkout flows: done, current and upcoming states with a filling track.
Prompt Token Meter
A prompt box with a live token estimate and a budget bar that turns amber, then red, as you near the limit.
Hero Section
A Claude skill that builds or fixes a landing-page hero: specific headline, one line, one action, all above the fold.