awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
Brain-Bones avatar

Brain-Bones/skeleton

0
View on GitHub↗
5,991 星标·389 分支·TypeScript·MIT·6 次浏览skeleton.dev↗

Skeleton

Skeleton 是一个 Svelte Tailwind UI 工具包和自适应组件库。它提供了一个实用优先的设计系统,用于构建响应式 Web 界面,专注于在各种屏幕尺寸上保持一致的主题和排版。

该工具包将预设样式的组件与布局工具相结合,以支持响应式 UI 设计和快速前端原型开发。它通过一套标准化的样式和布局实用类,实现了自适应用户界面的创建。

该系统涵盖了 Svelte Web 开发和 Tailwind CSS 样式的高级功能,利用灵活的网格系统和基于 CSS 变量的主题化方案。

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 历史

brain-bones/skeleton 的 Star 历史图表brain-bones/skeleton 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

常见问题解答

brain-bones/skeleton 是做什么的?

Skeleton 是一个 Svelte Tailwind UI 工具包和自适应组件库。它提供了一个实用优先的设计系统,用于构建响应式 Web 界面,专注于在各种屏幕尺寸上保持一致的主题和排版。

brain-bones/skeleton 的主要功能有哪些?

brain-bones/skeleton 的主要功能包括:Pre-designed UI Elements, Tailwind Component Collections, Tailwind CSS Integration, CSS Variable Theming, Design Tokens, Themed Component Libraries, Responsive Design, Component-Based Architectures。

brain-bones/skeleton 有哪些开源替代品?

brain-bones/skeleton 的开源替代品包括: 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,… konstaui/konsta — Konsta is a cross-platform mobile design system and native-style component library. It provides a collection of… mdbootstrap/tw-elements — TW-Elements is a Tailwind CSS component library and responsive UI kit providing a collection of pre-styled elements… 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…

Skeleton 的开源替代方案

相似的开源项目,按与 Skeleton 的功能重合度排序。
  • gluestack/gluestack-uigluestack 的头像

    gluestack/gluestack-ui

    4,931在 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
    在 GitHub 上查看↗4,931
  • arthelokyo/astrowindarthelokyo 的头像

    arthelokyo/astrowind

    5,756在 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
    在 GitHub 上查看↗5,756
  • konstaui/konstakonstaui 的头像

    konstaui/konsta

    4,193在 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
    在 GitHub 上查看↗4,193
  • mdbootstrap/tw-elementsmdbootstrap 的头像

    mdbootstrap/TW-Elements

    13,143在 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
    在 GitHub 上查看↗13,143
查看 Skeleton 的所有 30 个替代方案→