builder.io·3yThe React Ecosystem in 2023
The React Ecosystem celebrates its 10th anniversary in 2023 as the ecosystem continues to flourish. For those who are new to React, getting started can be a daunting task. With a vast array of tools and libraries available within the React ecosystem, choosing the right combination for your project can be challenging.
Robin Wieruch·3y10 Web Development Trends in 2023
The most popular meta framework called Next.js comes on top of React.js. SSR is all over the place when working with JavaScript frameworks these days. Other meta frameworks like SvelteKit are catching up. SSR has been competing with static site generation (SSG) for a while for the perfect performance.
Community Picks·2ydaisyUI — Tailwind CSS Components ( version 4 update is here )
daisyUI is a plugin for Tailwind CSS that adds component class names for common UI elements, reducing the need for writing utility class names. It also offers customizable color names and a theme generator. With daisyUI, developers can create beautiful websites faster and with less code.
builder.io·3yTailwind CSS Tips and Tricks Worth Knowing
Tailwind allows us to change the style of an element based on its state with helper classes. There are some times where we are forced to use CSS for our styles. Tailwind has some very useful and easy-to-use animation utility classes. For example, we can add the transition color class and set a duration of 300 milliseconds.
DEV·3yBuild 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.
Matt Rickard·3yWhy Tailwind CSS Won
Tailwind CSS has become synonymous to some degree with the UI components shipped through Tailwind UI (which is a UI framework) It replaces a generation of sites built with Twitter Bootstrap. Tailwind is tree-shaken by default and doesn’t have its own ideas of grids or flexboxes.
Hacker Noon·3yBuilding a Full Stack Airbnb Clone with Next.js, Tailwind CSS, Amplication, and More
Building a Full Stack Airbnb Clone with Next.js, Tailwind CSS, Amplication, and more. The platform is centered around the concept of a low-code development environment. Amplication is an open-source development tool designed to simplify and expedite the process of building web applications.
Community Picks·3yWhy we're bad at CSS
CSS is more like putting their hand in the pain box from Dune while some product manager has a gom jabbar to their neck, daring them to pull their hand out. Despite the latest advancements in CSS, many are still stuck in this kind of BEM mindset, trying to encapsulate everything.
ITNEXT·3yBuild a Full Stack ReminderApp with React, NextJs, Typescript, ServerAction, Zod, Hook-form, Prisma, and Tailwind
Build a Full Stack ReminderApp with React, NextJs, Typescript, ServerAction, Zod, Hook-form, Prisma, and Tailwind. Hi everyone, I published my last video: Build a full stack Reminder App.
Product Hunt·3yTailscan 2 for Tailwind CSS - The ultimate browser tool for Tailwind CSS
Tailscan is the ultimate browser tool for Tailwind CSS that allows developers, designers, and product managers to build, design, and debug any Tailwind website visually. It helps speed up workflow and allows for quick changes.
Hacker News·2yTailwind CSS Application UI Kit
Tailwind CSS Application UI Kit, Catalyst, offers modern UI components built with Tailwind CSS, Headless UI, and React. The components are customizable, easy to use, keyboard accessible, and available in TypeScript and JavaScript. The templates can be purchased individually or with an all-access license, with free updates included.
freeCodeCamp·3yFull Stack Engineer – Career Guide
Full Stack engineering roles have been growing in popularity over the last decade. But what exactly are full-stack engineers? What do they do on a day-to-day basis? And how can you become a full- Stack engineer yourself? In this article, I will go over the definition of full- stack engineering.
Community Picks·3yTailwind CSS: 15 Component Libraries & UI Kits
Tailwind CSS has surpassed Bulma, Semantic UI, Foundation, and other prominent CSS frameworks in just a few years. It is now the 2nd most popular framework in the world, with Bootstrap holding a sturdy number one position. With several hundred custom components, it's also one of the most complete libraries.
ITNEXT·3yBuild a drag and drop Kanban Board with React, Typescript, Tailwind, Dnd-Kit
Build a drag and drop Kanban Board with React, Typescript, Tailwind, Dnd-Kit. This project is a great way to practice your React skills and learn some new techniques and libraries. So what are you waiting for? Check out the video below and let me know what you think in the comments.
Community Picks·3yDaisy 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.
Community Picks·3ySkeleton — UI Toolkit for Svelte + Tailwind
Skeleton is a UI toolkit for Svelte and Tailwind that allows for the creation of adaptive and accessible interfaces for web apps. It integrates directly with Svelte and SvelteKit's best features and offers interactive components, image filters, and more.
Smashing Magazine·3yTop Front-End Tools Of 2022 — Smashing Magazine
Top Front-End Tools Of 2022 are the most popular tools in the developer community. Almost all of these tools are practical tools you can use in your projects today. Piling.js is a JavaScript library that allows you to build interfaces where large amounts of items can be dragged and dropped into “piles” It’s built on top of PixiJS.