Rebuilding the Instagram Stories UI with Tailwind CSS

Published on Thursday, December 2, 2021

This video was never planned, or rehearsed. I woke up one morning and decided to hit record and “Just Do It™”.

It was at a time where the Instagram Stories UI (those delightful gradient rings) were popping everywhere. I thought it would be a fun exercise to build these Tailwind CSS!

Once again, one of the most popular videos on the Tailwind Labs YouTube channel. I see a trend here.

The videos where I have the most fun, where the topic is less serious… tend to do really well with the community.

Here’s the screencast, enjoy!

Rebuilding the Instagram Stories UI with Tailwind CSS - YouTube

Tap to unmute

Rebuilding the Instagram Stories UI with Tailwind CSS Tailwind Labs

I've teamed up with Kent C. Dodds to teach Tailwind CSS (and more) as a partner instructor on the Epic Web platform!

Pro Tailwind is an advanced-level course on Tailwind CSS, like multi-theme and multi-style component strategies. Sign up today!