Advanced Content Features
Powerful content features that enhance your blog's functionality and user experience.
🔍 Search Functionality
Full-text search with real-time results and highlighted matches. Users can quickly find the content they're looking for.
📊 Reading Progress Bar
A visual progress indicator that shows how much of the article has been read. Notice the progress bar at the top of this page!
The reading progress bar automatically calculates and displays your reading progress as you scroll through this page. It provides visual feedback and helps users understand how much content remains.
📋 Table of Contents
Auto-generated table of contents for long articles. Automatically detects headings and creates a navigable outline.
How It Works
The Table of Contents component automatically scans your article for headings (H2, H3, H4) and creates a clickable navigation menu.
Features
- Auto-detects heading structure
- Smooth scroll navigation
- Active section highlighting
- Responsive design
💻 Code Syntax Highlighting
Beautiful syntax highlighting for multiple programming languages with copy functionality.
JavaScript Example
HTML Example
CSS Example
🖼️ Image Gallery
Masonry layout gallery with lightbox functionality for showcasing multiple images.
Modern development setup
Team working together
Clean code example
Modern web development
Data analysis and charts
Mobile app development
🎥 Video Embeds
Support for YouTube, Vimeo, and custom video files with responsive design and lazy loading.
YouTube Video
Vimeo Video
Content Features
- Search functionality
- Reading progress bar
- Table of contents
- Code syntax highlighting
- Image gallery
- Video embeds