Showcase Your Projects!

[endigo9740]

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 found this page before the v4 launch then go here.

Requirements

Include at least the following in your post. Well add this directly to the showcase:

• URL - Share a working permanent URL to your site
• Name - Provide a short name for your product or company
• Description - Provide a short description of your site (ideally around 5 words total)

We also welcome the following:

• Please also include a screenshot. This helps GitHub users. We'll handle the showcase version!
• Feel free to tell us more about your project, what it does, and how you're using Skeleton

Rules for Submission

1. Your site must built with Skeleton
2. Keep things professional and family friendly (nothing lewd, dangerous, or illegal)
3. Make sure you've done your best to test for many users - the best sites are accessible!
4. Make sure it's complete - no early prototypes please!

Tag Us!

To help ensure we see your post, feel free to tag Chris (the core maintainer of Skeleton): @endigo9740

Entry Selection

ETA for updates will be around once per month. We can't promise we'll add every project (sorry!), so if your project isn't included, please be respectful. Keep in mind this thread will remain public, so your project will get some visibility all the same!

Thanks everyone, and we look forward to viewing your amazing work!

[endigo9740]

To help things get started, here's my personal portfolio site built with Skeleton!

URL: https://endigodesign.com/
Name: Endigo Design
Description: The portfolio of Chris Simmons.

This is very simple static website built with Astro + Skeleton. It's light on components, but utilizes the design system to handle my colors and quickly add primitive elements like buttons, typography, etc. The site is also open source, so you're welcome to view how I constructed it here:

https://github.com/endigo9740/endigo-design

[Typogram]

Name: Typogram Studio
URL: https://typogram.co/studio/
Description: A browser-based workspace for designing logos and typography with pro-level features—OpenType controls, variable fonts, ligatures, alternate glyphs, and more. Offers a Canva-like, intuitive experience to create and export artboards through a streamlined, minimalist interface.

I did a simple logo for Skeleton that incorporate the skeleton icon in the logotype using Typogram Studio! I chose a font that is modular like Lego but also has its unique character and style, not just simple blocks but stylish blocks! It embodies what i think of Skeleton. Skeleton is a building block but it is not your average vanilla building block that lacks characters, it has opinionated style! Here is the svg:

[endigo9740]

@Typogram whoa, this is super cool! I'm a sucker for really well crafted typography and purpose-built tools like this, so this is right up my alley. I love everything you've done with this and show you've showcased it. And the Skeleton concept is really cool. I keep thinking we need a text-based version of our logo. Maybe something we can collaborate on?

On a related note, and only if you're interested, but maybe ping me on Discord. We're cooking up some major typography updates for themes in the upcoming v5 release and I'd love to have a sanity check on some of this. I have a early spec I can share that showcases some of what we have planned. I'd love to just get your knee jerk reaction before we present it to the wider community. Make sure we're heading in the right direction, and help poke holes if there's something we've missed.

Absolutely zero pressure, but it's hard to find folks with a good handle on this. So I hope you don't mind me asking :)

[Typogram]

Yes, would love to collaborate! I am not using discord at the moment, I will shoot you an email to set something up :)

[robert-wettstaedt]

Thats a cool project! I might dabble with it trying to create a better icon for my project than the current one

[Typogram]

Site: CodingFont
URL: https://www.codingfont.com/
Description: An interactive, tournament-style game to help you find your favorite programming font. Instantly preview, compare, and pick winners, with real-time theme switching for both the site and code editor preview. Features a lightweight, minimal interface built on a flexible design system.

I love Skeleton! Used it to build most of my projects. Typogram Studio and Coding Font are the most popular.

[endigo9740]

@Typogram same here, very cool project! I'm a huge advocate for gamification, so this is awesome!

[robert-wettstaedt]

@endigo9740

• URL: https://demo.grnyte.rocks
• Name: grnyte
• Description: Secure bouldering topo and session tracker

grnyte is a privacy-first boulder area management platform built with SvelteKit that uses Skeleton's design system with the Catppuccin theme and follows a mobile-first PWA approach. It utilizes over 15 Skeleton components including Navigation, AppBar, Tabs, Modal, ProgressRing, and Pagination throughout the bouldering route management interface and handles complex data workflows like route tracking, area management, and user activity feeds.

https://github.com/robert-wettstaedt/grnyte

[endigo9740]

Great job Robert! I have no idea what a "boulder area management platform" is - can you explain that? Base on the screenshot...is this like a form of rock climbing? I'm originally from Texas in the US where everything is flat, so we don't know anything about verticality heh.

[robert-wettstaedt]

Exactly! This is about rock climbing, specifically "bouldering" which is climbing on shorter rocks (usually 10-20 feet high) without ropes. A "boulder area" is a location with multiple climbable rocks, and climbers need to document routes, difficulty grades, and other details to share with the community.

In the screenshot, you can see two climbing routes mapped on a rock face with star ratings (quality) and difficulty grades. The app helps climbing communities organize this information. Think of it like a collaborative database for outdoor climbing spots, helping people find and share routes while protecting sensitive locations that might be on private land.

Fun fact: Texas actually has Hueco Tanks State Park near El Paso. One of the world's most famous bouldering destinations! So even in flat Texas there are some adventures waiting :)

[endigo9740]

Very cool! Unfortunately I grew up in the northern part which is mostly grasslands and cows. Though I suppose you could climb them too :) Thank you for your submission, and glad to see Skeleton was able to help out!

[shajidhasan]

• URL: https://spoilerjs.sh4jid.me
• Name: spoilerjs homepage
• Description: The homepage for a web component, to easily add fancy spoiler effects to texts, inspired by the Telegram app. This is my first npm library ever! Just a small way to give back to the community.

I've been using Skeleton for a long long time (since V1), and I love it.

[endigo9740]

Very nice work @shajidhasan, that's a super trippy effect you're using but I love it. I really enjoy a straight forward landing page that just tells you everything you need to know in one go. Great job!