Template Browser

Drop-in .stpl snippets for common UI patterns. Click any card to see a live demo and copy the template code.

Confirm Action ×
Are you sure you want to do this?
Cancel Confirm

Modal Dialog

Accessible overlay dialog with header, body, and footer. Keyboard-dismissable (Esc), backdrop-close, focus-managed. Vanilla JS, no dependencies.

View Demo →
Name ↕ Dept ↕ Salary ↕
AliceEng$95k
BobDesign$82k
CarolMktg$74k

Sortable Table

Data table with click-to-sort column headers. Handles text and numeric columns. Vanilla JS, no dependencies.

View Demo →
Full Name
Department
Select ▾
Upload file

Rich Form

Form covering text, email, number, select, radio, checkboxes, date, file upload, and textarea — with server-side validation and submission summary.

View Demo →