The Hand-Drawn Touch
Adding natural, human-like emphasis to digital text with stroke underlines.
design 
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 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.
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.
astro Custom Flowcharts & Mind Maps: No JS Required
Create beautiful, hand-drawn diagrams using only CSS and Astro components. No external libraries needed.
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.
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.
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.