Real World Performance: lazy loading, optimizing media, faster analytics join us Wednesday

ContactSign Up
Community Plugin
View plugin on GitHub


This plugin adds Shoelace to your gatsby site.

What is shoelace?

A forward-thinking library of web components.

  • Fully customizable with CSS
  • Built with accessibility in mind
  • Open source

It was designed in New Hampshire by Cory LaViska.

How to install

Install via npm:

npm install --save-dev gatsby-plugin-shoelace

Examples of usage

Add the plugin to your site’s config.js file:

module.exports = {
  siteMetadata: {
  plugins: [
© 2023 Gatsby, Inc.