Hand-coded website templates with interaction that actually runs.

A five-page HTML template for AI image generation products.

Most templates in this category are one page of static sections. Vayra ships five, and the interactive parts are real — not screenshots.

• Five pages — landing, gallery, pricing, about, contact. Shared shell, page-scoped CSS and JS.
• A WebGL hero that renders output on a GL plane with a shader crossfade, and degrades to a static image when WebGL is unavailable.
• A pricing calculator that computes — move the sliders and the credit total and recommended tier update live.
• A gallery with a real filter and a viewer that shows each entry's generation record.
• Motion you can turn off — a cursor/motion toggle that respects prefers-reduced-motion.

A five-page HTML template for payments and financial infrastructure products.

Fintech landing templates usually borrow a generic SaaS layout and swap the copy. Tessen is shaped by what this industry actually has to show — figures that must line up, controls that need a document behind them, and a flow a reader can follow end to end.

• Five pages — landing, security, integrations, pricing, company. Shared shell, page-scoped CSS and JS.
• A hero that is a metric panel — four figures that count up on load, because in this category the numbers are the pitch.
• A money path that holds the scroll — the diagram pins while five stages advance beside it, and it degrades to a readable static sequence when motion is off.
• A plan matrix, not three cards — rows are features, columns are plans, and hovering a row shows how that feature differs across tiers.
• Light and dark from one attribute — a section declares data-ts-tone and everything inside follows. No second stylesheet to maintain.