Skip to content
tileio

Menu

8 layers · 3 free

Education website templates for schools, courses and bootcamps

Education sites sell a path: where a learner starts, what they will be able to do at the end and how long it takes. The templates here make that path visible. An online school draws a dashed lesson path through six cards as you scroll, a bootcamp pins a twelve-week rail where each week types itself in, a course presale redraws a recording's waveform for each week of the curriculum.

They cover online courses and schools, a coding bootcamp, a small university's admissions site, a practice app for string players, a sailing school, a dive centre and a sports education site. Each institution is fictional, and every block (curriculum, tutors, fees, dates, FAQ) is ready for real content.

Tune the palette, then copy the page as a prompt for Claude, Cursor or ChatGPT in plain HTML or a framework project. Brightwick, Quiet Takes and Vantage are free.

The 8 layers, in order

  1. An online school whose dashed lesson path draws itself through six zigzag cards as you scroll.

  2. A presale for a five-week home-recording course: choose a week and a recording's waveform redraws as it would sound by then.

  3. A coding bootcamp: a monospace headline with a block cursor and a pinned twelve-week rail.

  4. A small university's admissions site: an arched photo unrolls and figures count up beside it.

  5. Corda: music education app waitlist page template preview

    Corda

    PRO

    N° 0636 · music education app/launch

    A launch page for a practice app for string players, with a ruled countdown and rolling seconds.

  6. A sailing school with a top-down photo of the junior fleet and a quay board of the day's wind.

  7. A dive centre: drag the reef from the surface to 40 m and its colours fade with depth while a dive computer reads out.

  8. Vantage: sports coaching website template preview

    Vantage

    FREE

    N° 0001 · Sports / Education

    A sports education site: the athlete's portrait burns in through noise and the season runs sideways under a drawn track.

Browse the full catalogue: Templates

Questions

What pages does an education website need?

A home page that states the outcome, a curriculum or programme page, tutors or faculty, fees and dates, and an application or sign-up form. The templates here put those blocks on one scrolling page, which suits a single course or a small school.

Can I use these for an online course launch?

Yes. Quiet Takes is built as a presale page and Corda as a launch page with a countdown. Swap the dates, modules and prices for yours.

Which stacks can I build them in?

Single HTML, Next.js, React, Vue, Astro, WordPress (Elementor blocks), Shopify theme sections or a Webflow build guide. Pick the stack before copying the prompt.

Are the schools and courses real?

No, all of them are fictional placeholder content written to show how the blocks work. Free layers are for personal projects; commercial use needs Pro or Lifetime.

Related collections

All collections