DEV Community

Cover image for Android 11 with TailwindCSS
Sasidharan
Sasidharan

Posted on • Originally published at lagandlog.com

Android 11 with TailwindCSS

In this blog, we gonna recreate the Android 11 model UI with TailwindCSS.

If you are interested in using TailwindCSS in React Native, check out TailwindCSS and React native log.

Let's get right into it,

We are gonna take an image from the official page and try to replicate the same, follow along for more.

Image to replicate:

ANDROID11.png
Image source - https://www.android.com/intl/en_in/android-11/

Final output 😍:

android11output.png

Find source code here - Complete source

Feel free to add your comments below & follow me on Twitter for more - sasiKdharan

Thanks.

Happy Designing 💅

Heroku

Amplify your impact where it matters most — building exceptional apps.

Leave the infrastructure headaches to us, while you focus on pushing boundaries, realizing your vision, and making a lasting impression on your users.

Get Started

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Dive into this thoughtful article, cherished within the supportive DEV Community. Coders of every background are encouraged to share and grow our collective expertise.

A genuine "thank you" can brighten someone’s day—drop your appreciation in the comments below!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found value here? A quick thank you to the author makes a big difference.

Okay