# 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](https://www.youtube.com/watch?v=v74SZBVMPa0) [Tailwind Labs](https://www.youtube.com/channel/UCOe-8z68tgw9ioqVvYM4ddQ)

I've teamed up with [Kent C. Dodds](https://twitter.com/kentcdodds) to teach Tailwind CSS (and more) as a partner instructor on the [Epic Web](https://www.epicweb.dev/workshops/pixel-perfect-figma-to-tailwind) platform!

[Pro Tailwind](https://protailwind.com/) is an advanced-level course on Tailwind CSS, like multi-theme and multi-style component strategies. [Sign up today!](https://protailwind.com/)