Category

• Alpine
• Tailwind

Pines: An Alpine & Tailwind UI Library

Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects.

• Tailwind

Recreating the GitHub UI with Tailwind! - Live Stream with Jess Archer

Here's Jess Archer showing how you can recreate the GitHub UI with Tailwind.

• Inertia JS
• Laravel
• Svelte
• Tailwind

Creating a Laravel 10 Application using Inertia JS, Svelte, and Tailwind CSS

I've been trying to branch out and try new things. Inertia and Svelte were on my list but the documentation didn't get me up and running. Here's how I solved my problems.

• Alpine
• Laravel
• Livewire
• Tailwind

A sneak peak at Livewire Tables v2

I decided to build version 2 of Livewire Tables from the ground up. I am hundreds of hours in with no end in sight, did I bite off more than I could chew with this one?

• Alpine
• Snippets
• Tailwind

Snippet 5: Creating a simple, but cool delete button with Alpine.js and TailwindCSS

Sometimes ideas pop into my head that I don't immediately need, but I think are a good exercise. So I carve out 15 minutes of my day to code an example to learn and save to my library of components for future use.

• Alpine
• Tailwind

Extending Tailwind CSS dark mode to use system preference

In a previous article, I showed you how to use Tailwind CSS to enable a dark theme on your application. Let's take it one step further and have it prioritize the user's system theme settings first.

• Tailwind
• Alpine

Enabling dark mode in Tailwind CSS

I had never implemented dark mode in Tailwind before, but it was such a breeze I decided to make it even easier for you.

• Alpine
• Tailwind
• Laravel
• Livewire

Introducing Laravel Quizzes

I've been working on a small side project the last couple of weeks turning the Laravel Documentation into a suite of quizzlets for everyone to use without any accounts.

• Alpine
• Blade
• Livewire
• Laravel
• Tailwind

Laravel Batches and real-time progress with Livewire

Learn how to process incoming files using job batches, Laravel Echo, Laravel Livewire, Pusher, all in real time with a surprise ending.

• Tailwind

Tailwind Configuration Viewer

Tailwind Config Viewer is a local UI tool for visualizing your Tailwind CSS configuration file.

• Laravel
• Tailwind

Simple Automatic Upgrades for Tailwind CSS with Shift

On Monday Shift officially released Tailwind Shifts for upgrading Tailwind projects all the way back to Tailwind 0.x.