VLLNT UI · Component family
Learning components structure guided experiences — curricula, tutorials, flashcards, quizzes, steppers, progress trackers, and tours. Compose them into onboarding flows, courses, and interactive docs.
Tutorial and curriculum components for building courses, lesson browsers, and guided onboarding tours.
Course-layout container for a sequence of lessons or modules with title, progress, optional intro, and a stack of lesson rows. Install Curriculum from the VLLNT UI registry with the shadcn CLI.
Guided onboarding flow for introducing content or interface patterns. Install Tour from the VLLNT UI registry with the shadcn CLI.
Card for displaying tutorial previews with metadata. Install Tutorial Card from the VLLNT UI registry with the shadcn CLI.
Completion screen displayed when a tutorial is finished. Install Tutorial Complete from the VLLNT UI registry with the shadcn CLI.
Filter controls for browsing tutorials by category or difficulty. Install Tutorial Filters from the VLLNT UI registry with the shadcn CLI.
Introduction section for tutorial pages with overview and prerequisites. Install Tutorial Intro Content from the VLLNT UI registry with the shadcn CLI.
MDX renderer tailored for tutorial content with custom components. Install Tutorial MDX from the VLLNT UI registry with the shadcn CLI.
Interactive quiz, exercise, and flashcard components with ratings for active-recall learning.
Interactive multiple-choice quiz with hints, explanations, and scoring. Install Quiz from the VLLNT UI registry with the shadcn CLI.
Interactive exercise block for learning content. Install Exercise from the VLLNT UI registry with the shadcn CLI.
Study card for active recall with prompt and answer states. Install Flashcard from the VLLNT UI registry with the shadcn CLI.
Inline star rating for lightweight learner feedback. Install Rating from the VLLNT UI registry with the shadcn CLI.
Learning progress components — checklists, steppers, progress trackers, and completion dialogs for tracking course advancement.
Interactive checklist with progress tracking and toggleable items. Install Checklist from the VLLNT UI registry with the shadcn CLI.
Dialog displayed upon completing a task or workflow. Install Completion Dialog from the VLLNT UI registry with the shadcn CLI.
Curriculum-level learning dashboard for modules, lessons, exercises, streaks, and earned skills. Install Progress Tracker from the VLLNT UI registry with the shadcn CLI.
Numbered step guide with optional interactive completion tracking. Install Step By Step from the VLLNT UI registry with the shadcn CLI.
Sequenced steps with complete, current, and upcoming states. Install Stepper from the VLLNT UI registry with the shadcn CLI.
Study aid components — annotations, key-concept blocks, pro tips, and learning objectives for educational content.
Inline highlight with an attached contextual note. Install Annotation from the VLLNT UI registry with the shadcn CLI.
Highlighted definition block for key terms and a glossary list. Install Key Concept from the VLLNT UI registry with the shadcn CLI.
Lists learning goals for educational content. Install Learning Objectives from the VLLNT UI registry with the shadcn CLI.
Highlighted tip block with variants for tips, best practices, gotchas, and more. Install Pro Tip from the VLLNT UI registry with the shadcn CLI.
Learner utility components — profile sections, search dialogs, and keyboard shortcut helpers for learning platforms.
User profile display section with avatar and details. Install Profile Section from the VLLNT UI registry with the shadcn CLI.
Full-screen search dialog with keyboard navigation. Install Search Dialog from the VLLNT UI registry with the shadcn CLI.
Displays available keyboard shortcuts to the user. Install Keyboard Shortcuts Help from the VLLNT UI registry with the shadcn CLI.
Readable by agents
The registry is exposed as structured data, so coding agents pick the right component without scraping HTML.