TW Components

Tailwind CSS is a popular framework for its utility-first approach, enabling developers to create beautiful, responsive, and highly customizable user interfaces with ease. Number inputs are essential components of any web form, whether Read Now

This article gathers a collection of versatile inputs that contains a text field for entering a search string. See below our search input examples coded with Tailwind CSS. #1 Tailwind CSS Voice Search Read Now

Knowing how important this navigation component is when creating web projects, we gathered in this article a collection of beautiful menus that are responsive and coded with Tailwind CSS. Beautiful Menus Responsive and Read Now

There are many ways to install Tailwindcss on a fresh Laravel 8 install. You can configure your application by yourself or use a Preset to do it faster. We'll start with the custom Read Now

We have gathered in this article a collection of easy-to-use Contact Forms that you can use in your project to allow users to communicate with the site owner. See below our Contact Form Read Now

Alerts are essential UI/UX components used to give users feedback. The nature and urgency of the information should be made clear via the alert's shape, color, and position. Knowing how important this Read Now

Modals are separate windows within a web app that provide information or require confirmation from the user. This article contains a list of the best modals coded with Tailwind CSS that you can Read Now

A landing page is a web page created mainly for marketing purposes. It is used when the visitors "land on" after clicking a link in an email or an ad from Read Now

If you’re starting a new Vite project, you might want to consider using Tailwind CSS. It requires some time to learn all the utility classes, but you rarely have to write CSS Read Now

Laravel mix v6 comes with support to the latest versions of numerous dependencies, including webpack 5, PostCSS 8, Vue Loader 16, and more. You can install Tailwindcss v2 without compat verion when you Read Now

When it comes to using elements of modern front-end stacks in Django, there is more than one way. The key is to find the configuration that combines best practices, and leverages each tool Read Now

Are you looking to create easy-to-use and responsive tables for your Tailwind CSS project? You've come to the right place! Our article contains a list of awesome tables coded with Tailwind CSS that Read Now

A good-looking and straightforward login page will catch the user's attention and direct a high volume of visitors to the website. The login pages usually include a form with elements such as username, Read Now

If your pricing page isn't designed to convert potential customers, all that effort you put into sales and marketing will be in vain. To help you with that, we've gathered a collection of Read Now

This post showcases 8 simple timeline components coded with Tailwind CSS that you can copy-paste now into your project. 1. Responsive Vertical Timeline A responsive timeline created using CSS grid and flexbox. Features: Read Now