Skeleton v1.1.0

Chris Simmons @SkeletonUI
Skeleton v1.1.0


The Skeleton v1.0 was a great success, thank you everyone for your kind words and joining us for this. This of course included two live stream events covering what Skeleton is, how to get started, and some advanced tips and tricks. If you missed it, check out the playlist, now with interactive chapter timestamps to jump straight to the topics you're interested in:

Release Notes

As promised during our launch event, today's release contains primarily triage and bug fixes. However we've also implemented the new autocomplete component, made changes to preset theme fonts to ensure they are GDPR compliant, as well as some minor improvements to several features. See the full notes below.

  • 💬 New autocomplete component
  • ✅ Improved themes docs + GDPR compliance
  • 🆕 Minor feature updates
  • 🐞 Various bug fixes

New Component: Autocomplete

Screenshot 2023-03-27 at 1 56 44 PM


We've finally introduced the long desired autocomplete component! We've taken our time because we wanted to make it as flexible and useful as possible. As such, this can directly interface with nearly any type of suggested input you might want, including direct support for the Input Chip component. It supports whitelists, blacklists, and even keywords for fuzzy search. Plus it pairs directly with the Popup utility. We think you're going to love it!

Themes Doc + GDPR Compliance

Screenshot 2023-03-27 at 1 57 31 PM

View the new Theme docs page:

If you're using preset themes you'll note that custom fonts will initially be lost when upgrading to v1.1.0. It was brought to our attention that embedding Google Fonts within our themes poses a risk to GDPR compliance. Given this, we've made a few notable changes:

  1. Fonts are no longer imported directly within each preset Skeleton theme. You must import them in your project.
  2. For GDPR compliance (and better performance) we recommend locally installing and importing fonts.
  3. Finally, we've introduced a new Docs > Themes section which covers a number of ways to customize your themes, including detailed instruction for local or remote imports of custom fonts!

Additionally the new Themes page can be tailored to your specific theme and all instruction will be update accordingly. This details each font to download, then how and where to install and import them.

Warning Please be aware we have a pending update to the CLI that will handle the fonts on install. In the meantime new CLI projects will be missing their custom fonts. You can, however, handle this manually following these instructions.

Screenshot 2023-03-27 at 2 01 12 PM

The popup utility now supports two new event types: focus and focus-click. The former allows a popup to appear when you focus an element, such as an input, then close when you click outside this element. While the latter works the same, except clicking the trigger element repeatedly will toggle the popup. This is the recommended event type to use alongside the new Autocomplete component as it keeps the focus on the input for search, rather than jumping into the focusable elements within the popup.

Minor Improvements