0xGF/boneyard

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.

Historique des stars