Use clip path in TailwindCSS

With clip-path you can add a touch of personality to your website design and make the user interface even more attractive.

Set focus border in TailwindCSS

Using borders is a simple CSS task. Except the cases when you want to use it on an input element

Create hover underline animation in TailwindCSS

How to create an underline animation on a hover event using TailwindCSS

Truncate text in TailwindCSS

There are two simple ways to truncate a long text and add ellipsis (...) to the end in TailwindCSS. These are truncate and line-clamp-x

Create triangles with TailwindCSS

Triangles are relatively common elements on websites. With TailwindCSS you can easily create one.

Create custom toggle button with TailwindCSS

In this article, I show you how to create a custom toggle button with TailwindCSS only. No JavaScript is required.

Implement Dark mode with TailwindCSS

Learn how to implement dark mode on your website using TailwindCSS taking into account the system preferences.

How to create custom checkboxes in TailwindCSS

Learn how to create a custom checkbox using Tailwind CSS. This article covers the basic syntax, and how to customize the look and feel.

Fix the Unknown at rule @tailwind warning in VSCode

The Unknown at rule @tailwind warning can be easily fixed in VS Code by setting the correct file association.

Fix TailwindCSS breaks existing styles

When starting to use TailwindCSS in an existing project, the old design may break due to CSS rule conflicts.

Tailwind CSS without Node.js and npm

A simple tutorial on how to use the popular TailwindCSS without Node.js and npm.