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