44 Laravel Livewire v3/v2 Components

You enter post title, and unique slug is generated, in live-mode as you type.

You choose a country from dropdown, and cities dropdown is refreshed automatically.

A block for voting on a post - upvote/downvote with validation against repeating votes.

CRUD with table and pagination, and with add/edit Bootstrap modal window.

More complex datatable with filter by category, search by text, or in each column.

Validate the form fields data as user types them in, showing error messages immediately.

Chart that loads data from external API with refresh every 5 seconds.

Choose a few entries with checkboxes, and bulk edit some of their fields in a popup dialog.

Two components: product list and cart count. Add (or remove) a product to cart.

Three-step form where you can't advance to next step before filling in all the fields.

Add comments to a blog post without refreshing the page on each comment submission.

Table with ability to edit records inline, inside the table, without reloading the page.

Quiz with questions and options without reloading the page after answers.

Instead of traditional number-based pagination, you can have "Load more..." button for infinite pagination.

Add and edit invoice items, choosing them from products and adding taxes with live-calculations.

Example how to use wire:ignore and stack JavaScript for a jQuery library to keep it working

Calculate averate rating of a post and pick a star from 1 to 5, recalculating rating with no page refresh.

Tick the checkbox(es) and click the button to perform multi-records delete.

Sidebar filters: amount of products per price/category/manufacturer, refreshing the product list.

You choose a country from dropdown, then a state from United States, and cities dropdown is refreshed automatically.

Live-chat message exchange with polling the latest messages every 2 seconds.

Parent-child dropdowns which you can add to any Laravel form, passing parameters.

An input of toggle on/off value of the field you want from your Eloquent model object.

Two examples of implementing Sweet Alert with Livewire: success message and confirmation dialog.

Add product to cart, choose your country and shipping method: Livewire will re-calculate the final price.

Form with a textarea element which is powered by WYSIWYG CKEditor.

Table with ability to drag-drop rows and reorder their positions in that way.

Table with checkboxes and buttons to export the selected records to XLS, CSV or PDF files.

Form with select dropdown and ability to add the option without leaving the form, in a popup modal.

Form with multiple dropdowns where changing one value makes that value disappear from other dropdowns.

Form with a select dropdown that includes two-level checkboxes with parent-child auto-toggle

Form to create an application form with questions and ability to choose questions from templates

Form with a date picker element, based on JS library Pikaday, using date format.

Form with a URL field that fires external request and get title/image/description of that URL page.

A pair of two password fields with ability to generate a random password and show/hide the password

Form with the fields that are auto-saved in the background every 10 seconds.

Password field with the indicator underneath, whether password is weak or strong enough

Form with file upload field using Filepond and Spatie Laravel Media Library

Input field that searches for value in multiple Eloquent models and their fields.

Component that adds like/unlike, reactions and bookmarks to posts.

Component to choose the available timeslot for reservation or registration, based on the chosen date.

Component to show the example of Virtual Select library: dropdown with search auto-complete.

Component to show the example of Tom Select library: dropdown with search auto-complete.

Component to show how to include a WYSIWYG Quill Editor into the Livewire-powered form.