Get Started

In this section, you will learn how to get started with the Laravel Livewire Basic Components library.

This library provides a set of laravel livewire components that can be used to build web applications…

  • … faster
  • … more efficient
  • … with less code
  • … and more beautiful

It is built only with SCSS, JavaScript and Livewire. You can easily customize it to fit your needs and preferences. More than 30+ components, utilities and helpers will help you to build your web application faster and more efficiently.

Pre-requisites

Before you start using the Laravel Livewire Basic Components library, you need to have the following prerequisites:

  • Laravel 10+ - The library is built on top of the Laravel framework version 11+. You need to have a Laravel application up and running.
  • Livewire 3 or 4 - The library is built on top of the Livewire framework version 3.x or 4.x. You need to have Livewire installed in your Laravel application.
  • Vite - This documentation assumes that you are using Vite as your front-end build tool. You can use any other front-end build tool, but the instructions may vary.
  • License Key - You need to have a valid license key to use the library. You can purchase a license key from the pricing page.

Installation

To install the Laravel Livewire Basic Components library, you first need to purchase a license key from the pricing page.

After you have purchased a license key, you can install the library using the following steps:


Step 1: Add the Repository

Add the following repository to your composer.json file. This change will configure composer to look for the library in the specified repository.

1{
2 ...
3 
4 "repositories": [
5 {
6 "type": "composer",
7 "url": "https://satis.maskowlabs.io"
8 }
9 ],
10 
11 ...
12}

Step 2: Require the Library

After you have added the repository, you can require the library using the following command. Composer will try to download the library from the repository you have added.

1composer require maskowlabs/basic-components

You will be prompted to enter your email and license key. After you have entered your email and license key, the library will be installed in your Laravel application.


Step 3: Save Credentials for Deployments

In order to install the library on your actual server without being prompted for your email and license key, you can add your credentials to the auth.json file or use the http-basic configuration in your composer.json file.

1{
2 "http-basic": {
3 "satis.maskowlabs.io": {
4 "username": "your-email",
5 "password": "your-license-key"
6 }
7 }
8}

After you have added your credentials, you can require the library without being prompted for your email and license key.