NPS survey icon animation

I collaborated with Fay on a nice animation for the success state when users submit the NPS survey. It adds a little extra delight to the experience.

Custom scrollbar colors

A subtle detail that can make your app feel just a little more polished: set the scrollbar-color CSS property to match the colors of the app. It's especially helpful in secondary scroll elements like sidebars and code blocks.

Here's a quick before/after using the Tailwind docs.

Invoice preview skeleton

Invoice previews were causing some really slow page loads (something outside of our control). So I used Inertia's deferred props and added a skeleton loading state.

Scroll to validation errors

I built a React hook that always ensures validation errors are scrolled into view when a form is submitted. It works for forms directly on the page and forms inside long modals.

Long command preview tooltip

Someone reported that long commands were overflowing the list here. Instead of just truncating them, Fay designed this really nice tooltip for long commands.

Open invoices skeleton loader

I built this skeleton loader for the open invoices modal in Laravel Cloud. It's a small thing, but it's nicer than a loading spinner and makes the experience feel faster for the user.

It's also nice that we know how many open invoices there are up front, so we can tailor the skeleton to match and there are no layout shifts when the data finished loading.

Laravel Cloud preview environments

One of my favorite features I built for Laravel Cloud has been preview environments. With the click of a few buttons, you can have Laravel Cloud spin up new environments anytime a new PR is submitted to your repo.

Laravel Cloud + Nightwatch integration

After Laravel Nightwatch was launched, I built an integration with Laravel Cloud so users can set up Nightwatch on their Cloud environments super quickly.