2025
-
Audio, Video, and Tabbed Content
Embedding HTML5 audio players, responsive video embeds, and tabbed content sections in blog posts.
-
Full-Screen Photo Gallery with PhotoSwipe
Create tap-to-expand full-screen lightbox galleries with captions — ideal for image-heavy posts and portfolios.
-
Showing Code Changes with Diff2Html
Render beautiful side-by-side or unified code diffs in posts — ideal for tutorials, changelogs, and code reviews.
-
Before/After Image Comparison Slider
Side-by-side image comparison sliders — ideal for showing image processing results, design iterations, or any visual before/after.
-
Embedding Interactive Maps with Leaflet
OpenStreetMap-powered maps with markers, pop-ups, and polygons — all from a single frontmatter flag.
-
LaTeX TikZ Diagrams in the Browser
Render Feynman diagrams, geometric proofs, vector fields, and circuit schematics — directly from TikZ code.
-
Writing Algorithms in Pseudocode
Render beautiful pseudocode with LaTeX-style typesetting using pseudocode.js — no images, no screenshots.
-
Interactive Scientific Plots with Plotly
3D surface plots, contour maps, and animated charts with Plotly.js — hover, pan, zoom included.
-
Declarative Visualizations with Vega-Lite
Point plots, histograms, and small multiples using Vega-Lite's concise JSON grammar.
-
Data Visualization with Apache ECharts
Heatmaps, treemaps, scatter plots, and stacked bars with ECharts — a powerful alternative to Chart.js.