Idorenyin Akaninyenedorendev.hashnode.dev·Aug 14, 2024Top 5 UI Component Library You Need In Your Tool Bag As A Frontend DeveloperBuilding your components from scratch can be exhausting and time-consuming, taking away from the actual product development. Choosing the right component library for your tech stack is crucial. In this article, I'll share five component libraries tha...Discuss·1 like·78 readsReact
문지웅woongsnote.hashnode.dev·Jun 29, 2024Enhancing User Experience with a "Back to Top" Button in AstroIn the world of web development, small features can make a big difference in user experience. One such feature is the "Back to Top" button. This simple yet effective tool allows users to quickly return to the top of a page without tedious scrolling, ...DiscussAstro
Dinko Marinacdinkomarinac.dev·May 27, 2024Styling your Dart Jaspr website with Tailwind CSS and DaisyUIIntroduction If you are a Flutter developer like me, you know that one of the main pain points for Flutter web is SEO. The solution to that is Jaspr, a Dart web framework that looks and feels like Flutter but renders normal HTML/CSS like React. The k...Discuss·1 like·857 readsjaspr
codingwithadicodingwithadi.hashnode.dev·Apr 13, 2024Building a Comprehensive Learning Path Dashboard with Next.js and Raindrop APIIntroduction: Welcome to this deep dive into creating a Learning Path Dashboard using Next.js, a popular React framework, and the Raindrop API for bookmark management. This article will guide you through each file and code snippet used in this projec...DiscussNext.js
ismail abu almagdcodenuggets.hashnode.dev·Mar 6, 20248 Free UI library For Tailwind Developers.Tailwind is great CSS library and make you write CSS classes without leaving your html code, but after writing tens of Tailwind classes inside your element, your code looks messy😏😭, this makes your code unmaintainable. Tailwind code for a button: �...DiscussTailwind CSS
ryadryaddev.hashnode.dev·Sep 30, 2023Building Contact Form in React with DaisyUI and Tailwind CSSIntroduction: In today’s digital age, a well-designed contact page can make all the difference in how users perceive your website or business. In this tutorial, we’ll walk you through the process of creating a sleek and responsive contact page in Rea...Discusscontact form
Dania Emaridania.hashnode.dev·Sep 15, 2023Bootstrap VS DaisyUIWhat are Bootstrap and DaisyUI? They are both front-end development frameworks and toolkits, but they are different from each other. DaisyUi is a UI component library and plugin for Tailwind CSS, a popular utility-first CSS framework. And Bootstrap i...Discuss·10 likes·642 readsBootstrap
Yousra Kamalyousraa.hashnode.dev·Sep 8, 2023Simplify UI Development with DaisyUI🌻What is DaisyUI? DaisyUI is a collection of pre-designed UI components and utility classes that work with Tailwind CSS. It's like an extra layer on top of Tailwind that makes it easier to create consistent and visually appealing UIs without having ...Discuss·10 likes·90 readsdaisyui
Jay Simonsdesignly.hashnode.dev·Aug 12, 2023Create an Emoji Selector for Next.js Forms using Tailwind + DaisyUIEmojis 😃🌟🌈 have become an integral part of our digital conversations. They inject personality into our texts 📝, express emotions 🥰😂😢, and sometimes even say more than words themselves could 🙌. As developers, providing an avenue for users to s...DiscussNext.js
Hrishikesh Pathakhrishikeshpathak.hashnode.dev·Jul 11, 2023Use TailwindCSS with Eleventy Static Site GeneratorIf you are building a blog with Eleventy and want to add TailwindCSS for styling, then this is the guide for you. Please read till the end don't skip any steps. TailwindCSS is a CSS library that uses utility classes to style HTML markup. Therefore, n...DiscussJavaScript
