WORK / BASELINESAMPLE BUILD2026
Online course template

Baseline

  • React
  • Vite
  • Tailwind CSS
  • Motion

You recorded the lessons. Now give your students a place to actually learn — not just a folder of video links.

Live preview
Baseline — desktop screenshot
Baseline — mobile screenshot

What's included

Baseline is an online course and learning platform site built with Vite, React, and Tailwind CSS. It covers the marketing surface (course overview, curriculum, instructor) alongside a structured lesson layout designed for video and written content.

The design prioritizes reading comfort and clear content hierarchy — the right environment for learners who need to focus.

Easy to customize
— utility-class styling throughout. Swap in your own curriculum and lesson content directly in the markup.
Built with Vite
— fast dev server and lean production output.
Keyboard accessible
— fully keyboard-navigable with appropriate ARIA attributes on all interactive elements.
TypeScript
— fully typed throughout.
Production-ready
— type-checked, linted, and shipped as a static build with a small JavaScript bundle.
Simple to deploy
— static output; deploys to Vercel, Netlify, or any static host.

Screenshots

Baseline — screenshot 1 of 4Baseline — screenshot 2 of 4Baseline — screenshot 3 of 4Baseline — screenshot 4 of 4

The technology

Vite
v8
React
v19
Tailwind CSS
v4
Motion
v12
TypeScript
v6
NEXT PROJECT — 05 / 13
Longwave
The episodes are queued. The feed is live. Now give your show a home worth sharing in the show notes.
→