Shoelace ORG

Build better with Web Awesome, the open source library of web components from Font Awesome. Upgrade to Pro and ship websites faster!

Shoelace is now Web Awesome. Come see what’s new!

A now-sunset library of accessible, framework-agnostic web component UI elements, buttons, dropdowns, dialogs, and more, that work with React, Vue, Angular, or plain HTML, the successor project is Web Awesome.

A micro library for localizing custom elements.

Your favorite animate.css effects available as ES modules for use with the Web Animations API.

An elegant way to create web components.

A lightweight utility that wraps custom elements ("web components") so they can be used like native React components.

A custom Vue directive that makes two-way binding Shoelace components easier.

A base setup that demonstrates how to import Shoelace components with Rollup.

A base setup that demonstrates how to import Shoelace components with webpack.

Use lit components inside of Astro

A custom Vue directive that makes two-way binding Web Awesome components easier.