Laravel Form Components
Docs

Laravel form components built for tailwind

Quickly build out Tailwind CSS forms using pre-built laravel form components. All form components included in the package are compatible with Laravel Livewire out-of-the box.

Get started
Live demo
macbook with lines of code

Components

Pre-built form components built for a majority of use cases. Each component integrates easily with Laravel Livewire and is styled based on Tailwind UI.

Input

The basic but very versatile input element.

Docs Demo

Email

An input element configured for handling email addresses.

Docs

Password

A password input element that comes with a toggle button for showing/hiding the entered password.

Docs Demo

Textarea

A basic textarea input element.

Docs Demo

Checkbox

A basic checkbox input element.

Docs Demo

Radio Button

A basic radio button element.

Docs Demo

Checkbox Group

Useful for grouping checkboxes or radio buttons together.

Docs

Date Picker

A specialized date picker that uses Flatpickr behind-the-scenes.

Docs Demo

Switch Toggle

A custom, specialized checkbox input element.

Docs Demo

Select

A basic select dropdown menu element.

Docs Demo

Custom Select

A more customized and powerful select menu dropdown element.

Docs Demo

Timezone Select

A specialized select menu dropdown with timezones as options.

Docs Demo

File Upload

A custom file input element with support for showing file upload progress.

Docs Demo

FilePond

Add a dropzone-like file input utilizing the FilePond library.

Docs Demo

Form

Form element that takes care of certain necessities such as adding a hidden csrf-token.

Docs

Label

A basic label element.

Docs

Form Error

Keep track of and show errors for an input automatically.

Docs

Form Group

Specialized element to provide a label and error handling for each input element.

Docs Demo