LYCEUM — Online Learning Platform
Learn from the people who set the standard.
A premium online-learning front-end demo spanning design, engineering, film, writing, product and leadership. Its fictional courses, instructors, reviews, pricing and progress data power a filterable catalog, a simulated chaptered lesson player with transcript and locally saved notes, instructor profiles and a learner dashboard — all clearly framed, with no backend required.
Role · Design + front-end build (Next.js, typed course data, simulated lesson player + dashboard) · Updated Jul 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, locally saved notes 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, WebSite/Organization and breadcrumb JSON-LD
More Education templates
Explore more collections
Frequently asked
- What do I get when I buy LYCEUM?
- A one-time licence with the full, editable source code, including 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. 14 days setup support and free updates included.
- What is LYCEUM built with?
- It's a Next.js marketing site, built with Next.js 15, TypeScript, Tailwind v4, Fraunces, Inter. You receive the complete source to host and extend anywhere.
- Can YantraCore customise LYCEUM for my brand?
- Yes — buy it as-is for $3,200, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is 24–48h after purchase.
Make LYCEUM yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.