Density
ExamplesDocsBlogPricingContact
IntroductionInstallationConfigurationToolsAgents.mdSoonCode reviewSoonCoverageSoonLintingllms.txtSoonMCP serverSoonSkillsSoonTestsSoonVisual debug modeFoundationsSizeColorEmphasisComponentsAccordionAlertAlertDialogAreaChartAvatarBadgeBarChartBreadcrumbButtonButtonGroupChatInputChatMessageCheckboxCheckboxGroupCloseComboboxCommandContentContextMenuDialogDrawerFadeFieldFormActionsHeadingHistogramIndicatorInputLabelLegendLineChartListItemMacTrafficLightsNavigationNumberAnimationPaginationPanelPieChartPopoverPreviewCardProgressRadioGroupResizeRailScatterPlotScrollAreaSelectSeparatorSkeletonSliderSpinnerStatSwitchTableTabsTextAnimationTextareaTimelineToastToggleToggleGroupToolbarTooltipTreeViewWindowAdvancedBeta

Tools

Density ships with a set of tools to help you and agents build quickly and verify UI correctness.

Agents.md↗Guide AI agents working with Density.
Skills↗Use agent skills with Density.
Visual debug mode↗Inspect Density attributes while building your interface.
Linting↗Use Density lint rules in your project.
Code review↗Check that changes use the Density design system.
Coverage↗Track how much of your UI uses Density.
MCP server↗Connect an MCP server to Density.
Tests↗Ensure your components work as intended.
PreviousConfigurationNextAgents.md
Density

The modern design toolkit for data-heavy professional tools

Docs

IntroductionToolsComponentsFoundationsAdvanced

Examples

AI chatCode editor (IDE)Metrics dashboardMore...

Product

PricingContact

© 2026 Directed Works LLC