You should be aware of TALL Stack and it’s resources
Tags: tailwindcss, alpinejs, laravel, livewire
Published: 2022-12-13 17:20:51

## TALL Stack

TALL stack is a full-stack development solution used for building powerful, modern, and reactive web applications. TALL stacks are a set of frameworks such as Tailwind CSS, Alpine JS, Laravel and Livewire.

[**Tailwind CSS**](https://tailwindcss.com/)

Tailwind CSS is a utility-first CSS framework that provides single-purpose utility classes that we can use directly inside our markup to design a page.

![Tailwind code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/72rywt80opeac2z4beze.png)

[**Alpine JS**](https://alpinejs.dev/)

Alpine.js is a tiny, declarative JavaScript framework that allows you to create simple interactive components on the page.

![Alpine code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96og3iyii5ig4dwmlu7q.png)

[**Laravel**](https://laravel.com/)

Laravel is a web application framework with expressive, elegant syntax. A web framework provides a structure and starting point for creating your application, allowing you to focus on creating something amazing while you sweat the details.

![Laravel code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1y1rqv4c3gu6mkc0axr8.png)

[**Livewire**](https://laravel-livewire.com/)

Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel.

![Livewire PHP code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x432u0qmhh3c8q5ocyix.png)

![Livewire code in HTML](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kjmu3q7lmslbww2nc13z.png)

## TALL Stack’s Resources

[**Filament**](https://filamentphp.com/)

The filament is a collection of tools for rapidly building beautiful TALL stack apps, designed for humans.

*   [**Admin panel**](https://filamentphp.com/docs/2.x/admin/installation) — A full-featured Laravel admin panel with interactive tables, sort, search and filter functionalities.
    
*   [**Form builder**](https://filamentphp.com/docs/2.x/forms/installation) — An intuitive Laravel form builder which generates date pickers, searchable select menus, a rich text editor and file upload fields just with one line of PHP code.
    
*   [**Table builder**](https://filamentphp.com/docs/2.x/tables/installation) — Build custom datatables, complete with sort, search and filter functionalities, with a simple PHP interface.
    
*   [**Notifications**](https://filamentphp.com/docs/2.x/notifications/installation) — Send beautiful notifications, with animations and the full power of Livewire, using a fluent PHP interface.

![Filament admin](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vjc087nz0du11tsd1vvq.png)

[**Blade UI Kits**](https://blade-ui-kit.com/)

Blade UI Kit is a set of renderless components to utilize in your Laravel Blade views. In all essence, it’s a collection of useful utilities, connect the dots between different parts of the TALL stack.

![Blade UI kits](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xy4vf236e2sx5bb90lu1.png)

[**Livewire Powergrids**](https://github.com/Power-Components/livewire-powergrid)

PowerGrid creates modern, powerful and easy-to-customize Datatables based on the Laravel Livewire library.

**Features:**

*   Filters & Search
    
*   Column Sorting, Sum, Count & Average in Header/Footer
    
*   Pagination
    
*   Action Checkboxes and Action Buttons
    
*   Works with Bootstrap 5 or Tailwind CSS 3x
    
*   Livewire Modal Integration (Wire Elements Modal)

![Powergrid logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/48p9o89edc2r7jyoehhb.png)

[**Tailwind UI**](https://tailwindui.com/)

Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS.

![Tailwind UI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j554gcfkq5le2ojw7g4d.png)

[**MarkdownX**](https://devdojo.com/markdownx)

A new markdown editor built for the TALL stack. Packed with dropdowns, previews, uploads, and more.

![Markdown X](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6kdzj2v05jjtxb4tnx5s.png)

[**Blade Icons**](https://github.com/blade-ui-kit/blade-icons)

A package to easily make use of SVG icons in your Laravel Blade views. Choose from a wide selection of icon sets.

![Blade Icons](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tmzvtrsd5vwwtgdj7loq.png)

[**Wire UI**](https://livewire-wireui.com/)

A simple, fast and elegant way to add blade components made with alpine.js and tailwind, ready to use, enjoy the ease. Livewire components and Tall Stack components.

![Wire UI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5tppez55b4lt7xuwt8yr.png)

* * *

If you like to receive development tips and resources information directly to your inbox, subscribe to my newsletter: [Vigo's Weekly](https://www.getrevue.co/profile/vigowebs)

[Connect to me on Twitter](https://twitter.com/vigowebs) if you have any questions.