i7m Templates

Plain HTML · CSS · JavaScript

Interface pieces built with care.
Try them live, pay once.

Landing pages, full dashboard apps and animated UI components with no frameworks, no build step and no subscriptions. Every preview on this page is the real code, running.

  • Live preview before you buy
  • One-time price, free updates
  • Zero dependencies
  • Unlimited client projects

More templates, dashboards and components are on the way. Each one ships only when it is finished.

From preview to your project in three steps

  1. 1

    Try it live

    Open the full-page preview, switch between desktop, tablet and phone, change themes, press every button. Inspect the code in your browser's developer tools if you like.

  2. 2

    Pay once by card

    Checkout is hosted by Stripe. One price in US dollars, no account, no subscription.

  3. 3

    Download and build

    You land on your private download page straight away. Unzip, read the README, ship it in as many projects as you want.

What every product has in common

Code you can read

Semantic markup, commented stylesheets, small scripts in plain language. Nothing minified, nothing generated.

Design tokens first

Colours, type, spacing and motion live in custom properties, so a re-brand is a handful of lines.

Motion with manners

Spring-like easing on transforms only, paused off screen, and switched off for visitors who prefer reduced motion.

Accessible by default

Keyboard operation, visible focus, checked contrast in light and dark, and layouts that hold at 360 pixels.

Nothing phones home

No external fonts, images, CDNs or trackers. What you download is everything the page needs.

Modern, with fallbacks

Container queries, :has(), color-mix() and view transitions where they help, as progressive enhancement.

Questions people ask first

What exactly do I get?

A zip file with the source: plain HTML, CSS and JavaScript, a README that explains setup and customisation, and the licence text. There is no build step and nothing to install — open the HTML file and it runs.

Can I use it in client work?

Yes. One purchase covers you (one person or one company seat) for unlimited personal, commercial and client projects. What you can't do is resell or share the source itself as a template, component or kit. The full wording is on the licence page.

How do I get the files after paying?

Payment happens on Stripe's hosted checkout. The moment it succeeds you land on a download page here. Bookmark that page — the link stays valid for 30 days and 10 downloads.

Do I need an account?

No. There are no accounts and no passwords. Your download page is a private link; Stripe emails you a receipt for your records.

All questions and answers →