# Shoelace

- **Website:** <https://shoelace.style>
- **Primary alias:** `shoelace.style`

## Description

Shoelace is a forward-thinking brand offering a library of web components suitable for any occasion. Their hand-crafted custom elements are fully customizable with CSS, including a dark theme for added versatility. Shoelace boasts first-class React support and built-in localization, making it accessible and inclusive. Their components work seamlessly with all frameworks and CDNs, making them a versatile choice for developers. Whether you're new to web components or looking to enhance your existing projects, Shoelace provides a quick start solution with experimental autoloader capabilities. By using Shoelace, you can save time and effort by leveraging their professionally designed UI components that are built on a framework-agnostic technology. Designed with web standards in mind, Shoelace ensures browser support for years to come, making it a valuable asset for organizations and individuals alike.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Computers Electronics and Technology _(under Computers Electronics and Technology)_
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_
- 📊 Business and Consumer Services
- 🖥 Computer Hardware _(under Computers Electronics and Technology)_

## Links

- [twitter](https://twitter.com/shoelace_style)
- [github](https://github.com/shoelace-style)

## Logos & icons

- logo _(primary)_ — PNG, SVG — [download](https://cdn.brandfetch.io/idNuP4yiRQ/w/820/h/820/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1772705725755)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idNuP4yiRQ/w/400/h/400/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1772705725833)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Orange Roughy | #cd481b | accent |
| Ship Gray | #403f44 | dark |
| True V | #8760d3 | light |

## Fonts

- var(--sl-font-sans) — asset _(custom)_

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idNuP4yiRQ/w/1500/h/500/id4fyxHhkU.jpeg?c=1bxid64Mup7aczewSAYMX&t=1772705726019)

---

_Source: <https://brandfetch.com/shoelace.style>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._