All tools · page 271

Set option labels to get radio-based segmented control HTML and CSS with sliding feel.

Set tab names to get radio-hack tabs markup and CSS that switches panels without JavaScript.

Set section links to get vertical pill nav HTML and CSS with active-state styling.

Set menu items to get hover and focus dropdown nav markup with proper skip and keyboard support.

Set tab icons to get bottom app-bar HTML and CSS with active indicators and safe-area padding.

Set icon, title, and text to get feature card HTML and CSS with a matching grid row.

Set plan fields to get pricing card HTML and CSS with a highlighted featured variant.

Set avatar and text arrangement to get media-object HTML and CSS with flexbox reset rules.

Set headline and CTA text to get hero section HTML and CSS with responsive type scaling.

Set tone and links to get 404 page section HTML and CSS with a search shortcut slot.

Set fields to get centered login card HTML and CSS with social button row and forgot link.

Set a video URL to get hero HTML and CSS with poster, overlay, and reduced-motion fallback image.

Paste members to get team card grid HTML and CSS with roles and social links.

Set field widths to get responsive two-column form grid CSS with full-row exceptions.

Set your convention to get required-field markup combining asterisks, sr-only text, and legend notes.

Set states to get drag-and-drop dropzone HTML and CSS with idle, hover, and error looks.

Set prices to get monthly-annual toggle markup with data attributes ready for a pricing page.

Pick a tone to get headline, subtext, and link copy options for not-found pages.

Pick a validation type to get user-friendly error copy that names the fix, not the blame.

Set a return window to get maintenance page copy with status-update and contact lines.

Pick a base and ratio to get a spacing scale exported as CSS variables in rem.

Set component sizes to get a border-radius token scale from pill to card values.

Set theme colors to get pre and code block HTML and CSS with header, language tag, and copy slot.

Set placement to get scroll-to-top button markup and CSS using an anchor with smooth behavior.