Front End Development
Create a Universal Button With React + TailwindCSS
Build a reusable React button component with Tailwind CSS that adapts as a button or link based on props—simple, flexible, and efficient.
JS
Jay
Simons#Tailwind CSS 10 posts
Posts tagged with "Tailwind CSS"
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.
JS
Jay
Simons
Front End Development
Implementing a Loading Overlay with next/router Events in Next.js
Build a route change loading overlay using `next/router` events.
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.
JS
Jay
Simons
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.
JS
Jay
Simons
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.
JS
Jay
Simons
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.
JS
Jay
Simons
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.
JS
Jay
Simons
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.
JS
Jay
Simons
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.
JS
Jay
Simons