@lmscn

lmscn is a focused shadcn/ui registry of 10 interactive LMS (learning management system) components built on Tailwind v4, with full TypeScript types, accessibility, and SM-2 spaced-repetition algorithm support. Components: quiz (multi-type with scoring/pass-fail), flashcards (3D flip with self-rating), match (term/definition pairs), fill-blank (cloze exercises), scramble (word unscrambling), order (drag-and-drop sequencing), reading-passage (three-phase comprehension), progress-tracker (gamified XP/streak lesson map), spaced-repetition (SM-2 review session), and hotspot (click-marker diagrams). All components expose onComplete callbacks. MIT licensed. Use for: embedding ready-made interactive learning widgets — quizzes, flashcards, drag-and-drop exercises — directly into an e-learning or edtech product.

10 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://lmscn.vercel.app/r/registry.json

pnpm pnpm dlx shadcn@latest add https://lmscn.vercel.app/r/registry.json

bun bunx shadcn@latest add https://lmscn.vercel.app/r/registry.json

fetch registry curl -s https://lmscn.vercel.app/r/registry.json

Components

10 total

Quiz component

Multi-type quiz (single-choice, multi-select, true/false) with per-question scoring, progress bar, answer explanations and a pass/fail results screen.

npx shadcn@latest add https://lmscn.vercel.app/r/quiz.json

Flashcards component

CSS 3-D flip-card deck with optional self-rating (Again / Hard / Good / Easy) and a session summary.

npx shadcn@latest add https://lmscn.vercel.app/r/flashcards.json

Match component

Click-to-match term/definition pairs with mistake tracking and animated wrong-answer shake.

npx shadcn@latest add https://lmscn.vercel.app/r/match.json

Fill in the Blank component

Inline blank-filling exercise supporting multiple blanks per sentence, alternative accepted answers and keyboard navigation.

npx shadcn@latest add https://lmscn.vercel.app/r/fill-blank.json

Word Scramble component

Letter-tile word unscrambling game with optional image/text clues and a reset button.

npx shadcn@latest add https://lmscn.vercel.app/r/scramble.json

Order / Sequence component

Drag-and-drop (or ↑↓ keyboard) item-sequencing exercise that reveals the correct order on failure.

npx shadcn@latest add https://lmscn.vercel.app/r/order.json

Reading Passage component

Three-phase reading comprehension: passage view → inline questions → results. Supports plain text or HTML and optional passage-hiding.

npx shadcn@latest add https://lmscn.vercel.app/r/reading-passage.json

Progress Tracker component

Gamified zigzag lesson map with XP bar, level badge, daily streak and tooltip-rich lesson nodes.

npx shadcn@latest add https://lmscn.vercel.app/r/progress-tracker.json

Spaced Repetition component

SM-2 algorithm review session: flip cards, grade with Again/Hard/Good/Easy, computes next interval and ease factor.

npx shadcn@latest add https://lmscn.vercel.app/r/spaced-repetition.json

Image Hotspot component

Click labelled markers on a diagram or photo, type the answer in a popover, check all labels at once.

npx shadcn@latest add https://lmscn.vercel.app/r/hotspot.json