LYCEUM — Online Learning Platform
Learn from the people who set the standard.
A premium online-learning platform where world-class practitioners teach craft across design, engineering, film, writing, product and leadership. A marketing site fused with a real course experience — a filterable catalog, a simulated chaptered lesson player with transcript and notes, instructor profiles and a learner dashboard — all front-end, framed honestly, no backend required.
Role · Design + front-end build (Next.js, typed course data, simulated lesson player + dashboard) · Updated Jun 2026
- 13 route types: home, course catalog, 9 course detail pages + lesson players, instructor index + profiles, pricing, learner dashboard, about, FAQ, 404
- A simulated lesson player — chapter nav, progress rail, transcript pane, notes, keyboard shortcuts
- A typed data layer: 9 courses with full curricula, 6 instructors, transcripts, reviews and seeded dashboard data
- Procedural SVG cover art + instructor avatars — deterministic, zero external images, ~0 CLS
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Headless CMS / LMS API
Courses, lessons and progress are a typed data layer with clean seams — connect a headless CMS or an LMS/commerce API; accounts and payments wire to your provider.
Delivered as full Next.js source. Swap the typed course data for your CMS/LMS, retheme the accent/type tokens, and wire accounts + payments to your provider.
What makes it special
A simulated lesson player
A chaptered player with a progress rail, an active-chapter list, a transcript pane synced to a chapter selector, a notes panel and keyboard controls — a convincing learning surface, clearly framed as a preview, not a real video.
Filterable course catalog
Nine fully-written courses across six tracks filter instantly by discipline, level and free-text search, with deterministic procedural cover art per course — no server, no stock photography.
A learner dashboard
A seeded, deterministic dashboard with progress rings, a learning streak, a continue-learning card, certificates and next-up recommendations — the app half of a marketing-plus-app build.
Editorial-academic dark system
A deep indigo-ink canvas, a Fraunces display paired with Inter and JetBrains Mono, an electric-indigo→amber accent and glass surfaces — orchestrated motion, every effect reduced-motion-gated.
Complete, typed data layer
Courses, modules, lessons, transcripts, instructors and reviews are fully typed and isolated, so a real CMS/LMS drops into a clean seam without touching components.
What’s included
- 13 route types: home, course catalog, 9 course detail pages + lesson players, instructor index + profiles, pricing, learner dashboard, about, FAQ, 404
- A simulated lesson player — chapter nav, progress rail, transcript pane, notes, keyboard shortcuts
- A typed data layer: 9 courses with full curricula, 6 instructors, transcripts, reviews and seeded dashboard data
- Procedural SVG cover art + instructor avatars — deterministic, zero external images, ~0 CLS
- SEO-complete: per-page metadata, sitemap, robots, Organization/Course/Person JSON-LD
Gallery
More Education templates
Make LYCEUM yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.