awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
Brain-Bones avatar

Brain-Bones/skeleton

0
View on GitHub↗
5,991 stars·389 forks·TypeScript·MIT·26 viewsskeleton.dev↗

Skeleton

Skeleton is a Svelte Tailwind UI toolkit and adaptive component library. It provides a utility-first design system for building reactive web interfaces, focusing on consistent themes and typography across various screen sizes.

The toolkit combines pre-styled components with layout tools to support responsive UI design and rapid frontend prototyping. It enables the creation of adaptive user interfaces through a standardized set of utility classes for styling and layout.

The system covers high-level capabilities in Svelte web development and Tailwind CSS styling, utilizing a flexible grid system and CSS variable-based theming.

Features

  • Pre-designed UI Elements - Ships a comprehensive library of ready-to-use visual components and layout blocks for rapid integration.
  • Tailwind Component Collections - Provides a collection of pre-styled UI elements tailored for the utility-first paradigm of Tailwind CSS.
  • Tailwind CSS Integration - Integrates components designed to be styled exclusively with utility-first Tailwind CSS classes.
  • CSS Variable Theming - Utilizes CSS custom properties to allow real-time updates to global design tokens for colors and typography.
  • Design Tokens - Implements a system of design tokens to ensure visual consistency across the component library.
  • Themed Component Libraries - Provides a set of reusable UI components with integrated systems for consistent visual styling via variables.
  • Responsive Design - Provides tools and techniques for creating adaptive layouts that maintain consistency across mobile and desktop devices.
  • Component-Based Architectures - Employs a modular component architecture powered by the Svelte compiler to optimize reactivity and DOM updates.
  • Adaptive Layout Systems - Offers systems that automatically adjust layout structures across various device screen sizes for a seamless experience.
  • Svelte Development - Provides a specialized set of layout and styling tools specifically for the Svelte ecosystem.
  • Utility-First CSS Frameworks - Provides low-level atomic CSS classes to compose complex designs directly within the HTML markup.
  • Frontend Layout Prototyping - Enables rapid assembly of interactive web interfaces using pre-defined design blocks and pre-styled components.
  • Reactive Data Stores - Uses observable Svelte stores to synchronize reactive data across decoupled UI components and layouts.
  • Flexible Grid Layouts - Provides a flexible grid system that adapts element positioning and scaling based on viewport dimensions.
  • UI Component Libraries - Feature-rich UI toolkit integrating Svelte and Tailwind.

Star history

Star history chart for brain-bones/skeletonStar history chart for brain-bones/skeleton

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Skeleton

Similar open-source projects, ranked by how many features they share with Skeleton.
  • gluestack/gluestack-uigluestack avatar

    gluestack/gluestack-ui

    4,931View on GitHub↗

    gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

    TypeScriptaccessibilitycomponent-librarycustomizable-components
    View on GitHub↗4,931
  • arthelokyo/astrowindarthelokyo avatar

    arthelokyo/astrowind

    5,756View on GitHub↗

    Astrowind is a high-performance site framework and bootstrapping tool designed for building marketing sites, professional portfolios, and high-conversion landing pages. It utilizes a utility-first CSS architecture and a component-based UI library to assemble responsive websites. The project specializes in conversion rate optimization through targeted templates for lead generation, product sales, subscription captures, and pre-launch teasers. It includes specific infrastructure for static blogging, utilizing markdown-based content modeling and rendering for long-form articles. The framework c

    Astroastroastro-blogastro-starter
    View on GitHub↗5,756
  • konstaui/konstakonstaui avatar

    konstaui/konsta

    4,193View on GitHub↗

    Konsta is a cross-platform mobile design system and native-style component library. It provides a collection of pre-made user interface components built with Tailwind CSS to create mobile application views that maintain a consistent native appearance across different mobile operating systems. The library focuses on native interface emulation, applying design systems that mimic the official visual styles and guidelines of iOS and Android. It uses platform-specific style mapping and design-system-based theming to ensure hybrid or web applications look like native apps. The framework covers mob

    JavaScriptandroidiosmaterial-design
    View on GitHub↗4,193
  • mdbootstrap/tw-elementsmdbootstrap avatar

    mdbootstrap/TW-Elements

    13,143View on GitHub↗

    TW-Elements is a Tailwind CSS component library and responsive UI kit providing a collection of pre-styled elements and templates. It functions as an interactive web element set and a customizable theme system for building website interfaces and landing pages. The project enables rapid frontend prototyping through a library of functional interface pieces, including modals, navigation bars, and forms. It provides a set of design blocks and sections specifically for creating mobile-first layouts. The library covers responsive web design and Tailwind CSS UI development. This includes the implem

    JavaScriptcssdashboard-templatesdesign-systems
    View on GitHub↗13,143
See all 30 alternatives to Skeleton→

Frequently asked questions

What does brain-bones/skeleton do?

Skeleton is a Svelte Tailwind UI toolkit and adaptive component library. It provides a utility-first design system for building reactive web interfaces, focusing on consistent themes and typography across various screen sizes.

What are the main features of brain-bones/skeleton?

The main features of brain-bones/skeleton are: Pre-designed UI Elements, Tailwind Component Collections, Tailwind CSS Integration, CSS Variable Theming, Design Tokens, Themed Component Libraries, Responsive Design, Component-Based Architectures.

What are some open-source alternatives to brain-bones/skeleton?

Open-source alternatives to brain-bones/skeleton include: gluestack/gluestack-ui — gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built,… arthelokyo/astrowind — Astrowind is a high-performance site framework and bootstrapping tool designed for building marketing sites,… mdbootstrap/tw-elements — TW-Elements is a Tailwind CSS component library and responsive UI kit providing a collection of pre-styled elements… konstaui/konsta — Konsta is a cross-platform mobile design system and native-style component library. It provides a collection of… unocss/unocss — UnoCSS is an atomic CSS engine and utility-first framework that generates styles on-demand based on the specific… jxnblk/styled-system — styled-system is a prop-based styling library and CSS-in-JS theme system. It functions as a design token orchestrator…