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

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

·

3 min read

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.

image.png

Alpine JS

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

image.png

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.

image.png

Livewire

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

image.png

image.png

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.

image.png

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.

image.png

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)

image.png

Tailwind UI

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

image.png

MarkdownX

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

image.png

Blade Icons

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

image.png

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.

image.png


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.