Best of Tailwind CSS — August 2024
- 1
- 2
DEV·2y
🖥️ Windows 11 Clone with React.js
A developer created a Windows 11 clone web app using React.js, mimicking various Windows 11 functions like an interactive desktop environment, taskbar with start menu, and applications such as Chrome, Calculator, and VS Code. Other features include a responsive frontend and a simulated login screen. The technical stack includes React.js, Tailwind CSS, React Router DOM, Framer Motion, and React Draggable. The source code and demo are available on GitHub.
- 3
Community Picks·2y
Glass: an AI copilot for React and Next.js developers.
Glass provides an AI-powered assistant for React and Next.js developers, enabling them to create components, modify props, and write Tailwind CSS directly from the browser. It also allows developers to visualize component structures by hovering over elements and instantly jump to the source code of the selected element.
- 4
Tailwind Component Library
Tailbits is a comprehensive library of UI components designed with Tailwind CSS. It offers a wide range of components for various projects, allowing for easy copy-pasting. The components are licensed under CC BY 4.0 and the tool is developed by Danny Postma.
- 5
- 6
- 7
Dev Squad·2y
🐥 cuicui.day - A high quality React & Tailwind UI library of copy-paste components
Cuicui is a newly released open-source UI library designed to simplify and enhance UI design with React and Tailwind. It emphasizes ease of use, customization, and promoting good coding practices. Featuring diverse artistic styles, dark and light mode support, and unique micro interactions, Cuicui aims to revolutionize UI component libraries.
- 8
Tailwind is an Anti-Pattern
The post critiques Tailwind CSS, arguing that its utility-first approach isn't new and has significant downsides such as bloated HTML, unnecessary naming conventions, and larger bundle sizes. It suggests that using Tailwind can hinder learning essential CSS patterns and result in code that's less readable and harder to maintain. The author emphasizes that traditional CSS practices and newer tools like CSS Modules and ShadowDOM are more efficient and sustainable for web development.
- 9
Neobrutalism components
A collection of neobrutalism-styled Tailwind components is introduced. These components are open source with an MIT License, easy to use after installing necessary dependencies, and customizable. Despite the negative feedback from the community, the components utilize Tailwind's utility classes for simple styling.
- 10
Web Dev Simplified·2y
How to Build and Deploy a Portfolio with Next.js that Will Land You Jobs
Learn how to build an impressive portfolio website using Next.js, MDX, and Tailwind CSS. The guide covers setting up the project, writing markdown content with embedded JSX, styling with Tailwind CSS and Shat CN UI library, and deploying the portfolio to Vercel. Ideal for landing jobs or attracting freelance clients.
- 11
YouTube·2y
Build a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind
The post describes a comprehensive course on building a full-stack mobile app using React Native. Highlights include creating an Uber clone with 15 screens and advanced features like Expo router, global state management with Zustan, Expo Location, PostgreSQL database, email authentication with Clerk, and Stripe payments. The course aims to teach a wide range of essential mobile app development skills including splash screens, custom tabs, navigation models, Google Maps integration, and responsive design across devices. It also introduces useful development tools like WebStorm for enhanced productivity.