Lens vs Atomize

Comparing the features of Lens to Atomize

Feature
Lens
Atomize

Capability Features

API Reference Available
Atomic CSS and Themes
Component Library
AvatarButtonCheckboxColorPickerDropdownFormFieldIconIconButtonIllustrationLinkListLogoMenuModalNotificationBarPillRadioSelectSkeletonSwitchTabsTextTextareaTextButtonTextInputTypeaheadToastTooltip
BoxButtonLineImageInputSelectListText
CSS Utilities
CSS Variables Support
Design Styles
ColorsTypographySpacingShadowsRadii
Documentation Available
Guides and Documentation
Get startedComponent definitionDesigning custom elementsDevelopment best practices
Icon Set
Illustration Set
Layout Components
AlignArrangeBackdropContainerErrorContainerPopoverSpacerSplit
Loader Components
LoaderLogoLoaderEllipsesLoaderWaveformLoader
Minimalistic Interface
NPM Package
Open Source Code
Pattern Library
Disabled stylesErrorsFormsDiscoveryPlan upgradeSettings
Playground
Layout recipesShowcase
Props Panel Support
Responsive Breakpoints
Responsive Design
Short Property Aliases
Supports Pseudo-classes
Theme Variable Support

Integration Features

CodeSandbox Integration
Figma Integration
Github Integration
Molecules Integration
NPM Installation
Quarkly Integration
React Support
Styled Components

Limitation Features

No Mention of Paid Plans

Other Features

Inspired by Styled-system
Inspired by Tachyons
Loom Product Focus

Pricing Features

Free Tier