CS
Subscribe

Component System

Clarity Design

by VMware

VMware's open-source design system for Angular, offering enterprise-ready UI components, guidelines, and tools for building consistent and accessible web applications.

Visit WebsiteGitHub

Frameworks

angular

Styling Approach

vanilla-cssdesign-tokens

Category

generalenterprisedesign-system

Maturity

stable

Version

unknown

Components (46)

Section 1▾Section 2▸
AccordionA Accordion component provided by Clarity Design.
⚠Warning message✓Success message
AlertA Alert component provided by Clarity Design.
☰5
BadgeA Badge component provided by Clarity Design.
Home/Products/Item
BreadcrumbA Breadcrumb component provided by Clarity Design.
PrimaryOutlinedDanger
ButtonA Button component provided by Clarity Design.
ButtonGroupA ButtonGroup component provided by Clarity Design.
CardA Card component provided by Clarity Design.
CheckedUncheckedIndeterminate
CheckboxA Checkbox component provided by Clarity Design.
ComboboxA Combobox component provided by Clarity Design.
DatagridA Datagrid component provided by Clarity Design.
DataListA DataList component provided by Clarity Design.
March 2026MTWTFSS123456789101112131415161718192021
DatepickerA Datepicker component provided by Clarity Design.
ActionsEditDuplicateDelete
DropdownA Dropdown component provided by Clarity Design.
FileInputA FileInput component provided by Clarity Design.
NameEmailSubmit
FormA Form component provided by Clarity Design.
GridA Grid component provided by Clarity Design.
HeaderA Header component provided by Clarity Design.
IconA Icon component provided by Clarity Design.
Enter text...
InputA Input component provided by Clarity Design.
LabelA Label component provided by Clarity Design.
ListA List component provided by Clarity Design.
LoginA Login component provided by Clarity Design.
Confirm×NoYes
ModalA Modal component provided by Clarity Design.
DashboardSettingsProfileLogout
NavigationA Navigation component provided by Clarity Design.
‹1234›
PaginationA Pagination component provided by Clarity Design.
PasswordA Password component provided by Clarity Design.
70%
Progress BarA Progress Bar component provided by Clarity Design.
Option AOption BOption C
RadioA Radio component provided by Clarity Design.
RangeA Range component provided by Clarity Design.
Select optionOption AOption BOption C
SelectA Select component provided by Clarity Design.
DashboardSettingsProfileLogout
SidebarA Sidebar component provided by Clarity Design.
SignpostA Signpost component provided by Clarity Design.
SpinnerA Spinner component provided by Clarity Design.
StackA Stack component provided by Clarity Design.
✓Done2Current3Next
StepperA Stepper component provided by Clarity Design.
OnOff
SwitchA Switch component provided by Clarity Design.
NameStatusRoleAliceActiveAdminBobPendingUserCarolActiveEditor
TableA Table component provided by Clarity Design.
Tab 1Tab 2Tab 3
TabsA Tabs component provided by Clarity Design.
BlueGreenYellowRed
TagA Tag component provided by Clarity Design.
Enter text...
TextareaA Textarea component provided by Clarity Design.
Created projectDeployed v1.0In progress...
TimelineA Timeline component provided by Clarity Design.
OnOff
ToggleA Toggle component provided by Clarity Design.
ButtonTooltip text
TooltipA Tooltip component provided by Clarity Design.
▾Root▾ ParentChild 1Child 2▸ Leaf
TreeA Tree component provided by Clarity Design.
Vertical NavA Vertical Nav component provided by Clarity Design.
WizardA Wizard component provided by Clarity Design.

Tags

vmwareenterprisedesign-systemaccessible

Similar Libraries

AgnosUI

A framework-agnostic headless component library supporting Svelte, React, and Angular with Bootstrap styling integration and accessible primitives.

AgnosticUI

A truly framework-agnostic UI component library supporting React, Vue, Svelte, Angular, and Astro with accessible, cleanly styled components that work across frameworks.

Angular Material

Official Material Design component library for Angular, providing a comprehensive set of reusable UI components following Google's Material Design specification.

Froala Design Blocks

A set of responsive design blocks by Froala for HTML, React, Vue, and Angular. No longer maintained, with its last update over six years ago.

Kendo UI

A comprehensive commercial UI component suite by Telerik supporting React, Vue, and Angular with rich data grids, charts, and enterprise widgets.

NG Bootstrap

Native Angular widgets built from the ground up using Bootstrap CSS, requiring no jQuery or Bootstrap JavaScript dependencies.

Newsletter

Weekly Component Digest

Get the latest component library updates, new additions, featured jobs, and practical frontend resources delivered to your inbox every week.