In this post we will build a Image Gallery with ReactJS app with Tailwind CSS. We are also going to use Pixabay API to get the images.

So, open your terminal and create a new ReactJS application by using the command below.

npx create-react-app tailwindcss-gallery

Now, as per the instructions, change to the newly created folder. I have also opened the project in VS Code.

In this post we will build a simple ReactJS app with Tailwind CSS and in this process will learn to add Tailwind CSS to our app.

So, open your terminal and create a new ReactJS application by using the command below.

npx create-react-app tailwindcss-reactjs

Now, as per the instructions, change to the newly created folder. I have also opened the project in VS Code.

In this post, we are going to quickly build a responsive tailwind site, using awesome ready to use tailwind components.

Now, create a basic html structure in VS Code using the shortcut ! and press tab. After that we are adding the tailwind css CDN link, which we have got from tailwind site.

In this post, we are going to create a Gym website using a Tailwind CSS starter kit. These starter kits are great in quickly developing a site, if you are a freelancer.

First, we need to download the starter kit from this link. Just click on the Download from Github link.

In this project we are going to build a beautiful tailwind CSS site. This site again will be created using only HTML and CSS and no framework. This site will also have cool animation effect.

The installation of tailwind is a long process and covered earlier in my earlier post. Please refer it to get tailwind CSS setup in your project.

After the installation, in the index.html file, add the basic code by ! and tab. After that also add the link for the style sheet. We have also added an h1 text, for the testing.

After that, right-click and…

In this project, we are going to build a simple Tailwind CSS landing page. We are not going to use any framework like my previous blogs here.

As always, there is some installation to be done before.

Let’s start with Tailwind CSS. So, open up the terminal and change to the desired directory, and create a new directory.

We need to install some packages for tailwind, so need to have a package.json file. For this we are giving the command npm init -y, to create an empty package.json file with default options.

After that, we are opening the folder in…

In this post, we will build a Cloudinary uploader through which we will be able to upload images through our app to cloudinary. We will use ReactJS and NodeJS in the project.

So, open your terminal and create a new folder and inside that folder create a new react app called frontend.

In this post, we will build a Snippet app in Next.js. We will store and retrieve our data from FaunaDB and also use Tailwind CSS in the project. We will also be using the awesome authentication service of Auth0 in the project

So, open your terminal and create a new Next.js application by using the command below.

npx create-next-app snippet-app-nextjs

Now, as per the instructions, change to the newly created folder. I have also opened the project in VS Code. After that, run npm run dev to start the project.