Components
Keyboard Keys
Styled keyboard key indicators for shortcuts and key combinations
components
28 lessons tagged with components
Components
Annotations
Inline tooltips for defining terms and abbreviations
Components
Badges
Colored inline labels for status, categories, and tags
Components
Details
Collapsible sections using the native HTML details element
Components
Asides
Callout boxes for notes, tips, warnings, and critical information
Components
Highlight
Mark important text with a highlight background
Components
Spoilers
Blurred text that reveals on click for hiding answers and solutions
Components
Steps
Numbered step-by-step instructions with a visual timeline
Components
Terminal Output
Styled command-line output with automatic prompt and status detection
Components
Code Groups
Tabbed code blocks for showing the same concept in multiple languages
Components
Code Blocks
Syntax highlighting with titles, line numbers, markers, themes, and diff support
Components
Components
A comprehensive reference for all markdown components available in Coderoo
Components
Math (KaTeX)
Mathematical equations and formulas rendered with KaTeX
Components
File Tree
Visual directory structure with automatic file type icons
Components
Mermaid Diagrams
Flowcharts, sequence diagrams, class diagrams, and more with Mermaid
Components
Tables
Standard and enhanced markdown tables with alignment and styling
Components
Link Cards
Rich link previews for external resources and related pages
Components
Tabs
Tabbed content panels with optional synchronized selection
Components
Link Buttons
Styled action buttons for navigation and calls to action
Components
Cards
Content boxes with titles and icons for grouping related information
Components
Card Grids
Responsive multi-column layouts for cards
Components
Timeline
Chronological events displayed along a vertical timeline
Components
Gallery
Image gallery grid with lightbox zoom
Components
Image Comparison
Before/after image slider for visual comparisons
Components
Figures
Images wrapped in figure elements with captions
Components
Videos
Embedded video player for YouTube, Vimeo, and local files
Markdown features
Images in Markdown
Learn how to insert images in Markdown
Markdown features
Link Buttons
Learn how to create call-to-action buttons with different variants and icons