Guides

Guides

Learn how to use UXLab with step-by-step guides and tutorials.

Getting Started

Beginner

Getting Started

Set up UXLab and start capturing your first content in minutes

Beginner

Contributing Translations

Learn how to contribute translations to UXLab and help make content accessible in multiple languages.

Content

Beginner

Design Tokens

Design tokens are foundational design decisions representing a design system’s visual language.

Beginner

Adding Content

Learn how to create and organize content in your digital garden

Beginner

Syntax Highlighting

Code block examples for all supported programming languages

Beginner

Mermaid Diagrams

Create flowcharts, sequence diagrams, and more using Mermaid syntax in your content.

Beginner

Video & Social Embeds

Embed YouTube videos and Twitter/X posts in your content using simple MDC components.

Authentication

Beginner

Authentication Setup

Configure Better Auth with passwordless sign-in, GitHub OAuth, and database options

Customization

Beginner

Customization & Theming

Configure themes, color modes, and visual appearance of your digital garden

Beginner

Settings & Preferences

Configure your UXLab experience with appearance settings and component preview

Beginner

Form Patterns

Standard form styling patterns for Nuxt UI 3 with Zod validation, icons, and consistent design

Deployment

Intermediate

External Content Repository Setup

Configure UXLab to source content from an external GitHub repository with multi-environment support, caching, and health checks

Intermediate

Deployment

Deploy your digital garden to Vercel, Netlify, or other platforms

  • a: Appearance
  • ?: Keyboard shortcuts