Specimen 07

Forms & web app

Inputs, selects, checkboxes, dropdowns, alerts, modals, avatars, tabs. The starter kit for any product UI built on the PocketSeed system.

Inputs

Text fields

Email required We never share your email.

Password

⌕ ⌘K

Amount

$ USD

Tell us what you're building

Field with error That doesn't look like a valid domain.

Disabled

Select

Native select with custom chevron

Plan

Region

Choice

Checkboxes, radios, switches

.ps-check-row + .ps-checkbox

Send me product updates Roughly one email per month, no fluff. Notify my team about new credentials

.ps-check-row + .ps-radio

Public Anyone with the link can view. Private Only invited collaborators.

.ps-switch

Auto-publish credentials when signed Email me when a viewer asks the AI a question

Dropdown

No-JS dropdown menu

Built on <details> + <summary> — no JavaScript required. For richer behavior (keyboard nav, click-outside-to-close), wire up your own.

Alerts

Banners

Heads up — your trial ends in 7 days

Add a payment method to keep your credentials live and shareable.

Credential signed

The 2026 Carbon Footprint credential is now live at pocketseed.io/c/cf-2026-acme.

Evidence expiring

Lab Results · Batch 042 expires on 30 Jun 2026. Renew to keep the credential verifiable.

Couldn't publish

Two evidence files failed to upload. Retry or remove them to continue.

Modal

Dialog

Render the markup conditionally and pop the overlay over your app. The card has header / body / footer slots.

Avatars

People & teams

AC AC AC AC

AC SM JR +4

Tabs

Tabbed navigation

Tab panel content goes here.

Table

Basic data table

Credential	Status	Signers	Issued
2026 Carbon Footprint	Verified	2	Mar 12 · 2026
Lab Results · Batch 118	Verified	1	Mar 02 · 2026
Scope 3 Supplier Audit	Pending	4	—