--- title: "Generate Livewire Skeleton Placeholders Automatically with Wirebones" url: https://daily.dev/posts/generate-livewire-skeleton-placeholders-automatically-with-wirebones-jsgeaypsw source_url: https://laravel-news.com/generate-livewire-skeleton-placeholders-automatically-with-wirebones type: article source: "Laravel News" published: 2026-05-08T13:17:15.038Z updated: 2026-05-08T13:17:38.964Z tags: ["php", "laravel"] reading_time: 2 upvotes: 45 comments: 1 language: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Generate Livewire Skeleton Placeholders Automatically with Wirebones **[Laravel News](https://daily.dev/sources/ln)** · 2 min read · 45 upvotes · 1 comments ## Summary Wirebones is a Laravel package that automatically generates skeleton placeholder Blade files for Livewire lazy-loaded components. It uses headless Chromium at build time to capture the rendered DOM of a component and produce a matching skeleton view, so placeholders stay in sync with the real layout without manual maintenance. Key features include responsive multi-breakpoint capture, Vite file-watcher integration for auto-rebuild, support for authenticated routes, and compatibility with Livewire's lazy, defer, and lazy.bundle modes. Chromium is only needed at build time — production servers serve the generated Blade files normally. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@muhammadfahmi** · 1 upvotes > nice livewire library, thanks for sharing --- Tags: [#php](https://daily.dev/tags/php), [#laravel](https://daily.dev/tags/laravel) [View this post on daily.dev](https://daily.dev/posts/generate-livewire-skeleton-placeholders-automatically-with-wirebones-jsgeaypsw)