13 KiB
13 KiB
Awesome TALL Stack !Awesome (https://awesome.re/badge.svg) (https://awesome.re) !Lint Awesome List
(https://github.com/blade-ui-kit/awesome-tall-stack/workflows/Lint%20Awesome%20List/badge.svg)
▐ A curated list of awesome things related to the TALL stack.
The TALL stack (https://tallstack.dev/) 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 (#the-tall-stack)
- Community Websites (#community-websites)
- Libraries (#libraries)
- Learning (#learning)
- Examples (#examples)
The TALL Stack
- Tailwind CSS (https://tailwindcss.com) - (Awesome List (https://github.com/aniftyco/awesome-tailwindcss)) - A utility-first CSS framework for rapidly building custom designs.
- Alpine.js (https://github.com/alpinejs/alpine) - (Awesome List (https://github.com/alpinejs/awesome-alpine)) - A rugged, minimal framework for composing JavaScript behavior in your markup.
- Livewire (https://laravel-livewire.com) - (Awesome List (https://github.com/imliam/awesome-livewire)) - A full-stack framework for Laravel that takes the pain out of building dynamic UIs.
- Laravel (https://laravel.com) - (Awesome List (https://github.com/chiraggude/awesome-laravel)) - A PHP web application framework with expressive, elegant syntax.
Community Websites
- talltips (https://talltips.novate.co.uk/) - Collection of tips and ideas across the TALL stack.
Libraries
- Alptail (https://www.alptail.com) - A collection of open-source UI components, using Tailwind CSS and Alpine.js.
- Blade Icons (https://github.com/blade-ui-kit/blade-icons) - A package to easily make use of SVG icons in your Laravel Blade views.
- Blade Script (https://github.com/cbl/blade-script) - A package to easily add transpiled & minified scripts to your Blade components.
- Blade Style (https://github.com/cbl/blade-style) - A package to easily minify styles and make use of sass, less, etc. in your Blade components.
- Blade UI Kit (https://blade-ui-kit.com/) - A set of renderless components to utilise in your Laravel Blade views.
- Docdress (https://github.com/aw-studio/docdress) - A package to create markdown documentations from GitHub repositories in a Laravel-like design.
- Filament (https://filamentadmin.com) - The elegant TALL stack admin panel for Laravel artisans.
- Laravel Form Components (https://github.com/pascalbaljetmedia/laravel-form-components) - A set of Blade components to rapidly build forms with Tailwind CSS Custom Forms and Bootstrap 4.
- Laravel TALL Preset (https://github.com/laravel-frontend-presets/tall) - A front-end preset for Laravel to scaffold an application using the TALL stack.
- Laravel TALL Preset (https://github.com/use-preset/laravel-tall/) - A preset for installing the TALL stack with just one command.
- Laravel TTALL Preset (https://github.com/pktharindu/ttall) - A preset for Turbolinks + TALL stack, bundled with some helpful packages and their configurations.
- Laravel Views (https://github.com/Gustavinho/laravel-views) - Laravel package to create beautiful common views like data tables using the TALL stack.
- Livewire Datatables (https://github.com/mediconesystems/livewire-datatables) - Package to create tables with sorting, filtering, searching, exporting etc.
- Livewire PowerGrid (https://github.com/Power-Components/livewire-powergrid) - ⚡ PowerGrid ⚡ creates modern, powerful and easy to customize Datatables.
- MarkdownX (https://devdojo.com/markdownx) - An advanced Markdown Editor with dropdowns, image uploads, code blocks, and more.
- Tailwind UI (https://tailwindui.com) - Beautiful UI components built with Tailwind CSS. Offers Alpine.js integration.
- TALL Forms (https://github.com/tanthammar/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 (https://github.com/masterix21/x-blade-components) - Ready-to-use Blade components.
- WireUI (https://github.com/wireui/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 (https://stefanbauer.me/articles/a-contact-form-with-laravel-livewire) - Learn how to build a contact form with Livewire and Tailwind CSS.
- 🎥 Blade Component Cookbook (https://laracasts.com/series/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 (https://freek.dev/1645-building-a-realtime-dashboard-powered-by-laravel-livewire-and-tailwind-2020-edition)
- ✍️ Building complex forms with Laravel Livewire in Oh Dear (https://freek.dev/1609-building-complex-forms-with-laravel-livewire-in-oh-dear)
- ✍️ Embracing The Tall Stack with Event Sourcing, an adventure into the unknown (https://www.juststeveking.uk/embracing-the-tall-stack-with-event-sourcing-an-adventure-into-the-unknown/)
- ✍️ How to Build a Job Board With the TALL Stack + Demo (https://lightit.io/blog/how-to-do-a-job-board-with-the-tall-stack/)
Examples
These apps & websites were built using the TALL stack.
Legend: 🔓 Open Source · 🔐 Closed Source
- 🔓 aw-studio.de (https://aw-studio.de/) - repository (https://github.com/aw-studio/aw-studio.de) - Built using Laravel & Tailwind CSS.
- 🔐 devdojo.com (https://devdojo.com) - Developer Community and Tools
- 🔓 driesvints.com (https://driesvints.com) - repository (https://github.com/driesvints/driesvints.com) - Built using Laravel & Tailwind CSS.
- 🔓 fullstackbelgium.be (https://fullstackbelgium.be) - repository (https://github.com/fullstackbelgium/fullstackbelgium.be) - Built using Laravel & Tailwind CSS.
- 🔓 fullstackeurope.com (https://fullstackeurope.com) - repository (https://github.com/fullstackeurope/fullstackeurope.com) - Built using Laravel, Alpine.js & Tailwind CSS.
- 🔓 novapackages.com (https://novapackages.com) - repository (https://github.com/tightenco/novapackages) - Discover new Laravel Nova packages.
- 🔐 pingping.io (https://pingping.io?ref=awesome-tall-stack) - Website uptime && SSL monitoring.
(https://github.com/blade-ui-kit/awesome-tall-stack/workflows/Lint%20Awesome%20List/badge.svg)
▐ A curated list of awesome things related to the TALL stack.
The TALL stack (https://tallstack.dev/) 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 (#the-tall-stack)
- Community Websites (#community-websites)
- Libraries (#libraries)
- Learning (#learning)
- Examples (#examples)
The TALL Stack
- Tailwind CSS (https://tailwindcss.com) - (Awesome List (https://github.com/aniftyco/awesome-tailwindcss)) - A utility-first CSS framework for rapidly building custom designs.
- Alpine.js (https://github.com/alpinejs/alpine) - (Awesome List (https://github.com/alpinejs/awesome-alpine)) - A rugged, minimal framework for composing JavaScript behavior in your markup.
- Livewire (https://laravel-livewire.com) - (Awesome List (https://github.com/imliam/awesome-livewire)) - A full-stack framework for Laravel that takes the pain out of building dynamic UIs.
- Laravel (https://laravel.com) - (Awesome List (https://github.com/chiraggude/awesome-laravel)) - A PHP web application framework with expressive, elegant syntax.
Community Websites
- talltips (https://talltips.novate.co.uk/) - Collection of tips and ideas across the TALL stack.
Libraries
- Alptail (https://www.alptail.com) - A collection of open-source UI components, using Tailwind CSS and Alpine.js.
- Blade Icons (https://github.com/blade-ui-kit/blade-icons) - A package to easily make use of SVG icons in your Laravel Blade views.
- Blade Script (https://github.com/cbl/blade-script) - A package to easily add transpiled & minified scripts to your Blade components.
- Blade Style (https://github.com/cbl/blade-style) - A package to easily minify styles and make use of sass, less, etc. in your Blade components.
- Blade UI Kit (https://blade-ui-kit.com/) - A set of renderless components to utilise in your Laravel Blade views.
- Docdress (https://github.com/aw-studio/docdress) - A package to create markdown documentations from GitHub repositories in a Laravel-like design.
- Filament (https://filamentadmin.com) - The elegant TALL stack admin panel for Laravel artisans.
- Laravel Form Components (https://github.com/pascalbaljetmedia/laravel-form-components) - A set of Blade components to rapidly build forms with Tailwind CSS Custom Forms and Bootstrap 4.
- Laravel TALL Preset (https://github.com/laravel-frontend-presets/tall) - A front-end preset for Laravel to scaffold an application using the TALL stack.
- Laravel TALL Preset (https://github.com/use-preset/laravel-tall/) - A preset for installing the TALL stack with just one command.
- Laravel TTALL Preset (https://github.com/pktharindu/ttall) - A preset for Turbolinks + TALL stack, bundled with some helpful packages and their configurations.
- Laravel Views (https://github.com/Gustavinho/laravel-views) - Laravel package to create beautiful common views like data tables using the TALL stack.
- Livewire Datatables (https://github.com/mediconesystems/livewire-datatables) - Package to create tables with sorting, filtering, searching, exporting etc.
- Livewire PowerGrid (https://github.com/Power-Components/livewire-powergrid) - ⚡ PowerGrid ⚡ creates modern, powerful and easy to customize Datatables.
- MarkdownX (https://devdojo.com/markdownx) - An advanced Markdown Editor with dropdowns, image uploads, code blocks, and more.
- Tailwind UI (https://tailwindui.com) - Beautiful UI components built with Tailwind CSS. Offers Alpine.js integration.
- TALL Forms (https://github.com/tanthammar/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 (https://github.com/masterix21/x-blade-components) - Ready-to-use Blade components.
- WireUI (https://github.com/wireui/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 (https://stefanbauer.me/articles/a-contact-form-with-laravel-livewire) - Learn how to build a contact form with Livewire and Tailwind CSS.
- 🎥 Blade Component Cookbook (https://laracasts.com/series/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 (https://freek.dev/1645-building-a-realtime-dashboard-powered-by-laravel-livewire-and-tailwind-2020-edition)
- ✍️ Building complex forms with Laravel Livewire in Oh Dear (https://freek.dev/1609-building-complex-forms-with-laravel-livewire-in-oh-dear)
- ✍️ Embracing The Tall Stack with Event Sourcing, an adventure into the unknown (https://www.juststeveking.uk/embracing-the-tall-stack-with-event-sourcing-an-adventure-into-the-unknown/)
- ✍️ How to Build a Job Board With the TALL Stack + Demo (https://lightit.io/blog/how-to-do-a-job-board-with-the-tall-stack/)
Examples
These apps & websites were built using the TALL stack.
Legend: 🔓 Open Source · 🔐 Closed Source
- 🔓 aw-studio.de (https://aw-studio.de/) - repository (https://github.com/aw-studio/aw-studio.de) - Built using Laravel & Tailwind CSS.
- 🔐 devdojo.com (https://devdojo.com) - Developer Community and Tools
- 🔓 driesvints.com (https://driesvints.com) - repository (https://github.com/driesvints/driesvints.com) - Built using Laravel & Tailwind CSS.
- 🔓 fullstackbelgium.be (https://fullstackbelgium.be) - repository (https://github.com/fullstackbelgium/fullstackbelgium.be) - Built using Laravel & Tailwind CSS.
- 🔓 fullstackeurope.com (https://fullstackeurope.com) - repository (https://github.com/fullstackeurope/fullstackeurope.com) - Built using Laravel, Alpine.js & Tailwind CSS.
- 🔓 novapackages.com (https://novapackages.com) - repository (https://github.com/tightenco/novapackages) - Discover new Laravel Nova packages.
- 🔐 pingping.io (https://pingping.io?ref=awesome-tall-stack) - Website uptime && SSL monitoring.