dhg/skeleton

Analysis updated 2026-06-21

★ 19,416CSSAudience · vibe coderComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((Skeleton CSS))
    What it does
      Default HTML styles
      Responsive grid
      400 lines total
    Included files
      skeleton.css
      Normalize CSS
      Sample HTML
    Use cases
      Simple websites
      Quick prototypes
      No-build projects
    Audience
      Solo developers
      Beginners
      Rapid prototypers

mindmap root((Skeleton CSS)) What it does Default HTML styles Responsive grid 400 lines total Included files skeleton.css Normalize CSS Sample HTML Use cases Simple websites Quick prototypes No-build projects Audience Solo developers Beginners Rapid prototypers

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Build a clean, mobile-friendly landing page or personal site by linking skeleton.css and writing plain HTML, no build tools or install steps needed.

USE CASE 2

Prototype a new web project quickly with default styles for headings, buttons, and forms already handled so you can focus on content.

USE CASE 3

Use Skeleton's grid system to create multi-column layouts that automatically stack into a single column on mobile screens.

What is it built with?

CSS

How does it compare?

	dhg/skeleton	tobiasahlin/spinkit	uvdesk/community-skeleton
Stars	19,416	19,370	18,634
Language	CSS	CSS	CSS
Setup difficulty	easy	easy	hard
Complexity	1/5	1/5	4/5
Audience	vibe coder	designer	pm founder

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

In plain English

Skeleton is a tiny CSS starting kit that helps you build websites that look good on both desktop and mobile screens. The problem it solves is the blank-page problem: when you start a new website project, you have to write a lot of repetitive CSS just to get basic things right, sensible default styles for headings, buttons, forms, and a grid that rearranges itself on small screens. Skeleton handles all of that for you in roughly 400 lines of CSS. It is intentionally minimal. It styles plain HTML elements directly and includes a simple grid system (a way of laying out columns of content) that adapts to different screen sizes automatically. There is nothing to install or compile, you just link the CSS file in your HTML page and start building. The download includes skeleton.css, Normalize CSS (which irons out inconsistencies between different browsers), and a sample index.html to get you started. You would reach for Skeleton when you want to build a simple website or prototype quickly without the weight and complexity of a full framework like Bootstrap. It works well for solo developers, small sites, and quick mockups. The tech stack is plain CSS with no build tools required.

Copy-paste prompts

Prompt 1

I'm using dhg/skeleton CSS. Write me a complete HTML page with a two-column layout using Skeleton's grid, a header, a styled primary button, and a simple contact form.

Prompt 2

I want to customize Skeleton's default styles without editing skeleton.css directly. Show me which CSS selectors to override in my own stylesheet to change the button color and base font family.

Prompt 3

Help me build a minimal portfolio page using only Skeleton CSS and plain HTML, no JavaScript, no build tools, no frameworks, with a nav bar, a project grid, and a footer.

Prompt 4

How do I add Skeleton CSS to an existing HTML project using a CDN link instead of downloading the files, and what other stylesheets do I need to include alongside it?

Frequently asked questions

What is skeleton?

Skeleton is a tiny 400-line CSS starter kit that gives you sensible default styles and a responsive grid so you can build a simple, mobile-friendly website without writing any boilerplate CSS.

What language is skeleton written in?

Mainly CSS. The stack also includes CSS.

How hard is skeleton to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is skeleton for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub dhg on gitmyhub

Verify against the repo before relying on details.