VLLNT UI · Component family

Learning components

Learning components structure guided experiences — curricula, tutorials, flashcards, quizzes, steppers, progress trackers, and tours. Compose them into onboarding flows, courses, and interactive docs.

Browse all components How agents consume the registry23 components

Tutorials & Curriculum

Tutorial and curriculum components for building courses, lesson browsers, and guided onboarding tours.

Curriculum

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.

Tour

Guided onboarding flow for introducing content or interface patterns. Install Tour from the VLLNT UI registry with the shadcn CLI.

Tutorial Card

Card for displaying tutorial previews with metadata. Install Tutorial Card from the VLLNT UI registry with the shadcn CLI.

Tutorial Complete

Completion screen displayed when a tutorial is finished. Install Tutorial Complete from the VLLNT UI registry with the shadcn CLI.

Tutorial Filters

Filter controls for browsing tutorials by category or difficulty. Install Tutorial Filters from the VLLNT UI registry with the shadcn CLI.

Tutorial Intro Content

Introduction section for tutorial pages with overview and prerequisites. Install Tutorial Intro Content from the VLLNT UI registry with the shadcn CLI.

Tutorial MDX

MDX renderer tailored for tutorial content with custom components. Install Tutorial MDX from the VLLNT UI registry with the shadcn CLI.

Quizzes & Exercises

Interactive quiz, exercise, and flashcard components with ratings for active-recall learning.

Quiz

Interactive multiple-choice quiz with hints, explanations, and scoring. Install Quiz from the VLLNT UI registry with the shadcn CLI.

Exercise

Interactive exercise block for learning content. Install Exercise from the VLLNT UI registry with the shadcn CLI.

Flashcard

Study card for active recall with prompt and answer states. Install Flashcard from the VLLNT UI registry with the shadcn CLI.

Rating

Inline star rating for lightweight learner feedback. Install Rating from the VLLNT UI registry with the shadcn CLI.

Progress & Steps

Learning progress components — checklists, steppers, progress trackers, and completion dialogs for tracking course advancement.

Checklist

Interactive checklist with progress tracking and toggleable items. Install Checklist from the VLLNT UI registry with the shadcn CLI.

Completion Dialog

Dialog displayed upon completing a task or workflow. Install Completion Dialog from the VLLNT UI registry with the shadcn CLI.

Progress Tracker

Curriculum-level learning dashboard for modules, lessons, exercises, streaks, and earned skills. Install Progress Tracker from the VLLNT UI registry with the shadcn CLI.

Step By Step

Numbered step guide with optional interactive completion tracking. Install Step By Step from the VLLNT UI registry with the shadcn CLI.

Stepper

Sequenced steps with complete, current, and upcoming states. Install Stepper from the VLLNT UI registry with the shadcn CLI.

Study Aids & Callouts

Study aid components — annotations, key-concept blocks, pro tips, and learning objectives for educational content.

Annotation

Inline highlight with an attached contextual note. Install Annotation from the VLLNT UI registry with the shadcn CLI.

Key Concept

Highlighted definition block for key terms and a glossary list. Install Key Concept from the VLLNT UI registry with the shadcn CLI.

Learning Objectives

Lists learning goals for educational content. Install Learning Objectives from the VLLNT UI registry with the shadcn CLI.

Pro Tip

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 Utilities

Learner utility components — profile sections, search dialogs, and keyboard shortcut helpers for learning platforms.

Profile Section

User profile display section with avatar and details. Install Profile Section from the VLLNT UI registry with the shadcn CLI.

Search Dialog

Full-screen search dialog with keyboard navigation. Install Search Dialog from the VLLNT UI registry with the shadcn CLI.

Keyboard Shortcuts Help

Displays available keyboard shortcuts to the user. Install Keyboard Shortcuts Help from the VLLNT UI registry with the shadcn CLI.

Readable by agents

Your AI agent can install these too.

The registry is exposed as structured data, so coding agents pick the right component without scraping HTML.

/llms.txt

Concise index per the llmstxt.org spec — sections, links, and descriptions.

/llms-full.txt

Full registry context in one fetch — docs plus every component descriptor.

/r/<name>.json

Per-component descriptor: props, accessibility schema, and usage examples.

Frequently asked

What's in the learning family?: Tutorials and curricula, lessons and flashcards, quizzes and exercises, steppers, progress trackers, and guided tours — the scaffolding for learning products.