🎨 Grid Layout Examples
Interactive Grid Editor
Full-featured grid editor with text styling, image support, drag & drop, freeform layers, and export functionality. The main demo!
Basic Grid
Simple grid layout demonstrating the core BSP-based grid system.
Grid Configuration Test
Testing grid configurations and layout options.
📝 Text Rendering
Basic Text
Simple text rendering with the canvas field component.
Multiline Text
Line breaking and wrapping with proper text flow.
Bidirectional Text
Support for RTL and mixed direction text rendering.
Font Fallback
Graceful font fallback handling for missing glyphs.
Spacing & Typography
Letter spacing, line height, and typographic controls.
Text Decorations
Underline, strikethrough, and text decoration features.
Skip Ink Test
Advanced underline rendering that skips descenders.
Skip Ink Debug
Debug view for skip-ink underline implementation.
😀 Emoji Support
Emoji Rendering
Full emoji support with proper spacing and alignment.
Emoji Test Suite
Comprehensive emoji rendering tests.
Full Emoji Test
Extended emoji test cases including complex sequences.
Final Emoji Test
Final validation of emoji rendering pipeline.
Emoji Spacing
Tests for proper emoji spacing and kerning.
Adjacent Characters
Emoji next to text characters with proper spacing.
Emoji Debug Detailed
Detailed debug information for emoji rendering.