UI Components Built on a Framework-Agnostic Technology | Shoelace

Shoelace is a highly customizable, open-source user interface component library that does not depend on the framework for designing modern web applications.

A collection of professionally designed everyday UI components built on framework-neutral technology.

UI Components Included:

  • Alert
  • Avatar
  • Badge
  • Button
  • Checkbox
  • Color Picker
  • Details
  • Dialog
  • Drawer
  • Dropdown
  • Form
  • Icon
  • Input
  • Menu
  • Menu Divider
  • Menu Item
  • Menu Label
  • Progress Bar
  • Progress Ring
  • Radio
  • Range
  • Select
  • Spinner
  • Switch
  • Tab Group
  • Tab
  • Tab Panel
  • Tag
  • Textarea
  • Tooltip

How to make use of it:

1. Install & import the UI elements library.

<link rel="stylesheet" href="https://unpkg.com/@shoelace-style/[email protected]/dist/shoelace/shoelace.css" />
<script type="module" src="https://unpkg.com/@shoelace-style/[email protected]/dist/shoelace/shoelace.esm.js"></script>

2. Start coding your web components.

<sl-alert open>
  <sl-icon slot="icon" name="info-circle"></sl-icon>
  An Alert Message
</sl-alert>

Customizable Web Components UI Library, Shoelace Plugin/Github


See Demo And Download

Official Website(shoelace-style): Click Here

This superior jQuery/javascript plugin is developed by shoelace-style. For extra Advanced Usage, please go to the official website.

Share