Tailwind Css

Today, I encountered an intriguing bug while implementing AOS (Animate On Scroll) animations on my website’s footer. To my surprise, the animation was introducing extra space on the side of the website. After some investigation, I managed to fix the issue by adding the overflow-hidden class to the parent <div>…

A healthy mix of everyone’s favourite frontend tools Introducing Stairpay Stairpay is Pluto’s first product. It’s a platform that connects Shared Ownership residents with their Housing Associations and solicitors. At the time of writing, we have three apps — one for each type of user (residents, Housing Association staff and solicitors) —…

In this tutorial, we’ll delve into the world of FAB buttons, those eye-catching elements that enhance both the aesthetics and functionality of modern user interfaces. By utilizing the power of Tailwind CSS, React, and Framer Motion, we’ll create an interactive and stylish Floating Action Button (FAB). Whether you’re an experienced…

I couldn’t find a stacked progress bar, that wasn’t a library I had to npm install and written in tailwind anywhere on the web.. so heres how I built one. <div className="flex h-3 rounded-md border border-neutral-700 "> <div className="rounded-l-md bg-green-400" style={{ width: getProgressWidth(solved.easy) }}></div> <div className="bg-yellow-400 " style={{ width: getProgressWidth(solved.medium) }}></div> <div className="bg-red-400 " style={{ width: getProgressWidth(solved.hard) }}></div> </div>

Tailwind CSS is a very powerful tool, that allows us to tweak our application styles to greater detail than possible with a pre styled component library, it is also a very argued upon topic that you will never get a team of people to agree on, however, I believe…

Hii guys, Today I am going to elaborate the process of setting up Material-UI with TailwindCSS together so you can have the best of worlds that is the super power of TailwindCSS and adding readymade UI components so you can ship the UI faster and focus more on business logic. …

Recently, while working on a website, I discovered I would need to create a button component to ease my workflow (as there were quite a number of buttons to be added). However, after some trial and error, plus searching through forums and blogs, I decided to seek another solution to…

In the modern web landscape, file uploading is a fundamental feature that many applications require. Whether it’s a profile picture on a social media platform, an attachment in an email, or a document upload for a cloud storage app, handling file uploads correctly is crucial for a great user experience…

Introduction: CSS frameworks are essential tools for web development, simplifying the process of creating visually appealing and responsive websites. Among the numerous options available, Bootstrap and Tailwind have emerged as two prominent choices for developers. This blog post aims to provide a comprehensive comparison of Bootstrap and Tailwind, highlighting their…