Let's Build: With Tailwind CSS - Tweet UI 🐦

Hi, My name is Andy Leverenz and I work as a Product Designer at Dribbble. For fun, I design, code, and write. Check out my blog called Web-Crunch https://web-crunch.com where I publish design and development tutorials with the occasional vlog.

====================

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, Twitters UI icons, and some trial and error to create a very similar experience that you see on https://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.

CodePen: https://codepen.io/webcrunchblog/pen/xedQVv

====================

📰 Subscribe: https://www.youtube.com/user/webcrunchblog?sub_confirmation=1

💎🛤 NEW COURSE: HELLO RAILS - Get notified https://hellorails.io

💻 Previously published at: https://web-crunch.com/lets-build-tailwind-css-tweet

💻 Check out the blog: https://web-crunch.com

🦄 Check out my personal site: https://justalever.com

🚀 Links: Weekly Newsletter: https://web-crunch.com/subscribe Twitter: https://twitter.com/webcrunchblog Twitter(Personal Account): https://twitter.com/justalever Facebook: https://facebook.com/webcrunchblog Dribbble: https://dribbble.com/justalever Github: https://github.com/justalever Medium: https://medium.com/the-web-crunch-publication

📘Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/books/luxd

📙 Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/books/ptt

💯 Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting

🌊 Need more advanced hosting for Rails, PHP, Node, or other projects? Digital Ocean has you covered. https://m.do.co/c/ee243ee15648

💎 Ruby on Rails devs, Try HatchBox.io. You'll save upwards of 50% compared to Heroku. I use it and love it! https://hatchbox.io/?via=andy

☕️ 🙏🏻 Patreon https://www.patreon.com/webcrunch

☕️ Or buy me a coffee https://www.buymeacoffee.com/webcrunch ... https://www.youtube.com/watch?v=VINHQLZN6YQ