Guides
Learn how to use UXLab with step-by-step guides and tutorials.
Getting Started
Contributing Translations
Learn how to contribute translations to UXLab and help make content accessible in multiple languages.
Content
Design Tokens
Design tokens are foundational design decisions representing a design system’s visual language.
Mermaid Diagrams
Create flowcharts, sequence diagrams, and more using Mermaid syntax in your content.
Video & Social Embeds
Embed YouTube videos and Twitter/X posts in your content using simple MDC components.
Authentication
Authentication Setup
Configure Better Auth with passwordless sign-in, GitHub OAuth, and database options
Customization
Customization & Theming
Configure themes, color modes, and visual appearance of your digital garden
Settings & Preferences
Configure your UXLab experience with appearance settings and component preview
Form Patterns
Standard form styling patterns for Nuxt UI 3 with Zod validation, icons, and consistent design
Deployment
External Content Repository Setup
Configure UXLab to source content from an external GitHub repository with multi-environment support, caching, and health checks