Ship a studio-grade learning platform in days, not months.
Uni The Present is a Next.js template that gives you a crafted student dashboard, course player, AI tutor, and messaging experience – all styled like a calm, premium SaaS.
00:12 · Prof. Miller
Recap of how prospect theory treats gains and losses.
Next.js 16
Tailwind CSS
Shadcn
Framer MotionOpinionated structure
All the core LMS screens are already wired visually.
Dashboard, courses, recorded lessons, assignments, AI tutor, messages, notes, and progress – each built with a cohesive visual language.
Student dashboard
Today card, progress rail, and streaks.
Session player
Video, transcript, and resources bento.
AI tutor shell
Chat-first layout with prompts.
Assignments & messages
Cards, filters, and threaded replies.
Founder-friendly
Built to plug into Stripe, Supabase, and multi-tenancy.
Layout and UI are separate from business logic, so you can add auth, orgs, DRM, and payments without fighting CSS.
Use it as a starter kit or drop sections into an existing app.
Design language
Soft, minimal, and screenshot-ready.
Bento sections, gentle gradients, and consistent shadows – tuned for high-converting product shots on Gumroad or ThemeForest.
Swap the accent color and logo and you're ready to sell.
Who it's for
Indie hackers, studios, and in-house product teams building a modern learning experience.
Uni The Present is opinionated enough that you don't start from a blank file, but flexible enough that you can plug in any auth, database, and payment stack.
Course creators
Launch a cohort or membership without fighting UI from scratch.
Agencies
Use as a base for LMS client work and customise branding per tenant.
For operators
Clear separation of layout vs logic.
Replace mock data with real queries, keep the structure.
For designers
Atomic pieces ready for Figma handoff.
Cards, pills, and chat shells you can easily restyle.
One visual language across student, instructor, and ops views.
Swap colours and copy, keep the layout.
Use cases
Built for cohort courses, bootcamps, corporate training, and membership learning.
Included screens
Everything a modern LMS needs, already sketched out.
Student
Dashboard
Today's focus, live card, AI tutor shortcuts, and streaks.
Classroom
Large video player, playlist column, and transcript/notes.
Course viewer
/courses/[slug]Learning tools
AI tutor & notes
Chat-first tutoring, quick presets, and clean note shells.
Ops
Assignments, messages & progress
Keep learners on track with simple lists and progress views.
Setup in 3 steps
Start from this repo and plug in your stack.
01 · Clone
Install dependencies & run dev.
You get all pages wired with sample data and static routes.
02 · Connect
Swap mock data for real queries.
Plug in Supabase/Postgres, your auth provider, and real-time events.
03 · Brand
Update logo, accent color, and copy.
Capture screenshots for your own docs, pitch deck, or product page.
FAQ
Common questions before you plug this into your stack.
Is this a full LMS backend?
No – Uni The Present focuses on the front-end product experience. It's designed to sit on top of your own auth, database, and payment logic.
Can I use it for multiple client projects?
Yes – the structure is multi-tenant friendly. Swap branding and connect different orgs at the data layer.
Uni The Present LMS Starter · Next.js · Tailwind · Framer Motion.