SkillSphere - LMS Template

Overview

SkillSphere is a premium learning management system (LMS) template from Shadcn Studio for launching an online learning platform. Its 30+ pages cover the homepage, course listings and details, instructor lists, student profiles, pricing, blog and authentication.

The package includes both Figma design files and a Next.js implementation built with shadcn/ui and Tailwind CSS v4, so teams can move from design to code with matching files. It is aimed at EdTech startups, online academies, course creators and agencies building eLearning platforms.

Features

• 30+ LMS pages: Homepage, course listings, course detail, instructor and mentor list, profile pages, pricing, blog and authentication
• Next.js version: Full Next.js implementation of the design included alongside the Figma files
• Figma design system: Variables for color, spacing and typography, Auto Layout throughout and an atomic structure
• Theming: Light, dark and system themes, with next-themes in the code
• Forms and state: React Hook Form with Zod, Zustand for client state
• Interactive blocks: Built on Shadcn Studio's components and blocks
• Dev handoff: Organized pages and annotated specs for Figma Dev Mode

Tech stack

• Next.js
• shadcn/ui, Tailwind CSS v4
• TypeScript
• Zustand
• Motion
• React Hook Form, Zod
• next-themes, Lucide React