Content and social
Articles, news, facts and sources, posts, comments and media
Article
- Article Header — Article header: section, headline, lede, authors and date (Pro)
- Byline — Byline: authors, published and updated dates, reading time (Pro)
- Article Figure — Image with caption and photo credit (Pro)
- Pull Quote — Pull quote with attribution (Pro)
- Key Points — “Key points” summary block (Pro)
- Editor Note — Update, correction, disclosure and sponsored-content notes (Pro)
Reading and author
- Article Toc — Article table of contents that tracks the current section (Pro)
- Reading Progress — Reading progress bar (Pro)
- Share Bar — Share: Telegram, VK, X, WhatsApp, email and copy link (Pro)
- Author Bio — Author card at the end of an article, with a follow button (Pro)
Feed and news
- Article Card — News card: vertical, horizontal and over a photo (Pro)
- Live Blog — Live blog: update feed, pinned and key events (Pro)
- Breaking News — “Breaking” banner with rotating headlines (Pro)
- Article Comments — Article comments: votes, sorting, replies, moderation (Pro)
Facts and sources
- Citation Evidence Lens — Highlights claims by how well they are supported, with sources for each (Pro)
- Source Dossier — Source dossier: verification status, linked facts, source types, print (Pro)
- Correction Ledger — Correction history: what changed, when and why, with a word-level diff (Pro)
- Interactive Quote Deck — Quotes with the primary source, context, original wording and attributed sharing (Pro)
Social
- Post Card — Social post card (Pro)
- Comment Thread — Nested comment thread (Pro)
- Profile Card — User profile (Pro)
- Reaction Bar — Likes and reactions (Pro)
Media
- Media Gallery — Image gallery (Pro)
- Media Player — Video and audio: custom controls, captions, PiP, fullscreen, waveform (Pro)
Interactive explainers
- Feature Hotspots — Numbered points on an image that open a note about each detail (Free, MIT)
- Exploded Layers — Prepared image layers pulled apart with captions (Free, MIT)
- Prediction Card — The reader guesses first, then sees the answer and the explanation (Free, MIT)
- Detail Dial — Choose how deep an explanation goes: short, detailed or full (Free, MIT)
- Version Scrubber — Step through prepared versions of a design with one slider (Free, MIT)
- Page Minimap — Schematic map of a long page with the visible area (Free, MIT)
Other categories
Basics · Navigation and layout · Overlays and notifications · Forms and input · Data and metrics · Charts and analytics · Work and teams · Account and access · AI chat and agents · Image generation · Developer tools · Landing pages and brand · Shop and payments · Games · Animated components · Effects · 3D and motion