Awesome Laravel TALL Stack – Massive Collection of Resources

A curated list of awesome things related to the TALL stack.

The TALL stack is a full stack development solution featuring some of the libraries built by the Laravel community. It features tools that allows you to write apps with a focus on backend and without having to write too much JavaScript, thus allowing you to focus on a smaller set of programming tools.

Contents

• The TALL Stack
• Community Websites
• Libraries
• Learning
• Examples

The TALL Stack

• Tailwind CSS – (Awesome List) – A utility-first CSS framework for rapidly building custom designs.
• Alpine.js – (Awesome List) – A rugged, minimal framework for composing JavaScript behavior in your markup.
• Livewire – (Awesome List) – A full-stack framework for Laravel that takes the pain out of building dynamic UIs.
• Laravel – (Awesome List) – A PHP web application framework with expressive, elegant syntax.

Community Websites

• talltips – Collection of tips and ideas across the TALL stack.

Libraries

• Alptail – A collection of open-source UI components, using Tailwind CSS and Alpine.js.
• Blade Icons – A package to easily make use of SVG icons in your Laravel Blade views.
• Blade Script – A package to easily add transpiled & minified scripts to your Blade components.
• Blade Style – A package to easily minify styles and make use of sass, less, etc. in your Blade components.
• Blade UI Kit – A set of renderless components to utilise in your Laravel Blade views.
• Docdress – A package to create markdown documentations from GitHub repositories in a Laravel-like design.
• Laravel Form Components – A set of Blade components to rapidly build forms with Tailwind CSS Custom Forms and Bootstrap 4.
• Laravel TALL Preset – A front-end preset for Laravel to scaffold an application using the TALL stack.
• Laravel TALL Preset – A preset for installing the TALL stack with just one command.
• Laravel TTALL Preset – A preset for Turbolinks + TALL stack, bundled with some helpful packages and their configurations.
• Laravel Views – Laravel package to create beautiful common views like data tables using the TALL stack.
• Livewire Datatables – Package to create tables with sorting, filtering, searching, exporting etc.
• Tailwind UI – Beautiful UI components built with Tailwind CSS. Offers Alpine.js integration.
• TALL Forms – A dynamic, responsive Laravel Livewire form component with realtime validation, file uploads, array fields, blade form input components and more.
• X Blade Components – Ready-to-use Blade components.

Learning

Legend: ✍️ Blog Post · 🎥 Cast

• 🎥 A contact form with Livewire and Tailwind CSS – Learn how to build a contact form with Livewire and Tailwind CSS.
• 🎥 Blade Component Cookbook – Learn how to build Blade components using Laravel, Tailwind CSS & Alpine.js.
• ✍️ Building a realtime dashboard powered by Laravel, Livewire and Tailwind
• ✍️ Building complex forms with Laravel Livewire in Oh Dear
• ✍️ Embracing The Tall Stack with Event Sourcing, an adventure into the unknown

Examples

These apps & websites were built using the TALL stack.

Legend: 🔓 Open Source · 🔐 Closed Source

• 🔓 aw-studio.de – repository – Built using Laravel & Tailwind CSS.
• 🔓 driesvints.com – repository – Built using Laravel & Tailwind CSS.
• 🔓 fullstackbelgium.be – repository – Built using Laravel & Tailwind CSS.
• 🔓 fullstackeurope.com – repository – Built using Laravel, Alpine.js & Tailwind CSS.
• 🔓 novapackages.com – repository – Discover new Laravel Nova packages.
• 🔐 pingping.io – Website uptime && SSL monitoring.