Laravel Packages

Tablar Kit: UI Components for Tablar Admin Dashboards

Published
Tablar Kit: UI Components for Tablar Admin Dashboards image

The Tablar Kit package for Laravel adds a UI kit for your Tablar admin dashboard. This UI kit adds many easy-to-use components, making your dashboard more visually appealing and user-friendly. It's all about simplicity and enhancing your experience with Laravel Tablar:

  • Standard Form Components: Includes text fields, radio selections, checkboxes, and secure password inputs, along with datepicker & custom buttons. Tailored for efficient data entry and user interaction.
  • Advanced Dropdown: Includes both standard and dependent Dropdown, suitable for dropdown data relationships.
  • File Upload with On-the-Fly Image Editing: This feature not only simplifies the file uploading process but uniquely offers on-the-fly image editing capabilities, adding a layer of convenience and efficiency to your workflow.
  • Optimized Data Tables with Export Options: The data table component not only organizes and displays information but also enables data export in formats such as CSV, XLS, PDF, and HTML, catering to diverse data analysis and reporting needs.
  • Rich Text Editor with File Upload and Browser Features: Enhance your content creation with an editor that supports seamless file uploads. It includes a file browser feature, ensuring a comprehensive and uninterrupted content creation process.
  • Responsive and Customizable Design: Each component in the Tablar Kit is built to be fully responsive, ensuring compatibility with various screen sizes. Moreover, customization options abound, allowing you to align each component with your application's theme, including support for dark mode.

The Tablar UI Kit provides Laravel Blade components and the required JavaScript code for components to function. For example, you can easily add date pickers, file uploads, WYSIWYG editors, and more using premade components to your Tablar dashboards:

{{-- Datepickers --}}
<x-flat-picker name="admission_date"></x-flat-picker>
<x-lite-picker name="admission_date"></x-lite-picker>
 
{{-- File uploader --}}
<x-filepond name="profile_image"/>
 
 
{{-- Jodit editor (https://xdsoft.net/jodit/) --}}
<x-jodit name="editor"></x-jodit>
 
{{-- More at https://tablar.ebuz.xyz/docs/11.0/components --}}

You can learn more about this package, get full installation instructions, and view the source code on GitHub. Also, you can view the Tablar Kit documentation to get familiar with the UI components. This package requires the Tablar Laravel Admin Template, which you can learn about here.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Sponsored

acquaintsoft logo
Acquaint Softtech

Hire Laravel developers with AI expertise at $20/hr. Get started in 48 hours.

Visit Acquaint Softtech

The latest

View all →
Route::query() and Model defaults() in Laravel 13.35 image

Route::query() and Model defaults() in Laravel 13.35

Read article
Laravel AI SDK 1.1 Adds Agent Skills and Cohere Chat image

Laravel AI SDK 1.1 Adds Agent Skills and Cohere Chat

Read article
VMPal: Give Your AI Agent a Whole Computer image

VMPal: Give Your AI Agent a Whole Computer

Read article
Synapse: A Dev Dashboard for Laravel AI SDK Agents image

Synapse: A Dev Dashboard for Laravel AI SDK Agents

Read article
Decide with Jev: Three Questions in One Request with the Laravel AI SDK image

Decide with Jev: Three Questions in One Request with the Laravel AI SDK

Read article
Grant: Enum-Based Roles and Permissions for Laravel image

Grant: Enum-Based Roles and Permissions for Laravel

Read article