The Comic Verse Aesthetic
Recreating the bold, high-contrast typography style of modern digital comic platforms.
design 
design The Annotator's Toolkit
A complete guide to digital emphasis using circles, highlighters, and strokes.
design The Hand-Drawn Touch
Adding natural, human-like emphasis to digital text with stroke underlines.
design Advanced Mind Maps: Styles & Fullscreen
Take your visualizations to the next level with custom styles, fullscreen mode, and theme adaptation.
design Visualizing Thoughts with Beautiful Mind Maps
How to create stunning, interactive mind maps in your Markdown content using Markmap.
design Customizing Markdown with Animated Cards
Learn how to transform standard markdown content into beautiful, animated cards with custom styling for text, images, diagrams, and more.
design Enhancing the Learner Experience with Custom Styles & Animations
A deep dive into creating engaging educational content using custom CSS, animations, and Astro components in your Markdown.
design Creating Interactive Flowcharts & Mind Maps in Markdown
Learn how to visualize complex ideas using Mermaid.js directly in your Markdown content, styled to match your site's aesthetic.
design Interactive Mindmaps with Animations
Explore how to bring your documentation to life with animated, interactive mindmaps that respond to user input and scrolling.
design Markdown Cards Part 2: Scribbles & Flips
Taking markdown cards to the next level with hand-drawn styles, smoother animations, and dual-sided content.
design Markdown as Playing Cards
Turn your documentation into a deck of interactive, flippable playing cards. A fun way to present bite-sized information.
design Markmap: Now with Dark Mode Support
Our interactive mind maps now automatically adapt to your system theme. See it in action.
design Cinematic Markdown: Advanced Techniques
Take your storytelling further with glitch effects, 3D shadows, and kinetic typography.
design Cinematic Markdown: Bringing Text to Life
Learn how to use cinematic animations and hand-drawn styles to create immersive reading experiences in your Astro blog.
markdown Mastering Markdown Styling in Astro
A comprehensive guide to styling text, headings, and layouts using Markdown, MDX, and HTML/CSS in your Astro blog.
design Engaging Content Designs
How to use highlights, hand-drawn circles, and marginal notes to make your articles pop.
design Visual Learning: Styles for Every Context
Choosing the right visual style to match your content's tone, from hand-drawn sketches to clean, minimal diagrams.
design Advanced Markdown: Custom Graphs & Headings
Going beyond basic text with colored headings and interactive, hand-drawn vector graphs using Astro components.
design Customizing Markdown: Interactive Vector Math
A showcase of how we use custom Astro components to enhance mathematical content, featuring vectors and inner product spaces.
math Artistic Math: Beyond the Grid
Bringing warmth and personality to mathematical visualization with new organic styles: Paper, Pencil, Scribble, and Stroke.
math Clean & Clear: Minimalist Math Graphs
Focus on the data with our new minimalist aesthetic for mathematical visualizations.
design
Custom List Styles
A showcase of different list styling variants available via the List component.
data-viz Immersive Data: Introducing Fullscreen Charts
Give your users the big picture with our new toggleable fullscreen mode for Vox-style charts.
astro Ultimate Tables: Outlines, Fonts & Scroll Effects
The final chapter. Sketchy outlines, custom fonts, and animations that react to your scroll.
data-viz Vox Charts: Handling Complex Data
Techniques for presenting dense, multi-dimensional data without losing the narrative.
astro Custom Flowcharts & Mind Maps: No JS Required
Create beautiful, hand-drawn diagrams using only CSS and Astro components. No external libraries needed.
astro Advanced Tables: Colors, Sketches & Motion
Take your tables further with vibrant colors, sketchy styles, and dynamic entrance animations.
data-viz Data Storytelling with Vox-Style Charts
How to create compelling, animated data visualizations inspired by Vox video essays.
astro Custom Charts Collection: Bar, Line, & Pie
A comprehensive guide to using our new custom chart components with hand-drawn styles and scroll animations.
astro Tables with a Twist: Hand-Drawn & Animated
Ditch the boring grids. Learn how to style your tables with personality.
astro Data Viz with Personality: Hand-Drawn Bar Charts
Learn how to create unique, hand-drawn bar charts using our custom Astro component.
astro The Classroom Aesthetic: Chalkboards & Whiteboards
Learn how to style your content like a classroom board with hand-drawn chalk and marker annotations.
astro Image Optimizations Part 2: Advanced Styles & Magic Imports
Take your images further with Polaroid, 3D, and Brutalist styles, plus organic shapes and auto-imports.
math Beautiful Math: Hand-Drawn & Animated Equations
See how we transform standard LaTeX equations into colorful, hand-drawn, and animated mathematical art using KaTeX and CSS.
astro Mastering Image Optimizations in Astro (Part 1)
Learn the basics of using optimized images with custom hand-drawn styles and animations in your Markdown content.
emoji Express Yourself: Styled Emojis in Markdown
Learn how to use and style emojis in your Astro blog posts, including custom sizes and animations.
mermaid Sketching with Code: Hand-Drawn Diagrams
Discover how we style Mermaid diagrams to look like colorful, hand-drawn sketches that adapt to light and dark modes.
css The Art of Animated Markdown
Transforming static text into living, breathing content with CSS and creative markdown.