Best of Tailwind CSS — June 2024

1. 1
   Article

   freeCodeCamp·2y

   Mastering Shadcn UI Components

   A comprehensive course on freeCodeCamp.org's YouTube channel teaches how to master Shadcn, a toolset providing highly customizable and accessible React components. It covers the main UI components, their integration with React or Next.js projects, and the ability to customize them via CSS variables or Tailwind CSS for consistent theming. This course is beneficial for both beginners and experienced developers looking to speed up their development process and maintain control over component styling and behavior.

   183

   4
2. 2
   Article

   Community Picks·2y

   Why UnoCSS?

   UnoCSS is an atomic CSS engine that offers extensibility and performance. It is inspired by Windi CSS and Tailwind CSS but has its own unique features and design goals. UnoCSS allows for the creation of custom conventions and design systems.

   135

   12
3. 3
   Article

   LogRocket·2y

   daisyUI adoption guide: Overview, examples, and alternatives

   daisyUI is an open-source component library built on top of Tailwind CSS, offering pre-designed components and enhanced developer experience. It tackles the drawbacks of traditional CSS libraries by integrating with Tailwind’s utility-first approach, providing customizable and reusable components. Created by Pouya Saadeghi, daisyUI streamlines UI development while avoiding bloated markups. It can be set up as a Node package or via CDN and offers extensive customization options through Tailwind utility classes and `@apply` directives.

   79

   7
4. 4
   Article

   Community Picks·2y

   How to get started with freelancing

   Freelancing requires a significant amount of experience and ongoing learning. It's important to pick one or two niches and become an expert in them. Popular methods to start freelancing include using platforms like Upwork, leveraging word of mouth within your network, and engaging in content creation to attract clients. Each method has its pros and cons, such as ease of use, discoverability, and the potential for higher quality clients. Consistency and quality in your work are key to attracting and retaining clients.

   76

   6
5. 5
   Article

   tailwindcss·2y

   Headless UI v2.1: Simplified transition API and improved multi-dialog support

   Headless UI v2.1 for React simplifies transition APIs by introducing a new transition prop and data attributes for styling transition stages. It also allows the rendering of multiple dialogs as siblings, improving usability for complex applications. The new API is recommended for future use while maintaining backward compatibility. Tailwind UI components have been updated to use the new API for more concise and efficient code.

   62

   1