Changelog·4yFree Open Source Tailwind CSS Components
HyperUI is a collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, ecommerce store and much more. HyperUI is an open source collection of Tailwind components.
CSS-Tricks·4yThe 60 Hottest Front-end Tools of 2021 | CSS-Tricks
The Web Tools Weekly newsletter archives have been compiled into a list of the 60 most popular front-end tools of the past year. I’m sure there are at least one or two listed here that you can start using in your projects today. Some of these tools are super-practical, while others probably only made this list due to curiosity.
Hashnode·4yBuild 5 Web Apps in 10 Hours using Next.js, React.js & Tailwind CSS.
This post tutorial shows you how to build 5 Web Apps in 10 hours. All of the web apps are part of the Frontend Mentor challenge projects. The goal is to make it look like the design given by the Front End Mentor. Here are the links to all the projects that we will build.
Product Hunt·3yRippleUI - Cleanest, modern and beatifull Tailwind CSS components
RippleUI is a collection of components that can be easily integrated into your project to provide a consistent, responsive design and improve the user experience of your application. This is RippleUI's first launch. RippleUI was hunted by Mauricio Siu in Design Tools.
Hashnode·4yThe Pros and Cons of TailwindCSS
Tailwind is a front-end CSS framework that has taken off more than any other recently. Instead of creating a set of selectors and bespoke classes to style your code, you use a large set of single-purpose utility classes. In essence, you add nearly all your style right into your frontend HTML, React, or Vue code.
LogRocket·3yBuild a real-time chat app with Rust and React
Rust is known for its speed and reliability, while React is one of the most popular frontend frameworks for building user interfaces. In this article, we’ll demonstrate how to build a real-time chat app with Rust and React that offers functionality for chat, checking user status, and indicating when a user is typing.
freeCodeCamp·4yTailwind CSS Landing Page Themes for Busy Developers
Tailwind's library of free and paid resources makes it incredibly easy to build a professional-looking website. By default, it comes in light mode but it has a dark mode option that the website users/visitors can turn on and off as they please. Alternatively, you can purchase the entire TailwindUI toolkit that contains multiple themes and useful resources.
Product Hunt·4yTailwind DX - A DevTools extension enabling smart tools for Tailwind CSS
This is Tailwind DX's first launch. Made by. Featured on June 18th, 2022 .is not rated yet. Was hunted byin Developer Tools. Was made by in Developer Tools . Made by in developer tools. It is not ratedyet. It was made byin developer Tools.
asayer·4yBuilding a Video Chat App with Next.js, 100ms, and TailwindCSS
Video chat applications have a lot of popularity and usage in the tech world today. 100ms is an infrastructure provider that allows users to effortlessly set up optimized audio and video chat interfaces. In this tutorial, readers will learn how to integrate the 100ms features to create a chat application using Next.js and TailwindCSS.
DEV·4yBuild a Full Stack App with Next.js, Tailwind, tRPC and Prisma ORM
When we create a TypeScript project that has both a Rest Api and a web app, it becomes challenging to keep type definitions concise in the long run. This is where tRPC comes in, with this toolkit it is possible to create a totally type safe application by only using inference.
Community Picks·3yHow to Make a Better Responsive Web Design
responsive web design and adaptive web design are two approaches to creating websites that work well on a wide range of devices and screen sizes. Responsive web design involves creating a single layout that adjusts itself automatically to fit the size of the screen it is being displayed on. Adaptive design requires the browser to load the appropriate layout.
Product Hunt·4yTailwind Cheat Sheet - Your easy access to Tailwind's classes
Chrome extension to easily access Tailwind's classes. The extension provides following features: Easily accessible tailwind classes. Click on the class to copy the same to clipboard. Search for classes using the search function in Tailwind. Open Source. Back to Mail Online home. back to the page you came from.
Community Picks·4yMy favorite resources being a freelancer as a side hustle
A freelancer has shared his favorite resources to help you with creating new quality stuff, quicker. "Better’ will always be a losing game for your brand. You just need to be wiser while building, making more, and spending less. You can actually pick something that interest you!
DEV·3yIntroducing Codux
Codux is a new visual IDE for easing and accelerating the development of React projects. Codux analyzes your project to discover its UI components and general structure. When it makes changes - when you’ve changed a property, for example - it will write code the way you would write it.
Vercel·4yIntroducing OG Image Generation: Fast, dynamic social card images at the Edge – Vercel
Vercel OG Image Generation is a new library for generating dynamic social card images. This approach is 5x faster than existing solutions by using Vercel Edge Functions, WebAssembly and a brand new core library for converting HTML/CSS into SVGs. The engagement rate of Tweets that embed a card is 40% higher.
