Syllabus
Syllabus is a video course with a live cohort layer, built as a reading app rather than a SaaS dashboard.
Did you know? Every template can become any business.
What's inside
About this template
Overview
Syllabus is a video course with a live cohort layer, built as a reading app rather than a SaaS dashboard. The lesson player is the product: video sits in a wide reading column with notes and transcript beneath, while a left index rail displays the full curriculum as a numbered table of contents with completion marks, per-module progress, the current cohort week, and a countdown to the next live call.
What you get
- Lesson player with video stage, notes, and transcript in a single column layout
- Left index rail showing curriculum structure (module.lesson format) with completion marks
- Per-module progress indicator that fills from real data
- Current cohort week and countdown to next live call
- Lesson completion unlock system (with optional module gating via admin toggle)
- Fullscreen lesson mode where chrome dims and video is the only visible element
- Course Home with resume card followed by numbered curriculum list with completion state
- Cohort calendar listing eight calls across eight weeks with replays
- Discussion thread on every lesson
- Curriculum editor for modules and lessons with drip days and video URLs
- Students table with fourteen-row layout showing progress
- Cohort manager for managing calls
- Sales page with curriculum accordion, one plan, one price
- Checkout flow that lands buyer on lesson 1.1
- Two one-click demo accounts (creator and student mid-cohort) seeded with six modules and twenty-four lessons
The signature screen
The lesson player anchors the product. Video occupies a wide reading column with notes and transcript displayed beneath it, while a left index rail carries the entire curriculum as a numbered table of contents showing completion marks, per-module progress, the current cohort week, and a countdown to the next live call. When playback starts, all chrome dims so the lesson becomes the only visible element on the page.
Who it's for
Syllabus is built for creators running online courses, cohort programs, bootcamps, or certification tracks.
Design
- Type pairing
- Alegreya Sans display Literata body
- Palette
-
-
#F6F7F4 -
#E9ECE6 -
#1B2420 -
#2F6B4F
-
- Motion
- MR-5 focus dim on the lesson player; MR-2 progress fill per module; MR-1 staggered arrival on Home. Reduced motion: progress fills are instant, focus dim is off.
- Signature screen
- Lesson player — video stage with custom control bar, left index rail with module.lesson TOC, completion marks and per-module fill, cohort week + next-call countdown, Mark complete → Next with gating, notes/transcript/discussion.
- References
-
- REF-M04 Motion UI theme tokens
- REF-A01 Aceternity notch dock
- REF-MS01 MotionSites footer register
Frequently asked questions
What is the Syllabus template?
Syllabus is a video course with a live cohort layer, built as a reading app rather than a SaaS dashboard.
Who is the Syllabus template for?
Syllabus is built for creators running online courses, cohort programs, bootcamps, or certification tracks.
How long does it take to build an app with the Syllabus template?
Timing depends on your changes and setup. Review the generated app, connect any required services, and test the core workflow before sharing it.
Do I need to code to use the Syllabus template?
You can start with plain-language instructions. Complex behavior, custom integrations, and production troubleshooting may need technical help.
How much does the Syllabus template cost?
This template has no separate template purchase price. Building and AI edits require builder access and available credits. Hosting and connected services may have their own costs; check current pricing and provider terms.
Can I customize the Syllabus template?
You can request changes to the design and behavior. Review each change, complete any connection setup, and test forms, permissions, and payments that your app uses.
Review current pricing and the template inspection guide before you start.
Related templates
Make this template your starting point.
Inspect the preview, plan your changes, and test the workflow before you share it.
Use this template