Andy from Webcrunch

Subscribe for email updates:

Portrait of Andy Leverenz
Andy Leverenz

April 12, 2019

Last updated November 5, 2023

Let's Build: With Tailwind CSS - Tweet

Kicking off my new Tailwind CSS Let's Build series I decided to start with a component and what better component than a tweet on Twitter.

Follow along in the build to see how I'll use a combination of Tailwind CSS, Twitter UI icons, and some trial and error to create a very similar experience that you see on twitter.com.

I'll leverage CodePen and the next.tailwindcss.com version of Tailwind CSS. I'll eventually install and configure Tailwind CSS locally instead of always leveraging a CDN but for quick prototypes and builds such as this one it makes a lot of sense to use.

View the pen

See the Pen Let's Build: With Tailwind CSS - Tweet by Andy Leverenz (@webcrunchblog) on CodePen.

New to Tailwind?

Check out my first video on how to install the utility-first framework locally using Webpack

Link this article
Est. reading time: 1 minutes
Stats: 2,652 views

Collection

Part of the Let's Build: With Tailwind CSS collection