← Examples

Livewire and Unscripted, side by side

The same three components written twice: with Livewire on the left and Unscripted on the right, on the same page and the same Laravel app. Both are good ways to build a Laravel interface; they make different trade-offs about where the component runs. Add some network delay with the slider and use both sides to feel the difference.

Livewire requests 0 Unscripted requests 0

Counter

Click quickly. Livewire runs the action on the server, so each click is a request. While one is on its way, Livewire 4 queues the next and merges identical ones (a guard against double clicks), so quick clicks on a slow connection can count once. Unscripted runs the action in the browser.

Livewire requests 0last update –
0
Unscripted requests 0last update –
0

Live search

Type to filter 500 products. Livewire filters on the server as you type. Unscripted fetches the list once and filters in the browser.

Livewire requests 0last update –

500 matches

  • Light Kettle 521Office$346.68
  • Pro Water Bottle 879Kitchen$452.83
  • Smart Mug 108Outdoors$98.98
  • Classic Monitor 272Kitchen$175.34
  • Mini Kettle 195Office$184.89
  • Smart Water Bottle 227Home$433.27
  • Compact Kettle 616Kitchen$35.97
  • Mini Backpack 627Home$491.89
  • Ultra Keyboard 604Outdoors$370.30
  • Compact Tent 498Outdoors$171.24
  • Ultra Water Bottle 207Kitchen$156.59
  • Pro Notebook 965Outdoors$151.97
  • Classic Headphones 153Outdoors$231.85
  • Classic Mug 339Outdoors$220.69
  • Compact Notebook 801Home$488.89
  • Deluxe Headphones 156Kitchen$137.88
  • Compact Blender 431Home$449.57
  • Ultra Water Bottle 447Office$82.44
  • Ultra Headphones 798Kitchen$129.72
  • Eco Speaker 777Kitchen$375.16
  • Classic Headphones 746Kitchen$279.36
  • Light Water Bottle 159Outdoors$187.91
  • Classic Notebook 173Home$195.30
  • Pro Kettle 519Audio$73.71
  • Deluxe Notebook 861Office$32.80
  • Ultra Headphones 840Kitchen$21.13
  • Classic Monitor 106Outdoors$173.48
  • Compact Headphones 949Audio$322.98
  • Pro Keyboard 416Outdoors$292.34
  • Light Notebook 198Office$324.09
  • Deluxe Speaker 344Outdoors$189.84
  • Pro Tent 411Audio$305.77
  • Deluxe Keyboard 445Audio$11.18
  • Mini Notebook 550Outdoors$153.25
  • Heavy Monitor 440Kitchen$296.21
  • Deluxe Monitor 996Kitchen$378.83
  • Heavy Monitor 961Audio$327.41
  • Compact Desk Lamp 160Kitchen$58.83
  • Smart Monitor 455Outdoors$342.56
  • Ultra Blender 648Home$44.98
  • Ultra Mug 462Audio$69.53
  • Light Speaker 846Audio$465.28
  • Classic Headphones 819Outdoors$433.58
  • Heavy Kettle 881Kitchen$482.83
  • Compact Tent 953Home$234.66
  • Light Headphones 126Office$26.54
  • Mini Blender 419Outdoors$424.59
  • Ultra Mug 271Home$456.64
  • Smart Kettle 227Outdoors$274.23
  • Light Monitor 360Audio$337.04
Unscripted requests 0last update –

Form with live validation

The same Laravel rules on both sides. Livewire checks each field on the server as it changes. Unscripted checks them in the browser as you type, and the server checks them all again on submit.

Livewire requests 0last update –
Unscripted requests 0last update –

Reading the numbers