Best of Tailwind CSS — April 2025
- 1
- 2
ByteGrad·1y
The Ultimate Next.js Dashboard Stack (Shadcn, WebSocket / SSE, OLTP / OLAP Database)
The video discusses building real-time analytical dashboards using Next.js, detailing how component libraries like Shadcn and Tremor can enhance the UI. It covers the use of WebSocket and Server-Side Events (SSE) for continuous data streaming between client and server. The importance of choosing the right database for transactional (OLTP) and analytical (OLAP) workloads is highlighted, recommending the use of DuckDB with Postgres and introducing Hydra for simplified management. A step-by-step guide on setting up this stack with a focus on real-time web analytics dashboards is provided.
- 3
- 4
Community Picks·1y
Ultimate ShadCN Tutorial 2025 | React Next.js ShadCN Dashboard Project
Learn about the flexible and customizable ShadCN UI library, its integration with Radix UI for accessibility, and Tailwind CSS for styling. This tutorial covers building a responsive dashboard from scratch with components such as forms, dark mode, and more. Emphasizes the unique approach of ShadCN, where components are not pre-styled, allowing developers full control over the design.
- 5
The React Community·1y
🚀 A Dev’s Dream Portfolio — Built with Next.js 15, MagicUI & AceternityUI
Frontend Developer Kinh Bach shares his latest personal portfolio built using Next.js 15, MagicUI, and AceternityUI. The portfolio features stunning animated UI, modular and scalable architecture, and seamless theme support. Kinh highlights the importance of creating a custom portfolio and outlines future updates, including showcases, a dynamic projects section, and a timeline-based experience layout.
- 6
Collections·1yTailwind CSS v4.1: Text Shadows, Masks, and Extensive New Features
Tailwind CSS v4.1 offers new utilities, including text shadows, CSS masks, and colored drop shadows, enhancing frontend development flexibility. The update also improves browser compatibility, adds overflow-wrap utilities, input device targeting, safe and last baseline alignment features, and optimizes build performance.
- 7
- 8
CSS-Tricks·1y
So, You Want to Give Up CSS Pre- and Post-Processors…
Native CSS has developed significantly, reducing the need for pre-processors like Sass, Less, and Stylus by adding features such as CSS variables and nesting. Post-processors like PostCSS and the faster Lightning CSS are gaining popularity, with tools like Tailwind CSS removing pre-processor support. Lightning CSS stands out due to its speed and compatibility with frameworks like Vite.
- 9
LogRocket·1y
An introduction to the TanStack Start framework
TanStack Start is a new full-stack React framework built on Vite, Nitro, and TanStack Router, featuring Server Side Rendering (SSR), server functions, API routes, and more. This post offers a detailed guide on building a simple developer portfolio with the framework and Tailwind CSS, including setup steps, configuration, and using TanStack Router for routing. Though still in its early stages, TanStack Start is safe to use in production, but it has some downsides like a small community and limited documentation.
- 10
Tailwind vs Linaria: Performance Investigation
The post investigates the performance differences between Tailwind and Linaria, focusing on initial load and interaction performance. It covers setting up the investigation, measuring the size of assets, and analyzing the results for both client-side rendering (CSR) and server-side rendering (SSR) modes. Despite Tailwind making CSS smaller, the investigation found no significant impact on initial load performance, but some interaction performance was slower in Tailwind due to additional selectors.
