Designly Blog

#Tailwind Css

Create an Emoji Selector for Next.js Forms using Tailwind + DaisyUI
8 months ago
Front End Development

Create an Emoji Selector for Next.js Forms using Tailwind + DaisyUI

In this blog post, we're diving deep into the cosmos of code to guide you on creating an emoji selector for your Next.js forms that's both functional and fabulous.

Implementing a Loading Overlay with next/router Events in Next.js
8 months ago
Front End Development

Implementing a Loading Overlay with next/router Events in Next.js

Build a route change loading overlay using `next/router` events.

How to Create an Attractive File Upload Widget With React/Next.js and Tailwind CSS
11 months ago
Front End Development

How to Create an Attractive File Upload Widget With React/Next.js and Tailwind CSS

By leveraging the strengths of React, Tailwind CSS, and Daisy UI, we can create a user-friendly and aesthetically pleasing file uploader.

React and Tailwind CSS: Making a Typewriter Animation from Scratch
11 months ago
Front End Development

React and Tailwind CSS: Making a Typewriter Animation from Scratch

Learn to create a typewriter animation using React and Tailwind CSS. Step-by-step guide to add a retro touch to your web design.

How to Disable Body Scroll When a Modal Dialog is Open in React / Next.js
1 year ago
Front End Development

How to Disable Body Scroll When a Modal Dialog is Open in React / Next.js

In this tutorial, I'll show you how to create a modal dialog overlay and disable the body scroll bars when it is open using Next.js 13 / React.

Create a Responsive Animated Sidebar Using React / Next.js and Tailwind CSS
1 year ago
Front End Development

Create a Responsive Animated Sidebar Using React / Next.js and Tailwind CSS

In this tutorial, I'll show you how to leverage the power of Tailwind CSS and Next.js to create a simple yet elegant mobile-responsive sidebar using no other dependencies.

How I Learned to Shut Up and Love Tailwind CSS
1 year ago
Website Design

How I Learned to Shut Up and Love Tailwind CSS

It took me a while, but I'm finally fully on the Tailwind CSS bandwagon. In this article, I'll explain why and how I got there.

Creating a Modern Hero Image Using NextJS 13 Images and Tailwind CSS
1 year ago
Full-Stack Development

Creating a Modern Hero Image Using NextJS 13 Images and Tailwind CSS

This tutorial focuses on creating a more modern website hero section using NextJS 13 Images and Tailwind CSS.

How to Create a React-Native App With Tailwind (Nativewind) and Google Fonts
1 year ago
Mobile App Development

How to Create a React-Native App With Tailwind (Nativewind) and Google Fonts

In this tutorial, I'm going to show you how to set up a new React-Native project using the Expo CLI tool. Then we'll install and configure Tailwind. And then as an extra-added bonus, we'll define a custom font class for a Google font.