How To

How to Center an Image in TailwindCSS – [2 Simple Ways]

Images are part of every web page in modern web design. As they are everywhere, it's good to know how to style them perfectly...

5 Best Ways to Center a Div in TailwindCSS

In almost every webpage, you need to center the content vertically and horizontally. You also want to stick in the center no matter what...

3 Simple Steps to Design a Modal in TailwindCSS

Adding a modal is very common to display important information to visitors on the site. You can use a modal to display a popup...

How to Style First Line in TailwindCSS

Displaying a different style for the first line is make the content look different. TailwindCSS provides a first-line class with different modifiers to style...

How to Add TailwindCSS in Simple HTML Project

TailwindCSS is not only designed for frameworks but can also be used in a simple HTML project. Instead of writing custom CSS, you can...

How to Create Parallax Effect in TailwindCSS

The parallax effect is very common on the landing page in modern websites. It adds a unique look to the website that attracts users...

How to Create Loading Skeleton/Shimmer in TailwindCSS

Loading Skeleton or Shimmer are everywhere nowadays. All the big companies like Facebook and Linkedin are using them to have a nice user experience....

How to Add Gradient on Text in TailwindCSS

You can add gradient colors on the text same as the background. All you need to do is to utilize gradient color classes. Specify...

2 Ways to Add Custom Colors in TailwindCSS

TailwindCSS comes with a lot of colors that you can use in your project. But, if you still need a custom color for your...

Latest articles