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

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
0xGF avatar

0xGF/boneyard

0
View on GitHub↗
5,970 estrellas·235 forks·TypeScript·MIT·12 vistasboneyard.vercel.app↗

Boneyard

Auto generated skeleton loading framework

Features

  • Build-Time Captures - Captures real UI layouts at build time to generate pixel-perfect skeleton placeholders for any framework.
  • Live Layout Captures - Snapshots rendered component layouts at build time to produce pixel-perfect skeleton screens.
  • Skeleton Build Caches - Provides incremental build caching that hashes skeletons and recaptures only changed components.
  • Skeleton Build Commands - Runs a build command that auto-detects the dev server and Tailwind breakpoints, then writes responsive skeleton data as static JSON files.
  • Skeleton Components - Provides a unified skeleton component that renders captured bone data identically across React, Vue, Svelte, and more.
  • Live Layout Captures - Captures exact rendered UI layouts at build time to produce pixel-perfect skeleton placeholders.
  • Skeleton Data Captures - Provides a low-level JavaScript API to snapshot bone data from DOM elements and render skeleton placeholders.
  • Skeleton Framework Integrations - Ships framework-specific skeleton components for React, Preact, Vue, Svelte, Angular, and React Native.
  • Layout Captures - Captures exact rendered UI layouts at build time using headless browsers to produce pixel-perfect skeleton data.
  • Skeleton Placeholders - Displays automatically generated skeleton screens that match the captured layout, scaling bone positions to the user's font size.
  • Loading Skeletons - Generates pixel-perfect skeleton placeholders by capturing real UI layouts at build time for any framework.
  • Skeleton Components - Provides framework-specific skeleton components for React, Preact, Vue, Svelte, Angular, and React Native.
  • Incremental Build Caches - Provides incremental build caching that hashes skeletons and recaptures only changed components.
  • Multi-Framework Generators - Creates skeleton components for React, Preact, Vue, Svelte, Angular, and React Native from a single capture pipeline.
  • Vite Capture Plugins - Provides a Vite plugin that automatically captures skeleton bones on dev server start and HMR updates.
  • Build-Time Captures - Opens a headless browser or scans a device to snapshot real layouts for pixel-perfect skeleton data.
  • Live Layout Captures - Captures actual rendered UI layouts at build time to generate pixel-perfect skeleton placeholders.
  • Auto-Capture Plugins - Integrates with Vite to automatically capture skeleton bones on dev server start and re-capture on every HMR update.
  • Skeleton - Applies pulsing or shimmering animations to skeleton placeholders to indicate ongoing loading activity.
  • Build Cache Hashing - Hashes each skeleton component and skips recapturing unchanged layouts during rebuilds for faster builds.
  • Incremental Build Caches - Hashes each skeleton and skips recapturing unchanged components so only modified layouts are re-processed.
  • Incremental Build Optimizers - Hashes each skeleton during the build and skips recapturing unchanged components to speed up subsequent runs.
  • Document Structure Skeletons - Hashes each skeleton and recaptures only components whose layout has changed, keeping incremental builds fast.
  • Build Configuration Detections - Scans the running dev server and Tailwind breakpoints during a CLI command to generate responsive skeleton data.
  • Skeleton - Controls bone color, animation style, stagger delay, and fade-out transition per skeleton instance.
  • Skeleton Integrations - Replaces a Suspense boundary's fallback with a captured skeleton that renders while the async query resolves.
  • Skeleton Name Resolvers - Provides a name-based resolver that maps skeleton components to their captured bone data at runtime.
  • Build Configuration Detections - Scans the running development server and Tailwind breakpoints during a build command to produce responsive skeleton data.
  • Runtime Adaptations - Captures skeleton data at multiple breakpoints and uses ResizeObserver to display the best-matching placeholder.
  • Appearance Customizations - Controls bone color, animation style, stagger delay, and fade-out transition per skeleton instance.
  • Auto-Resolving Registries - Ships an auto-resolving registry that maps skeleton components to their bone data by name.
  • Responsive Adaptations - Captures skeleton data at multiple breakpoints and adapts to viewport changes at runtime via ResizeObserver.
  • Responsive Skeleton Placeholders - Captures skeleton data at multiple breakpoints and adapts placeholders to viewport changes via ResizeObserver.
  • Skeleton Captures - Automatically captures skeleton data on dev server start and re-captures on every HMR update without a separate CLI.

Historial de estrellas

Gráfico del historial de estrellas de 0xgf/boneyardGráfico del historial de estrellas de 0xgf/boneyard

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Preguntas frecuentes

¿Qué hace 0xgf/boneyard?

Auto generated skeleton loading framework

¿Cuáles son las características principales de 0xgf/boneyard?

Las características principales de 0xgf/boneyard son: Build-Time Captures, Live Layout Captures, Skeleton Build Caches, Skeleton Build Commands, Skeleton Components, Skeleton Data Captures, Skeleton Framework Integrations, Layout Captures.

¿Qué alternativas de código abierto existen para 0xgf/boneyard?

Las alternativas de código abierto para 0xgf/boneyard incluyen: juanpe/skeletonview — SkeletonView is an iOS loading skeleton library used to display animated placeholder views that mimic a layout's… dvtng/react-loading-skeleton — react-loading-skeleton is a React library for rendering placeholder shapes that simulate content loading states. It… 11ty/eleventy-base-blog — This project is a foundational boilerplate and starter framework designed for building content-heavy websites and… ethanhua/skeleton — Skeleton is a skeleton loading library and UI component library for mobile applications. It provides a system for… danilowoz/react-content-loader — This project is a React skeleton loader library and UI component set used to create animated SVG placeholder shapes… sharish/shimmerrecyclerview — ShimmerRecyclerView is an Android library used to render animated loading placeholders within RecyclerView lists. It…

Alternativas open-source a Boneyard

Proyectos open-source similares, clasificados según cuántas características comparten con Boneyard.
  • juanpe/skeletonviewAvatar de Juanpe

    Juanpe/SkeletonView

    12,873Ver en GitHub↗

    SkeletonView is an iOS loading skeleton library used to display animated placeholder views that mimic a layout's structure while asynchronous data loads. It functions as a UI placeholder generator and a UIView animation framework to indicate active background processes. The library includes a list view skeleton orchestrator that generates placeholder cells and headers for table and collection views based on data source protocols. It provides tools to simulate text layouts using configurable line counts and spacing to prepare users for the final screen structure. Capability areas cover the co

    Swift
    Ver en GitHub↗12,873
  • dvtng/react-loading-skeletonAvatar de dvtng

    dvtng/react-loading-skeleton

    4,204Ver en GitHub↗

    react-loading-skeleton is a React library for rendering placeholder shapes that simulate content loading states. It provides a collection of themed UI components used to represent loading interfaces before data is fetched and displayed. The library features a hierarchical theme provider that allows for the global or nested management of colors and animations. It includes customizable placeholders that support various dimensions and shapes, such as circular indicators for profile elements and block-level shapes for general content. The system implements accessibility standards by mapping comp

    TypeScriptjavascriptloading-animationsplaceholder
    Ver en GitHub↗4,204
  • 11ty/eleventy-base-blogAvatar de 11ty

    11ty/eleventy-base-blog

    1,527Ver en GitHub↗

    This project is a foundational boilerplate and starter framework designed for building content-heavy websites and blogs. It functions as a static site generator that transforms source files, such as Markdown and various template formats, into pre-rendered HTML during the build process. By eliminating the need for client-side processing, it produces high-performance, secure, and accessible web output ready for deployment to any standard hosting environment. The framework distinguishes itself through a robust build-time pipeline that manages complex content structures and asset optimization. It

    Nunjucksblogeleventyeleventy-sample
    Ver en GitHub↗1,527
  • ethanhua/skeletonAvatar de ethanhua

    ethanhua/Skeleton

    3,720Ver en GitHub↗

    Skeleton is a skeleton loading library and UI component library for mobile applications. It provides a system for rendering animated shimmer placeholders and grayed-out shapes that mimic the final layout of a page while content is loading. The framework acts as a UI placeholder generator that automatically mirrors the dimensions and margins of actual views to create structurally accurate loading states. It implements a shimmer animation framework that applies sliding gradient overlays without requiring modifications to the original UI source code. The library covers loading state visualizati

    Javaandroid-libraryandroid-uiloadingview
    Ver en GitHub↗3,720
  • Ver las 30 alternativas a Boneyard→