---
name: "@lmscn"
slug: "lmscn"
description: "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."
category: "Niche/single-purpose"
tags: ["3d", "accessibility", "auth", "cards", "components", "crypto", "gaming", "loaders", "maps", "mobile"]
framework: "react"
license: null
author: "SiphoChris"
website: "https://lmscn.vercel.app"
github: "https://github.com/SiphoChris/lmscn"
registry: "https://lmscn.vercel.app/r/registry.json"
pro: false
pro_url: null
github_stars: 19
component_count: 10
generated_at: "2026-07-28T08:59:05.895Z"
---

# @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.

## Links

- Website: https://lmscn.vercel.app
- GitHub: https://github.com/SiphoChris/lmscn
- Registry JSON: https://lmscn.vercel.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/lmscn
- This file: https://sh4dcn.vercel.app/md/lmscn.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://lmscn.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://lmscn.vercel.app/r/registry.json
bunx shadcn@latest add https://lmscn.vercel.app/r/registry.json
# clone the source repo
git clone https://github.com/SiphoChris/lmscn.git
# fetch the raw registry index
curl -s https://lmscn.vercel.app/r/registry.json
```

## Components (10)

| name | type | description | install |
| --- | --- | --- | --- |
| quiz | registry: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 | registry: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 | registry: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-blank | registry: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` |
| scramble | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |
| hotspot | registry: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` |

## For AI agents

```text
You are adding components from @lmscn to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/lmscn.md) for the component list.
2. Fetch the machine-readable index: https://lmscn.vercel.app/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: lmscn).
```