Templates
Start from a curated template — fork it, make it yours, and share.
Product launch hero
A responsive product hero with a focused value proposition, proof points, and two clear actions.
Accessible signup form
A labeled signup form with helpful descriptions, visible focus, and a clear privacy promise.
Pricing comparison
Three responsive pricing cards with a highlighted recommendation and scannable feature lists.
Analytics dashboard
A compact responsive dashboard with summary metrics, an accessible table, and a CSS-only chart.
Personal portfolio
A calm one-page portfolio with selected work, an about statement, and direct contact links.
Event registration
An event landing page with schedule context, speaker details, and a concise registration form.
Documentation layout
A responsive documentation shell with section navigation, readable prose, and code examples.
Helpful empty state
An empty state that explains why the page is empty and gives one relevant next action.
Service status page
A transparent status page with current state, component history, and an incident update.
Feedback survey
A concise research survey with grouped choices, an optional comment, and clear submission expectations.
Choose by the problem, not the appearance
Each template demonstrates a specific interface problem: presenting a launch, comparing plans, collecting a response, documenting a system, or explaining service health. Open the detail page to understand its structure and limitations before you fork it.
Treat every template as reviewed starter code
Replace fictional content, verify accessibility, and test empty, error, and narrow-screen states. Templates deliberately avoid production credentials and back-end behavior; connect those parts securely in your own application.