PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Tailwind

Tailwind posts, videos, courses, and more

How to Remove Arrow on Input type Number with Tailwind CSS

When designing forms with Tailwind CSS, you might want to remove the default arrows (also known as spinners) from number input fields. These arrows can interfere with custom designs and are...

Bobby Iliev ยท 1 year ago

3

How to Make Parent Div Activate Styling of Child Div for Hover and Active States

Hey there developers! ๐Ÿ‘‹ Today, we're diving into a Tailwind CSS trick! We'll explore how to make a parent div control the styling of its child elements on hover and active states. Let's jum...

Bobby Iliev ยท 1 year ago

2

How to Access Direct Children of a Div in Tailwind CSS v3

In this tutorial, we'll explore how to target and style the direct children of a div using Tailwind CSS v3's powerful arbitrary value syntax. This feature allows for more flexible and precis...

Bobby Iliev ยท 1 year ago

3

How to Install Tailwind CSS 3 in Laravel 9 With Vite 3

Tailwind is a modern CSS framework. It is a utility-first-based framework and provides you with a unique set of utility classes which makes the development process very easy and results in m...

TechvBlogs ยท 2 years ago

5

How to setup Tailwind CSS in Vue 3

Tailwind CSS is one of the newest and coolest utility libraries on the block, and it lets you build UI components with ease. Hereโ€™s a quick guide on how to set up Tailwind in your Vue 3 proj...

TechvBlogs ยท 3 years ago

6

How to use Tailwind CSS with a React App

What is Tailwind CSS? Tailwind is a modern CSS framework. It is a utility-first-based framework and provides you with a unique set of utility classes which makes the development process very...

TechvBlogs ยท 3 years ago

4

How to make a sponsors site with Next.js, Tailwind CSS, and Stripe ๐Ÿ’ต

Hello everyone, ever thought of creating a site that can allow you to accept sponsors? Let's build a site to accept sponsors, today! Setup Setting up Next.js app I am going to use Tailwind C...

Avneesh Agarwal ยท 3 years ago

4

How to setup Tailwind in your project

Tailwind is a utility-first framework consisting of various classes to help you build clear and responsive designs fast inside HTML markup file. In this post, you will learn how to set up ta...

Shreya ยท 3 years ago

5

Create an animated sidebar with TailwindCSS in React๐Ÿ’ซ

Hey everyone, in many apps you need a sidebar/drawer which slides in if you click on a hamburger icon. In this tutorial, we are going to see how to build that ๐ŸŒŸ. Demo {% loom b748e5d32ebd45...

Avneesh Agarwal ยท 3 years ago

5

TailwindCSS v3 released! A look at the new features ๐ŸŽจ

Intro Tailwind CSS v3.0 just got released and they have added a lot of cool features, so let's have a look at them. JIT is now inbuilt The JIT mod is now inbuilt in TailwindCSS so it is way...

Avneesh Agarwal ยท 3 years ago

5

Build a quiz App with Next.js and TailwindCSS!

Hey guys, this is gonna be a tutorial plus a challenge. I also have a giveaway at the end so stay tuned ;) Demo Video Demo You can try it out yourself here- https://quiz-challenge.vercel.app...

Avneesh Agarwal ยท 3 years ago

5

Laravel Tailwind Boilerplate and Vue ready

Happy Friday!! This week I was working with a simple GitHub repo to save me time when I start new Laravel projects. The repo it's called Laravel Tailwind Boilerplate & Vue ready It consi...

Marc Garcia ยท 3 years ago

4

TailwindCSS 2.2 in 22 seconds

Want to learn what's new in TailwindCSS 2.2 in 22 seconds? Maybe that's a little too ambitious ๐Ÿคช. It might be more like 122 seconds. Either way, in this tutorial, you will learn the new thi...

Tony Lea ยท 4 years ago

13

Create a Dark Mode toggler with Tailwind โšก๏ธ

Hello Folks ๐Ÿ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend tec...

Savio Martin ยท 4 years ago

4

Set Up Tailwind JIT In React - The fastest way! ๐Ÿš€

Hello Folks ๐Ÿ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend tec...

Savio Martin ยท 4 years ago

5

Set Up Tailwind In React - The fastest way! ๐Ÿš€

Hello Folks ๐Ÿ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend tec...

Savio Martin ยท 4 years ago

5

Extracting TailwindCSS from HTML

I've recently run into a scenario where I want to design a one-off page using TailwindCSS with the CDN link; however, including the CDN link would mean that my page load is a heavy 3MB ๐Ÿ™. I...

Tony Lea ยท 4 years ago

7

TailwindCSS Hidden Gems ๐Ÿ’Ž

If you are new to TailwindCSS, you're probably familiarizing yourself with some of the utility classes and starting to build some awesome stuff. ๐Ÿ˜‰ As you learn about this awesome framework,...

Tony Lea ยท 4 years ago

7

Tailwind CSS - all you need to know to get started

Tailwind CSS is a relatively new CSS framework that can be easily seen as the next big revolution of the way we style our HTML elements. Tailwind encourages and facilitates a utility-first a...

Riccardo Battiato ยท 4 years ago

4

Tracing Objects in TailwindCSS

I've been getting good at designing and painting elements on the page using TailwindCSS. I decided to use a flat laptop image ๐Ÿ–ผ๏ธ and design it with TailwindCSS. It was actually pretty simple...

Tony Lea ยท 4 years ago

9

Custom Animations in TailwindCSS

Tailwind provides some simple animations out of the box. If you're not familiar with these animations, be sure to check out my post on TailwindCSS Animations here. These simple animations ar...

Tony Lea ยท 4 years ago

7

5 reasons to start using TailwindCSS

It's 2021, and it's time for a change. Bootstrap has held its reign as the top CSS framework for quite some time; however, that's all about to change. TailwindCSS is the cat's pajamas, it's...

Tony Lea ยท 4 years ago

9

Creating Browser Mockups in TailwindCSS

TailwindCSS gives us the ability to create some really cool designs. It also gives us the power to create some cool elements on our page, such as browser mockups. You'll learn how to create...

Tony Lea ยท 4 years ago

10

TailwindCSS, Give Me Some Space

Recently, I started using the space utility classes in Tailwind, which gives you the ability to create equal space between elements. When I first started using Tailwind, I found myself reach...

Tony Lea ยท 4 years ago

5

Laravel Quickie: How to install and build TailwindCSS v2 with Laravel Mix ๐Ÿ˜Ž

Introduction Welcome to another Laravel Quickie! In this quickie, we will go over how to install and build TailwindCSS v2 with the help of Laravel Mix. If you've already tried and have run i...

Kim Hallberg ยท 4 years ago

5

Tailwind V2 Released ๐ŸŽ‰

Tailwind version 2.0 has been officially released along with a fancy new website. You gotta check it out, this thing is impressive. There are some pretty cool things available in v2, which...

Tony Lea ยท 4 years ago

5

How to create a Contact Us form with Livewire. ๐Ÿ‘‹

Introduction. The contact form, an essential piece of functionality on every website. From a single input field asking for an email address. To full-page forms with address fields. Used to a...

Kim Hallberg ยท 4 years ago

6

TailwindCSS Gradients

As of Tailwind 1.7, you can create gradients without a single line of CSS ๐ŸŽจ. In this tutorial, I'll show you how easy it is to add gradients to your designs using Tailwind. Each gradient wi...

Tony Lea ยท 4 years ago

9

Creating a Slider with Tailwind CSS

Creating a slider with Tailwind and a little bit of javascript is actually very simple and that's what we'll be cover in this tutorial. First, we'll create the HTML and CSS for our slider, a...

Tony Lea ยท 4 years ago

6

Animating Tailwind Transitions on Page Load

Tailwind transitions classes gives you the ability to animate elements with very little effort. The only problem is that you can't implement animations using the transition classes alone. In...

Tony Lea ยท 4 years ago

5

Loading More Content