Lens vs UI Playbook

Comparing the features of Lens to UI Playbook

Feature
Lens
UI Playbook

Capability Features

Avatar Component
Button Component
Checkbox Component
Component Library
AvatarButtonCheckboxColorPickerDropdownFormFieldIconIconButtonIllustrationLinkListLogoMenuModalNotificationBarPillRadioSelectSkeletonSwitchTabsTextTextareaTextButtonTextInputTypeaheadToastTooltip
Component Search
CSS Utilities
CSS Variables Support
Design Styles
ColorsTypographySpacingShadowsRadii
Guides and Documentation
Get startedComponent definitionDesigning custom elementsDevelopment best practices
Icon Set
Illustration Set
Layout Components
AlignArrangeBackdropContainerErrorContainerPopoverSpacerSplit
Loader Components
LoaderLogoLoaderEllipsesLoaderWaveformLoader
Motion Component
Notification Component
Pattern Library
Disabled stylesErrorsFormsDiscoveryPlan upgradeSettings
Playground
Layout recipesShowcase
Popover Component
Responsive Design
Select Component
TextField Component
Tooltip Component
UI Components Library
tooltipbuttonselectnotificationTextFieldavatarcheckboxmotionpopoverradio

Integration Features

CodeSandbox Integration
Figma Integration
Github Integration
NPM Installation

Limitation Features

Integration Information Unavailable
Pricing Information Unavailable
Radio Component Upcoming

Other Features

Loom Product Focus

Pricing Features

Free Tier