JavaScript Mastery·1yTailwind CSS v4 Full Course 2025 | Master Tailwind in One Hour
Master Tailwind CSS with this comprehensive course that teaches utility-first styling, responsive layouts, dark mode, and custom themes. Learn how to structure projects correctly, understand best practices, and optimize your workflow. Gain access to quizzes, interactive exercises, and in-depth lessons on the JS Mastery Pro platform, where you will build a complete, professional landing page.
Dev Squad·1yTerminal UI Inspired Portfolio
A developer created a unique terminal-themed portfolio using Next.js and Tailwind CSS, featuring a command box where users can type 'help' to learn more about them. The portfolio includes a theme toggle with various developer-inspired themes for customization.
RUBYLAND·1yHide Scrollbars While Keeping Scrolling Intact
Learn how to hide scrollbars while keeping scrolling intact using various CSS techniques, including TailwindCSS. This can enhance the user experience in sleek and minimalistic web designs by decluttering the UI. Ensure accessibility by maintaining functional scrolling through trackpads, touch gestures, or keyboard navigation.
Community Picks·1yBuilding a Telegram Clone with Next.js and TailwindCSS - Part One
This guide details how to build a Telegram Web clone using Next.js, TailwindCSS, and Stream SDKs. It covers setting up the project, implementing user authentication with Clerk, and creating the app's initial layout. The series will continue to add real-time messaging and video/audio call features in later parts.
Community Picks·1yFree and open-source SVG illustrations
Flowbite Illustrations offers 54 free and open-source SVG illustrations compatible with Flowbite and Tailwind CSS. Customize colors easily and access support for SVG, PNG formats, and a Figma file. The illustrations can be used in personal and commercial projects with proper credits, and they are suitable for various front-end frameworks.
Go Developers·1yBuild a Full-Stack Web App in One File With Golang
Learn how to create a full-stack web application using Golang, AlpineJS, and TailwindCSS in under 2 hours. This tutorial is perfect for those interested in performant HTML template engines, lightweight backend services, and modern front-end frameworks. Note that this approach is not recommended for large applications.
Codrops·1yNim is a free and open-source personal website template built with Next.js 15, React 19 and Motion-Primitives.
Nim is a free, open-source personal website template built with Next.js 15, React 19, Tailwind CSS v4, and Motion-Primitives. It offers customizable, pre-built motion components to simplify adding animations to websites. Designed for developers, designers, and founders, Nim is easy to customize, featuring a blog powered by MDX and various animated elements.
NextJS·1yPathfinder: A Modern Mapping App with Next.js 15 and MapboxGL
Pathfinder is an open-source mapping application built with Next.js 15, MapboxGL, and TypeScript. It features real-time weather data, 3D building visualization, dark/light mode support, a street/satellite toggle, and a fully responsive design.
All ShadCN·1yBeautiful Shadcn UI Landing Page
A modern, responsive landing page template created using Next.js, Tailwind CSS, Shadcn UI, and Shadcn UI Blocks. The template features a clean design, full responsiveness, and dark mode support. It includes detailed customization options to adapt the template to individual needs.
Web Developement·1yBuild a Full-Stack Web App in One File!
Learn how to quickly build a full-stack web application using Golang, AlpineJS, and TailwindCSS. The tutorial focuses on creating a simple project for learning purposes, rather than large-scale application development. Key tools include Templ for HTML templates, AlpineJS for reactive components, and PocketBase for lightweight backend services. The project resources are available on GitHub.
Tiger's Place·1yTailwind v4 features I'm excited about
Tailwind CSS v4 brings significant updates including CSS-first configuration, dynamic utility values, built-in container queries, 3D transform utilities, enhanced gradient controls, 'not' variant for styling exceptions, layered box shadows and rings, auto-resizing fields, variable font stretch options, and new first/last/nth utilities. These features offer more flexibility, ease of use, and powerful styling capabilities for web developers.
