DEV Community

Cover image for Android 11 with TailwindCSS
Sasidharan
Sasidharan

Posted on • Originally published at lagandlog.com

Android 11 with TailwindCSS

#tailwindcss #webdev #design

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 💅

profile
Sentry
 Promoted

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

profile
Neon
 Promoted

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

Read next

coderosion profile image

How to Think Like a Senior React Developer

daniel ukuhor -

dpc profile image

Daily JavaScript Challenge #JS-100: Find Smallest Missing Positive Integer

DPC -

varzoeaa profile image

Spatie Permissions vs Laravel Policies and Gates: Handling Role-Based Access

varzoeaa -

dpc profile image

Daily JavaScript Challenge #JS-87: Binary Gap Length

DPC -

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay