Density
ExamplesDocsBlogPricingContact
IntroductionArchitectureInstallationConfigurationToolsAgents.mdSoonCode reviewSoonCoverageSoonLintingllms.txtSoonMCP serverSoonSkillsSoonTestsSoonVisual debug modeComponentsAccordionAlertAlertDialogAreaChartAvatarBadgeBarChartBreadcrumbButtonButtonGroupChatInputChatMessageCheckboxCheckboxGroupCloseComboboxCommandContentContextMenuDialogDrawerFadeFieldFormActionsHeadingHistogramIndicatorInputLabelLegendLineChartListItemMacTrafficLightsNavigationNumberAnimationPaginationPanelPieChartPopoverPreviewCardProgressRadioGroupResizeRailScatterPlotScrollAreaSelectSeparatorSkeletonSliderSpinnerStatSwitchTableTabsTextAnimationTextareaTimelineToastToggleToggleGroupToolbarTooltipTreeViewWindowStylesColorBorderClickableDepthEmphasisRadiusRevealShadowSizeTypableTypography

SkillsComing soon

Density comes with an agent skill to help your coding agents build UI with Density.

The skill is in the agent skill format, compatible with Claude Code, ChatGPT/Codex, and many other harnesses.

PreviousMCP serverNextTests
Density

The modern design toolkit for data-heavy professional tools

Docs

IntroductionToolsComponentsStyles

Examples

AI chatCode editor (IDE)Metrics dashboardMore...

Product

BlogPricingCompareContact

© 2026 Directed Works LLC