• Guides

    Get startedComponent definitionDesigning custom elementsDevelopment best practices

  • Styles

    ColorsTypographySpacingShadowsRadii

  • Components

    AvatarButtonCheckboxColorPickerDropdownFormFieldIconIconButtonIllustrationLinkListLoaderLogoLogoLoaderMenuModalNotificationBarPillRadioSelectSkeletonSwitchTabsTextTextareaTextButtonTextInputTypeaheadToastTooltip

    Layout

    AlignArrangeBackdropContainerErrorContainerPopoverSpacerSplit

  • Icons

    Icon set

  • Illustrations

    Illustration set

  • Patterns

    Disabled stylesErrorsFormsDiscoveryPlan upgradeSettings

  • Utilities

    CSS utilitiesCSS variablesResponsive

  • Playground

    Layout recipesShowcase

Lens — the design system for Loom products

Github|NPM|CodeSandbox|Figma

Guides

Styles

Patterns

Utilities

Icons

Illustrations

Playground

Components

Avatar component illustration
Avatar
Button component illustration
Button
Checkbox component illustration
Checkbox
ColorPicker component illustration
ColorPicker
Dropdown component illustration
Dropdown
FormField component illustration
FormField
Icon component illustration
Icon
IconButton component illustration
IconButton
Illustration component illustration
Illustration
Link component illustration
Link
List component illustration
List
Loader component illustration
Loader
Logo component illustration
Logo
LogoLoader component illustration
LogoLoader
Menu component illustration
Menu
Modal component illustration
Modal
NotificationBar component illustration
NotificationBar
Pill component illustration
Pill
Radio component illustration
Radio
Select component illustration
Select
Skeleton component illustration
Skeleton
Switch component illustration
Switch
Tabs component illustration
Tabs
Text component illustration
Text
Textarea component illustration
Textarea
TextButton component illustration
TextButton
TextInput component illustration
TextInput
Typeahead component illustration
Typeahead
Toast component illustration
Toast
Tooltip component illustration
Tooltip

Layout

Align component illustration
Align
Arrange component illustration
Arrange
Backdrop component illustration
Backdrop
Container component illustration
Container
ErrorContainer component illustration
ErrorContainer
Popover component illustration
Popover
Spacer component illustration
Spacer
Split component illustration
Split