PHPackages ramiro1982/livewire-infinite-feed - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. ramiro1982/livewire-infinite-feed ActiveLibrary[Utility & Helpers](/categories/utility) ramiro1982/livewire-infinite-feed ================================= Livewire infinite scroll feed component v0.4.3(1y ago)012MITPHP Since Jun 27Pushed 1y agoCompare [ Source](https://github.com/RAMIRO1982/livewire-infinite-feed)[ Packagist](https://packagist.org/packages/ramiro1982/livewire-infinite-feed)[ RSS](/packages/ramiro1982-livewire-infinite-feed/feed)WikiDiscussions main Synced 1w ago READMEChangelogDependencies (2)Versions (10)Used By (0) Livewire Infinite Feed ====================== [](#livewire-infinite-feed) A reusable Livewire component that provides **infinite scroll** functionality for any Eloquent model. Ideal for feeds, post-listings, news pages, and more. --- 🚀 Installation -------------- [](#-installation) You can install the package via Composer: ``` composer require ramiro1982/livewire-infinite-feed:^0.4.3 ``` 🧑‍đŸ’ģ Basic Usage --------------- [](#‍-basic-usage) ``` ``` 🛠ī¸ Required Parameters ---------------------- [](#ī¸-required-parameters) - `model` (string): Fully qualified class name of the Eloquent model. - `item-view` (string): Blade partial used to render each item in the feed. When rendering, the component will include your partial like this: ``` @include($this->itemView, ['post' => $item]) ``` ℹī¸ The variable name (e.g., `post`) is derived from the model name in lowercase. ⚙ī¸ Optional Parameters ---------------------- [](#ī¸-optional-parameters) - `per-page` *(int)*: Number of items per scroll (default: 10) - `placeholder` *(string)*: View shown as placeholder during lazy loading — requires using the `lazy` attribute - `with` *(array)*: Relationships to eager load ⚠ī¸ Use the `:` prefix in Blade to pass the with parameter as a PHP array: ``` ``` đŸ•ŗī¸ Placeholder View ------------------- [](#ī¸-placeholder-view) To show a placeholder while the component loads, provide a custom view and use `lazy`: ``` ``` 🧩 Overriding the Default View and Placeholder --------------------------------------------- [](#-overriding-the-default-view-and-placeholder) To customize the default views, publish them with: ``` php artisan vendor:publish --tag=views ``` This will copy the files to: - `resources/views/vendor/infinite-feed/feed.blade.php` - `resources/views/vendor/infinite-feed/placeholder.blade.php` The default view uses [Tailwind CSS](https://tailwindcss.com/) and [Flux UI](https://fluxui.dev) components. ⚙ī¸ Requirements --------------- [](#ī¸-requirements) This component requires Alpine.js to handle scroll detection. ### Via CDN: [](#via-cdn) ``` ``` ### Or via NPM (Vite): [](#or-via-npm-vite) ``` npm install alpinejs ``` ``` // app.js import Alpine from 'alpinejs' window.Alpine = Alpine Alpine.start() ``` 🔄 Refreshing the Feed --------------------- [](#-refreshing-the-feed) If your application allows creating new items via another component, you can automatically refresh the feed by dispatching the `item-added` event. 🙌 Created by ------------ [](#-created-by) Made with đŸ’ģ and ☕ by [Ramiro Rimoldi](https://github.com/RAMIRO1982) 🤝 Contributing -------------- [](#-contributing) Pull requests and suggestions are welcome! If you find a bug or want to add a feature, feel free to open an issue or PR. --- 📄 License --------- [](#-license) MIT Š [RAMIRO1982](https://github.com/RAMIRO1982) ### Health Score 24 — LowBetter than 30% of packages Maintenance46 Moderate activity, may be stable Popularity5 Limited adoption so far Community6 Small or concentrated contributor base Maturity33 Early-stage or recently created project Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~1 days Total 9 Last Release 403d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/1e7108cb10729f4436c451a3b6fddcfc38d931504e1629a626310e7ff839b244?d=identicon)[RAMIRO1982](/maintainers/RAMIRO1982) --- Top Contributors [![RAMIRO1982](https://avatars.githubusercontent.com/u/44206152?v=4)](https://github.com/RAMIRO1982 "RAMIRO1982 (17 commits)") --- Tags alpinejsfluxinfinite-scrolllaravellivewirepagination ### Embed Badge ![Health badge](/badges/ramiro1982-livewire-infinite-feed/health.svg) ``` [![Health](https://phpackages.com/badges/ramiro1982-livewire-infinite-feed/health.svg)](https://phpackages.com/packages/ramiro1982-livewire-infinite-feed) ``` ### Alternatives [livewire/flux The official UI component library for Livewire. 9628.9M155](/packages/livewire-flux)[leandrocfe/filament-apex-charts Apex Charts integration for Filament PHP. 4971.7M12](/packages/leandrocfe-filament-apex-charts)[tallstackui/tallstackui TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications. 731189.9k16](/packages/tallstackui-tallstackui)[noerd/noerd 111.6k17](/packages/noerd-noerd)[ramonrietdijk/livewire-tables Dynamic tables for models with Laravel Livewire 21362.6k](/packages/ramonrietdijk-livewire-tables)[usamamuneerchaudhary/commentify Easy Laravel Livewire Comments with TailwindCSS UI 23216.2k](/packages/usamamuneerchaudhary-commentify) PHPackages Š 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)