<h2>Overview</h2>
Laravel Blade Sortable is an innovative package designed to help developers manage the order of items in a simple and intuitive way. Whether you're working with straightforward lists or more complex components, this tool enhances user experience by allowing for seamless drag-and-drop functionality. With real-time notifications for order changes, it fits perfectly into the Livewire ecosystem, making it a valuable addition for those looking to create dynamic web applications.
This package simplifies the previously cumbersome process of sorting items by providing easy-to-use Blade components. By leveraging SortableJs and AlpineJs, Laravel Blade Sortable brings a modern touch to item management, enabling developers to focus on creating rich user interfaces without diving deep into custom JavaScript.
<h2>Features</h2>
<ul>
<li>Easy Installation: Install the package effortlessly via Composer; make sure to include necessary scripts to get started quickly.</li>
<li>Custom Blade Components: Utilizes <code>laravel-blade-sortable::sortable</code> and <code>laravel-blade-sortable::sortable-item</code> components, allowing for flexible sorting implementation without heavy custom coding.</li>
<li>Customizable Wrapper Nodes: Change the default behavior by specifying different node types or custom components to fit your application's design requirements.</li>
<li>Sort-Key Property: Each sortable item requires a unique <code>sort-key</code> property, ensuring reliable tracking of item order changes.</li>
<li>Form Integration: Seamlessly integrates with form inputs; just pass a name prop to track the sort order alongside other form data.</li>
<li>Livewire Support: Fully compatible with Livewire, allowing developers to harness its powerful features and create interactive applications effortlessly.</li>
<li>Styling Flexibility: Easily customizable styles using CSS frameworks like TailwindCSS to match your application's aesthetic.</li>
<li>No JavaScript Required: Achieve complex sorting functionality without the need to write custom JavaScript, streamlining the development process.</li>
</ul>

<h2>Overview</h2>
Laravel Eloquent State Machines is a powerful package designed to streamline the management of state transitions in Eloquent models. By encapsulating the logic within dedicated StateMachine classes, developers can easily define validations, hooks, and permissible transitions, ensuring a clear and maintainable structure for managing the lifecycle of model states. This approach not only enhances clarity but also centralizes the logic, making it more reliable and consistent.
One of the standout features of this package is its ability to automatically record the history of state transitions. This functionality enables developers to easily query past states and take specific actions based on historical data. With a user-friendly API tailored for Laravel developers, this package promises to simplify the challenges often faced when handling states in models, making state management both intuitive and efficient.
<h2>Features</h2>
<ul>
<li>Easy Transition Management: Simplifies the transitioning of states in Eloquent models through clearly defined StateMachine classes.</li>
<li>Centralized Logic: All transition logic, validations, and hooks are managed within dedicated StateMachine classes, serving as the single source of truth.</li>
<li>Automatic History Tracking: Records a history of all state transitions, allowing for easy querying and historical analysis of state changes.</li>
<li>User-Friendly API: Designed with Laravel developers in mind, providing an API that integrates seamlessly with existing Laravel functionalities.</li>
<li>Customizable State Definitions: Allows for the definition of states and transitions with flexibility, including the use of wildcards for dynamic state changes.</li>
<li>Easy Installation: Simple package installation through Composer, followed by straightforward migration exports to set up the required database tables.</li>
<li>Integrated Transition Methods: Offers custom methods for each state field mapped in the model, facilitating easy interaction with the state machine.</li>
</ul>

<h2>Overview</h2>
The Livewire Calendar package brings an efficient and effective way to implement a monthly calendar grid for displaying events within Laravel applications. Intuitively designed for integration with Livewire and TailwindCSS, this package simplifies the process of managing events through a visual calendar, allowing developers to present information in an organized manner. With built-in navigation features and customization options, the Livewire Calendar enhances user experience and streamlines event management.
<h2>Features</h2>
<ul>
<li>Event Management: Easily load and display events for each day on the calendar by overriding the events() method in your Livewire component.</li>
<li>Dynamic Date Handling: Configure the calendar grid to start and end from specific dates, allowing for a customizable view that can include events from adjacent months.</li>
<li>User-Friendly Navigation: Equipped with public methods like goToPreviousMonth, goToNextMonth, and goToCurrentMonth to seamlessly navigate through different months.</li>
<li>Drag and Drop Support: Enhanced interactivity with built-in drag and drop functionality, alongside customizable hover effects through CSS classes.</li>
<li>Customizable Views: Modify the calendar’s appearance and functionality with properties like week-starts-at and event-view to tailor the experience to fit specific needs.</li>
<li>Integration with Livewire and TailwindCSS: Leverages the power of Livewire for reactive components and TailwindCSS for sleek styling, ensuring a modern look and feel.</li>
<li>Pre and Post Render Options: Use before-calendar-view and after-calendar-view properties to add additional features around the calendar component, enabling enhanced interactivity and information display.</li>
</ul>

<h2>Overview</h2>
Livewire Charts is an impressive package designed to seamlessly integrate interactive data charts into your applications using Laravel Livewire. With a straightforward API and prebuilt components, it allows developers to quickly implement various types of charts, enhancing user engagement and data visualization without extensive coding. Whether you're aiming to display a simple line graph or a complex tree map, Livewire Charts makes the process both efficient and elegant.
This package supports multiple chart types, including Line, Multi Line, Pie, and Tree, all of which can be easily customized to fit your application’s design and functionality. The ability to add interactive behaviors not only enriches user experience but also brings data to life in a way that static charts cannot achieve.
<h2>Features</h2>
<ul>
<li>
Variety of Chart Types: Supports multiple chart formats including Line, Pie, Column, and Tree charts, catering to different data visualization needs.
</li>
<li>
Fluent API: The intuitive API allows for rapid chart creation and customization, simplifying the development process.
</li>
<li>
Built-in Livewire Components: Immediately use ready-made components such as LivewireLineChart and LivewirePieChart for easy integration into your application.
</li>
<li>
Model Class Integration: Each chart type is associated with a dedicated model class, allowing for specific data configurations and behavior customizations.
</li>
<li>
Chainable Methods: The chart model methods can be chained, providing flexibility and fluidity in data handling and UI customizations.
</li>
<li>
Livewire Compatibility: Works flawlessly within Livewire components, enabling real-time updates and interactivity within your Blade templates.
</li>
<li>
Script Management: The package includes a directive for script management, ensuring that your charts are rendered without additional hassle.
</li>
<li>
User Interactions: Enhance user experience by adding various interactive behaviors and responses to user actions on the charts.
</li>
</ul>
Livewire Charts provides an overall robust solution for any developer looking to present data visually and interactively, making it a fantastic addition to your development toolkit.

<h2>Overview</h2>
The Livewire Resource Time Grid package offers a powerful solution for creating a visually appealing calendar-like interface to display events. Designed for Laravel developers using Livewire, it allows for fine-tuned resource management, where event owners—such as users or specific days—are easily organized in a grid format. This package not only enhances the way events are presented but also introduces features that support customization and interactivity, making event management more intuitive.
With the integration of TailwindCSS for styling, the Livewire Resource Time Grid seamlessly combines functionality and aesthetics. Its user-friendly setup and flexible usage allow developers of varying experience levels to implement a resource/time grid quickly into their applications.
<h2>Features</h2>
<ul>
<li>
Resource Definition: Easily define resources that own events, such as users or specific days, enhancing event grouping.
</li>
<li>
Customizable Columns: Events are rendered in columns based on their resource and starting date, providing a clear visual hierarchy.
</li>
<li>
Dynamic Data Handling: Utilize collections to manage resources and events, ensuring that data is organized and easily retrievable for display.
</li>
<li>
Drag and Drop Support: Enjoy built-in drag and drop functionality for event manipulation, making event management interactive and user-friendly.
</li>
<li>
Flexible Time Display: Specify starting and ending hours along with interval settings to customize the time grid to fit any schedule.
</li>
<li>
UI Customization Options: Integrate custom Blade views for resource headers and event cards, allowing for tailored user experiences based on unique project needs.
</li>
<li>
Responsive Design: The component adapts to available space while allowing constraints for specific dimensions, ensuring a consistent layout.
</li>
<li>
Livewire Integration: Built on Livewire, this package makes use of a familiar environment for Laravel developers, promoting a smooth development process.
</li>
</ul>

<h2>Overview</h2>
The Livewire Select component by Asantibanez simplifies the process of creating dynamic select inputs in Laravel applications. With the growing reliance on interactive interfaces, this tool provides an elegant solution for developers looking to enhance user experience by allowing selections to be made from an array of options seamlessly.
In this demo Laravel application, users can explore the practical applications of the Livewire Select component, witness its features in action, and understand how it can be integrated into their own projects. By utilizing this component, developers can significantly improve the usability of forms, making them more intuitive and visually appealing.
<h2>Features</h2>
<ul>
<li>Dynamic Selection: Allows for real-time updates to options based on user input, enhancing interactivity without the need for page reloads.</li>
<li>Customizable Appearance: Offers styling options so developers can match the select input's look to their application's design.</li>
<li>Easy Integration: Designed to work seamlessly within Laravel applications using the Livewire framework, minimizing setup time.</li>
<li>Support for Multiple Selections: Users can select multiple options easily, catering to diverse data input needs.</li>
<li>Debouncing: Reduces the number of server requests when typing, optimizing performance and responsiveness.</li>
<li>Searchable Options: Allows users to quickly find options from long lists by employing a search feature integrated within the select input.</li>
<li>Open-source: Released under the MIT license, making it freely available for use and modification in personal or commercial projects.</li>
</ul>

Asantibanez

Laravel Blade Sortable

Laravel Eloquent State Machines

Livewire Calendar

Livewire Charts

Livewire Resource Time Grid

Livewire Select Demo