Awesome
Awesome TALL Stack
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
- 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.
- Filament - The elegant TALL stack admin panel for Laravel artisans.
- 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.
- Livewire PowerGrid - ⚡ PowerGrid ⚡ creates modern, powerful and easy to customize Datatables.
- MarkdownX - An advanced Markdown Editor with dropdowns, image uploads, code blocks, and more.
- 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.
- WireUI - 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
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
- ✍️ How to Build a Job Board With the TALL Stack + Demo
Examples
These apps & websites were built using the TALL stack.
Legend: 🔓 Open Source · 🔐 Closed Source
- 🔓 aw-studio.de - repository - Built using Laravel & Tailwind CSS.
- 🔐 devdojo.com - Developer Community and Tools
- 🔓 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.