Shoelace

Philosophy

Home Installation Usage Themes Customizing Form Controls Localization

Principles

• Web component based
• Framework-agnostic
• Accessible
• Themeable with CSS custom properties

Components

In our catalogue (26)

• Accordionhttps://shoelace.style/components/details
• Alerthttps://shoelace.style/components/alert
• Avatarhttps://shoelace.style/components/avatar
• Badgehttps://shoelace.style/components/badge
• Buttonhttps://shoelace.style/components/button
• Button grouphttps://shoelace.style/components/button-group
• Cardhttps://shoelace.style/components/card
• Checkboxhttps://shoelace.style/components/checkbox
• Color pickerhttps://shoelace.style/components/color-picker
• Drawerhttps://shoelace.style/components/drawer
• Dropdown menuhttps://shoelace.style/components/dropdown
• Iconhttps://shoelace.style/components/icon
• Modalhttps://shoelace.style/components/dialog
• Progress barhttps://shoelace.style/components/progress-bar
• Progress indicatorhttps://shoelace.style/components/progress-ring
• Radio buttonhttps://shoelace.style/components/radio
• Ratinghttps://shoelace.style/components/rating
• Selecthttps://shoelace.style/components/select
• Skeletonhttps://shoelace.style/components/skeleton
• Sliderhttps://shoelace.style/components/range
• Spinnerhttps://shoelace.style/components/spinner
• Tabshttps://shoelace.style/components/tab-group
• Text inputhttps://shoelace.style/components/input
• Textareahttps://shoelace.style/components/textarea
• Togglehttps://shoelace.style/components/switch
• Tooltiphttps://shoelace.style/components/tooltip