Design System
Utilities
Background
Grayscale dithered patterns optimized for 1-bit rendering
Border
Apply border patterns that create the illusion of different border intensities
Spacing
Control element spacing with fixed margin and padding values
Gap
Set precise spacing between elements with predefined gap values
Size
Define exact width and height dimensions for elements
Image
Optimize images using dithering techniques for 1-bit rendering
Base
View
Show your plugin in different sizes with Mashup view containers
Layout
Primary container for organizing plugin content
Title Bar
Standardized title bar with plugin information and instance details
Columns
Implement zero-config column layouts for content organization
Mashup
Assemble multiple plugin views into a single interface
Grid
Create grid layouts with predefined column structures
Flex
Arrange elements with flexible layouts and alignment options
Typography
Text
Control text alignment and formatting
Title
Style headings with consistent typography
Value
Display data values with consistent formatting
Label
Create clear labels for unified content identification
Description
Format descriptive text with standardized styles
Clamp
Manage text overflow with single and multi-line truncation