Skeleton Labs

How to make your first contribution to an open source project Getting involved in open source doesn't have to be scary! Understand how to find a great project and make your first contribution in this ten-step guide.

To celebrate the launch of the @npmx.dev alpha, I wrote up a guide on how to make your first contribution to an open-source project.

Let me know if this helps you make your first contribution (and it doesn't have to be code)!

Supporting Skeleton and open source projects · skeletonlabs skeleton · Discussion #4282 Hey everyone. We're a little past due on our monthly update, so this post will be multi-part as we cover a few things. First off I wanted to communicate why you may have seen fewer updates going ou...

Looking for support with your current or upcoming Skeleton project? We're happy to announce we now offer premium support and consulting services - provide via Skeleton Labs:
github.com/skeletonlabs...
www.skeletonlabs.co

LayerChart Composable Svelte chart components to build a large variety of visualizations

New LayerChart docs 🎉

next.layerchart.com

Massive overhaul including over 700 isolated examples with browsing / cross referencing / StackBlitz editing, AI friendly (llms.txt), component API docs, guides, improved search, showcase, improved design, and more!

Details👇

If you're building something for Svelte, writing something or producing videos - you should submit them on the Svelte Society website. It's the go-to place for Svelte stuff.

Oh, and you might get showcased in the newsletter as well!

The Astro Technology Company joins Cloudflare | Astro The Astro Technology Company is joining Cloudflare! Astro remains open-source, MIT-licensed, and platform-agnostic. With Cloudflare's support, we're focusing 100% on building the best framework for…

We are joining Cloudflare! astro.build/blog/joining...

CVEs affecting the Svelte ecosystem Time to upgrade

We've released fixes for 5 CVEs affecting the Svelte ecosystem. Please upgrade your apps!

Read the post to learn if you're affected:

svelte.dev/blog/cves-af...

Showcase Your Projects! · skeletonlabs skeleton · Discussion #3912 Have an interesting project you've created using Skeleton? Share it here and we will consider adding it to our Showcase page on the Skeleton website. https://www.skeleton.dev/showcase NOTE: if you ...

And to anyone interested in sharing their own Skeleton project, feel free to submit it here:
github.com/skeletonlabs...

Showcase · Skeleton Check out the showcase of amazing projects built by the Skeleton community.

Just a quick shoutout to a few new entries on the Skeleton showcase:
www.skeleton.dev/showcase

This includes:
- Game Oracle: www.game-oracle.com
- Sila: www.silain.com
- Spoiler.js: spoilerjs.sh4jid.me

Great job to all involved! 🎉

Skeleton Progress Update - January 2025 · skeletonlabs skeleton · Discussion #4241 Hey everyone, Chris here from the Skeleton team. Today's monthly update is a bit more exciting as we transition to the new year. This year has seen many large updates, including both the Skeleton v...

Happy new year everyone! 🎉 Today we're ringing in the new year with a new monthly update - oh and a new Carousel component to boot! Please enjoy!

View the monthly update:
github.com/skeletonlabs...

View the new Carousel component:
www.skeleton.dev/docs/framewo...

Modern Svelte Kit - Complete Svelte Kit Course for Beginners YouTube video by Syntax

✅ Async Svelte / Remote Functions
✅ Drizzle + Realworld DB Usage
✅ Auth via Better Auth
✅ Svelte Kit APIs in depth

www.youtube.com/watch?v=vkXx...

Skeleton + Zag.js: Building Cross-Framework Components YouTube video by Segun Adebayo

Hey everyone, Skeleton maintainer Chris Simmons recently had the pleasure of sitting down and chatting with Segun Adebayo, the creator Chakra UI, Zag.js, and more! Learn more about how we're using Zag.js to power our component system!

www.youtube.com/watch?v=SLPB...

Skeleton Progress Update - December 2025 · skeletonlabs skeleton · Discussion #4193 Hey everyone, Chris here from Skeleton. The goal of this post is to highlight the most impactful updates from the last month. It has been a busy month, so let's dive right in! Documentation Updates...

Checkout the new monthly progress update, reviewing the latest changes to Skeleton. Including:

- The recent documentation overhaul
- Reviewing three newly launched components
- Announcing the v4 Figma UI Kit update
- And more!

Full details here:
github.com/skeletonlabs...

Ready for Advent of Svelte 2025? 👀

advent.sveltesociety.dev/2025

Menu · Skeleton Accessible dropdown and context menus for actions and navigation.

Hey everyone, we're happy to share a new Menu component is now available for Skeleton. This was highly in demand in our recent community poll, and comes with a notable amount of new features.

www.skeleton.dev/docs/framewo...

📖 Documentation Updates · skeletonlabs skeleton · Discussion #4076 Hey everyone, today I'm excited to share some notable updates to the Skeleton documentation site. As we came to tail end of the Skeleton v4.0 update, we realized many aspects of the site were not m...

Hey everyone, we're excited to share a number of notable improvements rolling out to the Skeleton docs today! This includes content updates, quality of life improvements, and improved styling. View the full list of changes here:
github.com/skeletonlabs...
And view the site here:
www.skeleton.dev

a black and white cartoon of three skeletons dancing in a cemetery with the words `` happy halloween '' . ALT: a black and white cartoon of three skeletons dancing in a cemetery with the words `` happy halloween '' .

Happy halloween everyone!

Used a Svelte attachment to style <a> when active (ie href matches window.location)

Showcase - Skeleton Check out the showcase of amazing projects built by the Skeleton community.

Alongside today's release, we're also introduce a new Showcase section on our website. If you're working on a cool Skeleton-enable project, let us know!
www.skeleton.dev/showcase

Skeleton v4.0 has launched! 🎉 · skeletonlabs skeleton · Discussion #3920 Hey everyone, Chris here from the Skeleton team. Today we're super excited to share our next major milestone release for Skeleton, version 4.0. Building on the foundation of v3, this update focuses...

We're excited to share that Skeleton v4.0 is now available!

- 🆕 5 new components
- 🧩 New composed pattern
- 🎨 Simpler component styling
- 🧱 Extensible component markup
- ⭐ Custom component animations
- 🛠️ Provider pattern for API access

View the full announcement:
github.com/skeletonlabs...

Learn SvelteKit Remote Functions Tutorial YouTube video by Joy of Code

I made a SvelteKit remote functions tutorial!

Learn how to work with data in SvelteKit from fetching data to guarding routes and optimistic UI updates.

Follow along with me as we build Svelte Tricks — a CRUD app using Better Auth and Drizzle ORM.

youtu.be/Ldnmirx0QtI

Skeleton v4 - Community Survey With Skeleton v4 launching soon, the Skeleton team wanted to take this opportunity to provide a community poll to gather feedback. This will help inform the priorities for the team going forward, and ...

As we prepare for the Skeleton v4 release, we've prepared a new community survey. As always, this is anonymous and does not require a login to complete. Your feedback is invaluable and greatly appreciated!

forms.gle/aS2o3x5fwuMQ...

Tree View - Skeleton Skeleton is an adaptive design system powered by Tailwind CSS.

Tree View:
next.skeleton.dev/docs/compone...

Listbox - Skeleton Skeleton is an adaptive design system powered by Tailwind CSS.

Listbox:
next.skeleton.dev/docs/compone...

Date Picker - Skeleton Skeleton is an adaptive design system powered by Tailwind CSS.

Date Picker:
next.skeleton.dev/docs/compone...

Quick update to the Skeleton v4 RC - we now have three brand new components available:

- DatePicker
- Listbox
- TreeView

We'll link the docs for each below.

Note that we continue to refine our onboarding/migration docs. Expect a new draft tomorrow including CLI instructions!

Realizing I never posted this to Bluesky 🫢

✨ Introducing Shaders

A first-of-it's-kind component library for jaw-dropping effects and frontend magic, shipping soon for @vuejs.org, @react.dev & @svelte.dev.

Packages • Svelte Packages for your Svelte and SvelteKit apps

svelte.dev/packages is now live!

It's a convenient and easily discoverable place to find a sampling of high quality packages in the ecosystem. We hope it will give confidence in the Svelte ecosystem to newcomers and help them get started more easily.

Fundamentals - Skeleton An introduction to the core concepts of Skeleton.

Learn the new fundamentals here:
next.skeleton.dev/docs/get-sta...

Install a new project here:
next.skeleton.dev/docs/get-sta...

Or follow our migration guide for existing projects:
next.skeleton.dev/docs/get-sta...

skeleton update 16 YouTube video by Skeleton Labs

Check out the video walkthrough of today's update by Chris, the core maintainer for Skeleton:
youtu.be/T10wNOQOehQ

Announcing the Skeleton v4 Release Candidate · skeletonlabs skeleton · Discussion #3844 Hey everyone, Chris here from Skeleton. As you may know, @Hugos68, the team, and I have been hard at work the past few months on the new Skeleton v4 update . This focuses on major updates to the Sk...

Hey folks! Today's we're thrilled to announce the new Skeleton v4 Release Candidate, including 5 key updates to components:

- Composable pattern
- Overhauled styling
- Extensible markup
- Custom animations
- Provider pattern

Full details info here:
github.com/skeletonlabs...