Best of Tailwind CSS — June 2023

1. 1
   Article

   DEV·3y

   Build a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma

   This comprehensive WhatsApp clone comes packed with a range of awesome features to give you an authentic messaging experience. The Whatsapp Clone uses Next.js, Socket.io, Tailwind CSS, Node.js and Express and Prisma - DEV Community Features of the WhatsApp Clone.

   297

   18
2. 2
   Article

   Community Picks·3y

   Daisy UI 3.0 Released: New components, themes, improvements, and more!

   Daisy UI has introduced loading spinners with its latest version. Spinners indicate an activity or event is currently running in the background. The new Accordion component in Daisy UI is an update on but uses radio buttons inside the hood. This makes it possible to make JS-free components more efficient, faster, and accessible.

   150

   15
3. 3
   Article

   Community Picks·3y

   React Tailwind CSS UI Components - Tailwind React Blocks

   TailGrids is the ultimate library of over 500 Tailwind CSS React UI components. All components are carefully crafted to be compatible with popular React tools and features like React Router, Redux, and React Hooks, providing seamless integration and versatility. We offer developers a wide range of options and features that can help them build their React UI faster.

   119

   3
4. 4
   Article

   Community Picks·3y

   Animating Tailwind Transitions on Page Load

   The only problem is that you can't implement animations using the transition classes alone. In this tutorial, you will learn how we can solve this with some simple javascript.

   80

   3
5. 5
   Article

   Product Hunt·3y

   Pines - A beautiful UI library for Alpine and Tailwind

   Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects. This is Pines's first launch.

   78

   1
6. 6
   Article

   Product Hunt·3y

   Flowbite Icons - 430+ free and open-source SVG icons

   Flowbite Icons - 430+ free and open-source SVG icons with outline and solid styles built for Tailwind CSS with support for React (JSX) and Figma. This is the latest launch from Flowbite See Flowbite’s 5 previous launches.

   62

   3
7. 7
   Article

   asayer·3y

   Removing unused CSS with PurgeCSS

   Unused CSS is one of the most common problems that can negatively impact website performance. This article will introduce you to PurgeCSS, a tool that can minimize the CSS sent to the browser. Let’s learn what Purge CSS is, how it works, and how to configure it in a Next.js app.

   56
8. 8
   Article

   Laravel News·3y

   Pines: An Alpine and Tailwind UI Library

   Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copied and pasted into any Alpine and Tailwind projects. To get started with Pines UI, check out the official website and documentation.

   46