Skip to main content
Cross-framework skeleton loading toolkit

Skelia

Build polished loading states that feel consistent across products, frameworks, and platforms. Start with the lightweight CSS core, then use the same loading language across React, Vue, and Svelte component packages.

Get startedBrowse examples

Why Skelia

Built for consistent loading states

CSS first

Import one stylesheet and compose accessible placeholders with primitives, utilities, and animations.

Framework ready

Skelia starts with core CSS and includes idiomatic React, Vue, and Svelte component packages.

Token driven

Customize colors, radius, animation timing, spacing, and borders with CSS custom properties.

Package docs

Choose your package

Start with the CSS foundation or use a framework component layer built on top of the same primitives.

@skelia/coreCSS primitives, animations, utilities, and theming.@skelia/reactTyped React components powered by the core CSS system.@skelia/vueTyped Vue components powered by the core CSS system.@skelia/svelteTyped Svelte components powered by the core CSS system.
@skelia/react-nativePlanned React Native primitives for native loading states.Planned
@skelia/flutterPlanned Flutter widgets for native loading states.Planned