DEV Community

Cover image for You should be aware of TALL Stack and it’s resources
Vigowebs
Vigowebs

Posted on

You should be aware of TALL Stack and it’s resources

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

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

Alpine JS

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

Alpine code

Laravel

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

Livewire

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

Livewire PHP code

Livewire code in HTML

TALL Stack’s Resources

Filament

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

  • Admin panel — A full-featured Laravel admin panel with interactive tables, sort, search and filter functionalities.

  • Form builder — 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 — Build custom datatables, complete with sort, search and filter functionalities, with a simple PHP interface.

  • Notifications — Send beautiful notifications, with animations and the full power of Livewire, using a fluent PHP interface.

Filament admin

Blade UI Kits

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

Livewire Powergrids

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

Tailwind UI

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

Tailwind UI

MarkdownX

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

Markdown X

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

Wire UI

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


If you like to receive development tips and resources information directly to your inbox, subscribe to my newsletter: Vigo's Weekly

Connect to me on Twitter if you have any questions.

Top comments (0)