Lens

Lens

A comprehensive design system powering all Loom products

Website

Integration Features

Github Integration
NPM Installation
CodeSandbox Integration
Figma Integration

Capability Features

Component Library
AvatarButtonCheckboxColorPickerDropdownFormFieldIconIconButtonIllustrationLinkListLogoMenuModalNotificationBarPillRadioSelectSkeletonSwitchTabsTextTextareaTextButtonTextInputTypeaheadToastTooltip
Loader Components
LoaderLogoLoaderEllipsesLoaderWaveformLoader
Layout Components
AlignArrangeBackdropContainerErrorContainerPopoverSpacerSplit
Design Styles
ColorsTypographySpacingShadowsRadii
Pattern Library
Disabled stylesErrorsFormsDiscoveryPlan upgradeSettings
CSS Utilities
CSS Variables Support
Responsive Design
Icon Set
Illustration Set
Playground
Layout recipesShowcase
Guides and Documentation
Get startedComponent definitionDesigning custom elementsDevelopment best practices

Other Features

Loom Product Focus

Pricing Features

Free Tier