livewiredemos.com Open in urlscan Pro
137.184.145.143  Public Scan

Form analysis
3 forms found in the DOM

<form wire:submit.prevent="login">
  <div class="modal-body">
    <div class="mb-3">
      <label for="exampleFormControlInput1" class="form-label fw-bold">Email address</label>
      <input type="text" class="form-control " id="exampleFormControlInput1" name="username" placeholder="Your Email" wire:model.lazy="username">
    </div>
    <div class="mb-3">
      <label for="password" class="form-label fw-bold">Password</label>
      <input type="password" class="form-control " id="password" name="password" placeholder="Your password" wire:model.lazy="password">
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
    <button type="submit" class="btn btn-primary text-white">Login</button>
  </div>
</form>

POST #

<form x-show="showRegisterForm" wire:submit.prevent="register" class="tw-space-y-6" action="#" method="POST" style="display: none;">
  <div>
    <label for="name" class="tw-block tw-text-sm tw-font-bold tw-text-gray-700"> Name </label>
    <div class="tw-mt-1">
      <input wire:model.defer="name" id="name" name="name" type="text" required=""
        class="tw-appearance-none tw-block tw-w-full tw-px-3 tw-py-2 tw-border tw-border-gray-300 tw-rounded-md tw-shadow-sm tw-placeholder-gray-400 focus:tw-outline-none focus:tw-ring-indigo-500 focus:tw-border-indigo-500 tw-sm:text-sm">
    </div>
  </div>
  <div>
    <label for="email" class="tw-block tw-text-sm tw-font-bold tw-text-gray-700"> Email Address </label>
    <div class="tw-mt-1">
      <input wire:model.defer="email" id="email" name="email" type="email" autocomplete="email" required=""
        class="tw-appearance-none tw-block tw-w-full tw-px-3 tw-py-2 tw-border tw-border-gray-300 tw-rounded-md tw-shadow-sm tw-placeholder-gray-400 focus:tw-outline-none focus:tw-ring-indigo-500 focus:tw-border-indigo-500 tw-sm:text-sm">
    </div>
  </div>
  <div>
    <label for="password" class="tw-block text-sm tw-font-bold tw-text-gray-700"> Password </label>
    <div class="mt-1">
      <input id="password" wire:model.defer="password" name="password" type="password" autocomplete="current-password" required=""
        class="tw-appearance-none tw-block tw-w-full tw-px-3 tw-py-2 tw-border tw-border-gray-300 tw-rounded-md tw-shadow-sm tw-placeholder-gray-400 focus:tw-outline-none focus:tw-ring-indigo-500 focus:tw-border-indigo-500 sm:tw-text-sm">
    </div>
  </div>
  <div>
    <label for="password_confirmation" class="tw-block text-sm tw-font-bold tw-text-gray-700"> Confirm Password </label>
    <div class="mt-1">
      <input wire:model.defer="password_confirmation" id="password_confirmation" name="password_confirmation" type="password" required=""
        class="tw-appearance-none tw-block tw-w-full tw-px-3 tw-py-2 tw-border tw-border-gray-300 tw-rounded-md tw-shadow-sm tw-placeholder-gray-400 focus:tw-outline-none focus:tw-ring-indigo-500 focus:tw-border-indigo-500 sm:tw-text-sm">
    </div>
  </div>
  <div class="tw-bg-gray-50 tw-px-2 tw-py-3 sm:tw-flex tw-items-center tw-justify-between">
    <div class="text-sm">
      <a href="#" @click.prevent="
                                    showLoginForm = true
                                    showRegisterForm = false" class="tw-font-medium tw-text-black hover:tw-text-black tw-mr-2 tw-underline">
                                    Already Registered?
                                </a>
    </div>
    <button
      class="bg-purple-600 tw-w-full tw-inline-flex tw-justify-center tw-rounded-full tw-border tw-border-transparent tw-shadow-sm tw-px-4 tw-py-2 tw-text-base tw-font-medium tw-text-white focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2  sm:tw-ml-3 sm:tw-w-auto sm:tw-text-sm">
      Register </button>
  </div>
</form>

POST #

<form x-show="showLoginForm" class="tw-space-y-6" action="#" wire:submit.prevent="login" method="POST">
  <div>
    <label for="email" class="tw-block tw-text-sm tw-font-bold tw-text-gray-700"> Email address </label>
    <div class="tw-mt-1">
      <input wire:model.defer="email" id="email" name="email" type="email" autocomplete="email" required=""
        class="tw-appearance-none tw-block tw-w-full tw-px-3 tw-py-2 tw-border tw-border-gray-300 tw-rounded-md tw-shadow-sm tw-placeholder-gray-400 focus:tw-outline-none focus:tw-ring-indigo-500 focus:tw-border-indigo-500 tw-sm:text-sm ">
    </div>
  </div>
  <div>
    <label for="password" class="tw-block text-sm tw-font-bold tw-text-gray-700"> Password </label>
    <div class="mt-1">
      <input wire:model.defer="password" id="password" name="password" type="password" required=""
        class="tw-appearance-none tw-block tw-w-full tw-px-3 tw-py-2 tw-border tw-border-gray-300 tw-rounded-md tw-shadow-sm tw-placeholder-gray-400 focus:tw-outline-none focus:tw-ring-indigo-500 focus:tw-border-indigo-500 sm:tw-text-sm">
    </div>
  </div>
  <div x-show="showLoginForm" class="tw-bg-gray-50 tw-px-2 tw-py-3 sm:tw-flex tw-items-center tw-justify-between">
    <div class="text-sm tw-flex">
      <a href="#" @click.prevent="
                                showRegisterForm = true
                                showLoginForm = false" class="tw-font-medium tw-text-black hover:tw-text-black tw-mr-2 tw-underline">
                                    Need an Account?
                                </a>
      <a href="#" class="tw-font-medium tw-text-black hover:tw-text-black">
                                    Forgot Password?
                                </a>
    </div>
    <button type="submit"
      class="bg-purple-600 tw-w-full tw-inline-flex tw-justify-center tw-rounded-full tw-border tw-border-transparent tw-shadow-sm tw-px-4 tw-py-2 tw-text-base tw-font-medium tw-text-white focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2  sm:tw-ml-3 sm:tw-w-auto sm:tw-text-sm">
      Login </button>
  </div>
</form>

Text Content

⚡ Parity Deals
Get 40% off during Women's Day sale! Use code “pddedvhy40” at checkout.
livewiredemos
 * Home
 * Components
 * Pricing
 * FAQs

 * Suggest-Component
   
 * Login / Register


REUSABLE LIVEWIRE COMPONENTS

Library of TALL stack Components. Directly plug these reusable components in
your application.

BUILT FOR DEVELOPERS

LivewireDemos is built to make your life easier. This contains livewire
examples, demos and reusable components.

DESIGNED TO BE MODERN

Designed with the latest design trends in mind. Components feels modern,
minimal, and beautiful.

DOCUMENTATION FOR EVERYTHING

We've written documentation for components and demos, so you never have to
reverse engineer anything.


WE BUILD IT, YOU ROCK IT!

Explore, copy, use and mix carefully crafted components.

Javascript Livewire

REAL-TIME CHARTJS USING LIVEWIRE

Chart component that generates some fake data with a refresh of every 2 seconds.

Tailwind CSS Livewire

BUTTON WITH LOADING INDICATOR

Button with Loading Indicator using Livewire and Tailwind CSS

Tailwind CSS Livewire

AUTOCOMPLETE SEARCH COMPONENT USING LIVEWIRE

Suggest autocomplete results on user keyword type in input box.

Tailwind CSS Livewire

COMMENT WITH REPLIES USING TAILWINDCSS & LIVEWIRE

Reusable Comment Component using Laravel, Livewire and TailwindCSS

Tailwind CSS Livewire

CK-EDITOR INTEGRATION WITH LIVEWIRE

CK Editor WYSIWYG editor integration with Livewire

Livewire

NOTYF TOAST NOTIFICATION USING LIVEWIRE

Notfy Toast notification integration with livewire using livewire events


MORE COMPONENTS AND DEMOS

Explore crafted components ready to use in your project.

Explore Components


SIMPLE, STRAIGHT PRICING

Affordable pricing to get access to the ever growing list of livewire
components.

Standard
$ 29

Pay Once, Use Forever

All Components

Use for Clients

Documentation

Access to new Components

Rich Frontend Design

Get Livewiredemos-Pro


HELPFUL ANSWERS

Here are some frequently asked questions and answers


CAN I USE LIVEWIREDEMOS COMPONENTS FOR MY CLIENTS?

Absolutely. The Paid License allows you to use the components for personal use
or for a client.


IS THERE A MONEY BACK GUARANTEE?

Yup! LiveWireDemos come with a satisfaction guarantee. Submit a return request
within 3 days of purchasing and get your money back.


DO I GET FREE UPDATES?

We keep introducing more components to the library, Once purchased you are
eligible to access all the future components.


I HAVE A COMPONENT IDEA, THAT ISN'T IN YOUR LIST

You are welcome to submit your component request.


I FOUND A BUG IN YOUR COMPONENT

No sweat, Consider sending an email to tushar@5balloons.info and I will try to
fix the bug as soon as possible.


SHOUT OUT TO CALEB PORZIO AND TAYLOR OTWELL

This place holder FAQ is for giving a huge shoutout to Caleb Porzio and Taylor
Otwell for developing amazing free tools.

Back to top

© 2023 LivewireDemos

LOGIN

Email address
Password
Close Login
Access With Github

OR

Name

Email Address

Password

Confirm Password

Already Registered?
Register
Email address

Password

Need an Account? Forgot Password?
Login