# aidsgn > An accessible design system with native light DOM controllers, semantic design tokens, and React/Vue adapters. Use complete semantic light DOM. Consumers own every node; controllers attach behavior and synchronize state. Prefer the generated React/Vue adapters where available. Read the native contract before authoring custom-element markup. Never invent attributes, variants, or token names. ## Start here - [Installation](https://docs.aidsgn.de/ai/reference/installation.md) - [Use aidsgn with an AI agent](https://docs.aidsgn.de/ai/reference/ai/agents.md) - [Native Web Component contract](https://docs.aidsgn.de/ai/reference/architecture/web-components.md) - [React and Vue wrappers](https://docs.aidsgn.de/ai/reference/architecture/framework-wrappers.md) - [Component selection](https://docs.aidsgn.de/ai/reference/ai/component-selection.md) - [Design tokens](https://docs.aidsgn.de/ai/reference/foundations/tokens.md) - [Accessibility, responsive design, and RTL](https://docs.aidsgn.de/ai/reference/quality/accessibility.md) - [Browser support](https://docs.aidsgn.de/ai/reference/quality/browser-support.md) - [System status and delivery boundaries](https://docs.aidsgn.de/ai/reference/ai/system-status.md) ## Components - [Component specifications](https://docs.aidsgn.de/ai/reference/components/README.md) - [Accordion](https://docs.aidsgn.de/ai/reference/components/accordion.md) - [Alert](https://docs.aidsgn.de/ai/reference/components/alert.md) - [BottomSheet](https://docs.aidsgn.de/ai/reference/components/bottom-sheet.md) - [Breadcrumb](https://docs.aidsgn.de/ai/reference/components/breadcrumb.md) - [Button](https://docs.aidsgn.de/ai/reference/components/button.md) - [Card](https://docs.aidsgn.de/ai/reference/components/card.md) - [Carousel](https://docs.aidsgn.de/ai/reference/components/carousel.md) - [Checkbox](https://docs.aidsgn.de/ai/reference/components/checkbox.md) - [Dialog](https://docs.aidsgn.de/ai/reference/components/dialog.md) - [Heading](https://docs.aidsgn.de/ai/reference/components/heading.md) - [Icon](https://docs.aidsgn.de/ai/reference/components/icon.md) - [Image](https://docs.aidsgn.de/ai/reference/components/image.md) - [Input](https://docs.aidsgn.de/ai/reference/components/input.md) - [Link](https://docs.aidsgn.de/ai/reference/components/link.md) - [Pagination](https://docs.aidsgn.de/ai/reference/components/pagination.md) - [Price](https://docs.aidsgn.de/ai/reference/components/price.md) - [ProgressIndicator](https://docs.aidsgn.de/ai/reference/components/progress-indicator.md) - [Radio](https://docs.aidsgn.de/ai/reference/components/radio.md) - [Rating](https://docs.aidsgn.de/ai/reference/components/rating.md) - [Select](https://docs.aidsgn.de/ai/reference/components/select.md) - [SideSheet](https://docs.aidsgn.de/ai/reference/components/side-sheet.md) - [Switch](https://docs.aidsgn.de/ai/reference/components/switch.md) - [Tabs](https://docs.aidsgn.de/ai/reference/components/tabs.md) - [Tag](https://docs.aidsgn.de/ai/reference/components/tag.md) - [Textarea](https://docs.aidsgn.de/ai/reference/components/textarea.md) - [Toast](https://docs.aidsgn.de/ai/reference/components/toast.md) - [Tooltip](https://docs.aidsgn.de/ai/reference/components/tooltip.md) ## Machine-readable context - [Complete documentation](https://docs.aidsgn.de/llms-full.txt): All reference Markdown in one file. - [Versioned catalog](https://docs.aidsgn.de/agent-context.json): Manifest APIs, canonical native examples, DTCG token definitions, documentation, package versions, and content hash. ## Optional - [AI-assisted authoring](https://docs.aidsgn.de/ai/reference/ai/authoring.md) - [Component quality requirements](https://docs.aidsgn.de/ai/reference/architecture/component-requirements.md) - [Repository architecture](https://docs.aidsgn.de/ai/reference/architecture/repository.md) - [0001: Rolling browser support policy](https://docs.aidsgn.de/ai/reference/decisions/0001-browser-support-policy.md) - [0002: Generate framework wrappers from the Custom Elements Manifest](https://docs.aidsgn.de/ai/reference/decisions/0002-manifest-generated-framework-wrappers.md) - [0003: Use aidsgn as the public namespace](https://docs.aidsgn.de/ai/reference/decisions/0003-aidsgn-public-namespace.md) - [0004: Use a curated inline SVG icon registry](https://docs.aidsgn.de/ai/reference/decisions/0004-inline-icon-registry.md) - [0005: Keep native input types together and Select separate](https://docs.aidsgn.de/ai/reference/decisions/0005-native-form-control-boundaries.md) - [0006: Separate registration from tree-shakeable package exports](https://docs.aidsgn.de/ai/reference/decisions/0006-explicit-registration-and-bundle-budgets.md) - [0007: Use Changesets for package releases](https://docs.aidsgn.de/ai/reference/decisions/0007-changesets-release-management.md) - [0008: Standardize Press feedback for Pressable controls](https://docs.aidsgn.de/ai/reference/decisions/0008-standardize-press-feedback.md) - [0009: Keep brand primitives in brand bundles](https://docs.aidsgn.de/ai/reference/decisions/0009-keep-brand-primitives-in-brand-bundles.md) - [0010: Standardize form-control message layout](https://docs.aidsgn.de/ai/reference/decisions/0010-standardize-form-control-message-layout.md) - [0011: Separate action and selected-state colors](https://docs.aidsgn.de/ai/reference/decisions/0011-separate-action-and-selected-state-colors.md) - [0012: Render canonical light DOM with one topology owner](https://docs.aidsgn.de/ai/reference/decisions/0012-canonical-light-dom-rendering.md) - [0013: Emit runtime CSS and the Tailwind adapter from one Style Dictionary build](https://docs.aidsgn.de/ai/reference/decisions/0013-unified-style-dictionary-token-build.md) - [0014: Generate agent context from the public contracts](https://docs.aidsgn.de/ai/reference/decisions/0014-generated-agent-context.md) - [Architecture decisions](https://docs.aidsgn.de/ai/reference/decisions/README.md) - [Brands and themes](https://docs.aidsgn.de/ai/reference/foundations/brands-and-themes.md) - [Responsive layout](https://docs.aidsgn.de/ai/reference/foundations/responsive-layout.md) - [Tailwind CSS v4 integration](https://docs.aidsgn.de/ai/reference/foundations/tailwind.md) - [Component sizing audit](https://docs.aidsgn.de/ai/reference/quality/component-sizing-audit.md) - [Deployment and domains](https://docs.aidsgn.de/ai/reference/quality/deployment.md) - [Engineering quality](https://docs.aidsgn.de/ai/reference/quality/engineering.md) - [Reduced-motion audit](https://docs.aidsgn.de/ai/reference/quality/reduced-motion-audit.md) - [Package releases](https://docs.aidsgn.de/ai/reference/quality/releases.md)