Home
Articles
Home
Webrix.js
Compared to Lens
Webrix.js vs Lens
Comparing the features of Webrix.js to Lens
Feature
Webrix.js
Lens
Capability Features
Component Examples
Simple Slider
Radial Slider
Color Picker
Guided Tour
File Browser
Menu
DropDown
Tooltip
Movable & Resizable Modal
Video Player
Collage Maker
Where's Waldo?
Photo Editor
Image Crop
Custom Scrollbars
Rush Hour
Component Library
Avatar
Button
Checkbox
ColorPicker
Dropdown
FormField
Icon
IconButton
Illustration
Link
List
Logo
Menu
Modal
NotificationBar
Pill
Radio
Select
Skeleton
Switch
Tabs
Text
Textarea
TextButton
TextInput
Typeahead
Toast
Tooltip
Component Types
Movable
Scalable
Collapsible
Stackable
Scrollable
Pannable
Resizable
Poppable
Composability
CSS Utilities
CSS Variables Support
Design Styles
Colors
Typography
Spacing
Shadows
Radii
Guides and Documentation
Get started
Component definition
Designing custom elements
Development best practices
Icon Set
Illustration Set
Layout Components
Align
Arrange
Backdrop
Container
ErrorContainer
Popover
Spacer
Split
Loader Components
Loader
LogoLoader
EllipsesLoader
WaveformLoader
Low Level Components
Pattern Library
Disabled styles
Errors
Forms
Discovery
Plan upgrade
Settings
Playground
Layout recipes
Showcase
Production Usage
Used in large-scale production (Amdocs)
Provided Hooks
useBooleanState()
usePrevious()
useMounted()
useClickOutside()
useTimeout()
useDebounce()
useThrottle()
useAnimationFrame()
useBoundingRectObserver()
useDimensions()
useObject()
useEventListener()
Responsive Design
Single Responsibility Components
Small Bundle Size
~54.1kb
Tree Shaking Support
Unbranded Components
Integration Features
CodeSandbox Integration
Figma Integration
Github Integration
No Mention of API Integration
NPM Installation
React Support
Limitation Features
Minimal Styling Included
No Prebuilt Component Bank
Other Features
Loom Product Focus
Pricing Features
Free Tier
No Mention of Pricing Plans
Not specified