Create an Engaging Voting Widget with Tailwind CSS

With the upcoming American elections, it’s a great time to practice your voting skills and get ready for the polls with this JavaScript-free widget! In this article, we will explore how to create a simple voting widget using Tailwind CSS...

October 15, 2024

Building a Full-Stack Study Notion App with React Router, Tailwind CSS, and Protected Routes

News

Building a Full-Stack Study Notion App with React Router, Tailwind CSS, and Protected Routes

In this comprehensive guide, we’ll explore how to build a fully functional Study Notion app using React.js, React Router, and Tailwind CSS. The app features dynamic routing, private routes, login/signup functionality, and more. Whether you’re a beginner or an intermediate...

October 4, 2024

Dicas para escrever Tailwind CSS de forma limpa

News

Dicas para escrever Tailwind CSS de forma limpa

Tailwind é uma ótima opção de escolha de estilização para seu projeto se você deseja ter uma ótima produtividade no desenvolvimento e um design flexível em suas aplicações, no entanto, conforme você vai trabalhando em seu projeto vai aumentando de...

September 14, 2024

Mastering Tailwind CSS With Tailwind Merge, clsx – DZone

News

Mastering Tailwind CSS With Tailwind Merge, clsx – DZone

People have been emailing and asking me to write something on some soft topics for beginners, as I write mostly for mid-level or seniors. So, here is a new article for beginners, especially for UI developers. Today, let’s explore the...

September 7, 2024

Responsive Layout: Tailwind CSS Sidebars & Nav

News

Responsive Layout: Tailwind CSS Sidebars & Nav

Introduction In today’s multi-device world, creating responsive web layouts is essential for delivering a seamless user experience across different screen sizes. A well-designed responsive layout adapts gracefully to various devices, ensuring that content is easily accessible and navigable whether viewed...

July 2, 2024

Build a Responsive Modern Website with Next.js14, TypeScript, and Tailwind CSS

News

Build a Responsive Modern Website with Next.js14, TypeScript, and Tailwind CSS

This project is a responsive modern website built with Next.js, TypeScript, and Tailwind CSS. Project Overview This project is designed to provide a robust and flexible template for building responsive and modern websites. It leverages the power of Next.js for...

July 1, 2024

How to Vertically Align Content with Tailwind CSS Across a Full-Screen Div

News

How to Vertically Align Content with Tailwind CSS Across a Full-Screen Div

Vertical alignment can often be a challenge in web design, but with Tailwind CSS, you can easily align elements in the center of the screen. This quick guide will walk you through the steps to vertically align content within a...

July 1, 2024

How to share tailwind configuration between nuxt layers

News

How to share tailwind configuration between nuxt layers

UI Layer have a tailwind config file and override the default tailwind CSS configurations Then using the UI Layer in the Content layer Tailwind configurations got reset to the base for some reason, even that the layers’ config should be...

June 28, 2024

Tailstore – Free Tailwind CSS eCommerce Template

News

Tailstore – Free Tailwind CSS eCommerce Template

Tailstore is a responsive eCommerce template built with Tailwind CSS, created to help you set up elegant online stores with ease. Demo Features Overview: Main Page: Swiper Slider: Captivate your visitors with an engaging Swiper slider, perfect for showcasing top...

June 24, 2024

Mega footer component examples coded with Tailwind CSS and Flowbite

News

Mega footer component examples coded with Tailwind CSS and Flowbite

Hey developers! Today I want to show you a couple of components and website sections that we’ve designed and developed over at Flowbite for e-commerce websites that are called mega footers… because they’re huge! These kind of footers are usually...

June 20, 2024

1 2 3 4