Usage Guides
Learn how to use CEM effectively in your development workflow.
Getting Started
Create your first project and component with CEM.
Development Workflow
Understanding the write → generate → serve → test cycle.
Examples Overview
Browse starter projects and choose the right template for your needs.
Working with Demos
Create, organize, and configure component demos.
Buildless Development
Write TypeScript and CSS without build steps.
Import Maps
Manage dependencies without bundling.
Interactive Knobs
Add controls for testing component variations.
Rendering Modes
Light DOM, shadow DOM, and iframe rendering options.
Using LSP Features
Leverage autocomplete, validation, and navigation in your editor.
Effective MCP Descriptions
Write AI-friendly component documentation.