awesome-awesomeness/html/tallstack.md2.html

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