VLLNT UI · Component family

Educational components

Educational components support teaching and reference experiences — knowledge checks, historical figure and civilization cards, era comparisons, and parallel timelines. Built for courseware, wikis, and study tools.

Historical Reference Cards

Historical reference components — civilization overviews, historical figure profiles, and side-by-side era comparisons.

Civilization Card

Civilization overview with hero band, BCE/CE era timeline, key stats, achievements, and notable leaders. Install Civilization Card from the VLLNT UI registry with the shadcn CLI.

Supported platforms:Web
5 storiesView component

Era Comparison

Side-by-side comparison of historical eras with domain rows, color-themed columns, highlights, and figure chips. Install Era Comparison from the VLLNT UI registry with the shadcn CLI.

Supported platforms:Web
3 storiesView component

Historical Figure Card

Profile card with portrait, lifespan timeline, fields, works, quote, connections, and an expandable biography section. Install Historical Figure Card from the VLLNT UI registry with the shadcn CLI.

Supported platforms:Web
5 storiesView component

History Timelines & Quizzes

Comparative history timelines and inline knowledge-check quizzes for teaching historical eras.

Parallel Timeline

Multi-track timeline with shared time axis, BCE/CE event markers, and optional era bands for comparative history. Install Parallel Timeline from the VLLNT UI registry with the shadcn CLI.

Supported platforms:Web
4 storiesView component

Knowledge Check

Inline knowledge check with multiple-choice / true-false / fill-blank questions, per-answer feedback, and a final score summary. Install Knowledge Check from the VLLNT UI registry with the shadcn CLI.

Supported platforms:Web
3 storiesView component

Frequently asked

What's in the educational family?
Knowledge-check runners, comparison and figure cards, and era/parallel timelines — components for teaching and reference products.