mdxui
Guides

Guides

Comprehensive guides for building with mdxui

Guides

Comprehensive guides for building with mdxui, covering design patterns, implementation strategies, and best practices.

Available Guides

  • Component Design - How to wrap external components (Tremor, shadcn) or transform internal designs to mdxui-compliant types using TDD with pixel-perfect designs

  • AI Content Generation - Using ContentSchemas with AI to generate component content while maintaining developer control over behavior

  • Migration Guide - Migrating existing components to the content/actions pattern with before/after examples and common gotchas

Coming Soon

Additional guides are being developed:

  • Building Custom Templates - Create your own SiteComponents or AppComponents implementation
  • CMS Integration - Deep dive into auto-wiring components to Payload CMS collections
  • Theme Customization - Customizing component styling with Tailwind and CVA

On this page