SaaS launch kit

The whole thing: marketing site, sign-in, dashboard, customer list, settings and billing. Eight routes, one runtime dependency.

A complete marketing page in the order that actually converts — hook, proof, substance, price, objections, exit. Twelve blocks, navbar and footer included.

Plans, a feature matrix and a pricing-specific FAQ written to remove the last purchase objection rather than answer general questions.

A full auth page that deliberately contains almost nothing but the form — no nav, no marketing, nothing competing with the one job.

The screen an app opens on: shell, header, KPI row, chart and activity feed — numbers first, shape second, changes last.

Plan, quota meters and invoice history, with the upgrade prompt placed beside a bar that is nearly full rather than on the plan card.

Profile, team, API keys and danger zone in one screen — with the destructive panel last, well away from the everyday controls.

Brand, links and CTAs with a mobile panel that unmounts when closed — so its links are never tabbable while invisible — plus escape-to-close and focus return.

Copy on the left, a drawn product panel on the right — the default hero for anything with an interface to show, with no image asset to host and no layout shift while it loads.

An infinite horizontal logo scroll with masked edges, a pause-on-hover affordance and a reduced-motion fallback that wraps instead of moving.

Six tiles on an asymmetric 4x3 grid with per-tile spans, a hover glow and a mobile collapse that follows source order.

Three plans with a monthly/yearly switch, yearly prices derived from the monthly figure so the two can never disagree.

Exclusive accordion behaviour from named <details> elements — no state, no hooks, no JavaScript, full keyboard support for free.

Brand column, four labelled nav columns, socials and a legal bar — the one place every page links to every section. Ships no client JavaScript.

Centred sign-in card with social providers, a password reveal toggle and the autoComplete values password managers actually need.

Registration form beside a testimonial panel, with live password rules and a proof column that drops rather than stacks on mobile.

Sidebar, top bar and scrollable content slot, with a mobile drawer that closes on Escape and marks the active route.

Metric row where each card knows whether a rise is good news, so churn going up is red while revenue going up is green.

Current plan, next charge with an actual figure and date, payment method, and a prominent pending-cancellation state.

Avatar, fields and a character counter, with a sticky save bar that only appears once something has genuinely changed.

A corner stack whose live region is mounted before any message exists, errors announce assertively, and the auto-dismiss timer pauses on hover and on focus.

A button whose multi-color gradient slides across on hover, paired with a soft drop shadow that intensifies.

A gradient card that rises on hover with an intensifying colored shadow for a tactile floating effect.

The timeless rotating-border spinner, refined with a subtle base ring for depth.

Bold heading text filled with a flowing five-color gradient that scrolls continuously.

A label that starts centered and gracefully floats up to the corner when the field is focused or filled.