Fancy UI KitFancy UI Kitv0.4
DocsLearnPackagesTUIFlowStarter KitsInspirationShowcaseLeaderboard
Sign in
CL

classroom

@particle-academy/classroom

The learner surface for laravel-courses: browse a curriculum, work through a course, sit a graded test, collect a certificate. This is what the Fancy UI Curriculum at /learn runs on.

TSUI · 6 components6 components
$npm install @particle-academy/classroom
README →GitHub →npm →Issues →
Pairs withlaravel-courses

Components

6 components · click any tile for a full demo, source, and install snippet.

CurriculumOverviewOpen →
CurriculumOverview
Live preview coming soon
A curriculum and its courses, with per-course progress and enrollment state.
CoursePlayerOpen →
CoursePlayer
Live preview coming soon
The course itself — modules, lessons, progress, what is next, and the graded test.
LessonViewOpen →
LessonView
Live preview coming soon
One lesson: text, video or mixed, with a mark-complete action.
TestRunnerOpen →
TestRunner
Live preview coming soon
An attempt end to end — questions, confirm-before-submit, and the result. Renders an ungraded attempt as awaiting grading rather than a failure.
QuestionRendererOpen →
QuestionRenderer
Live preview coming soon
One question of any of the four types: multiple choice, multiple select, true/false, short answer.
CertificateViewOpen →
CertificateView
Live preview coming soon
An issued certificate and its verification code. Deliberately literal-coloured so it looks the same on every theme.