Asiones Jiaasiones.hashnode.dev·Dec 18, 2024tailwindcss variables not working in Chrome extensionHow to fix it /* If your code is like this in global.css */ @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 47.4% 11.2%; /* ... */ } } /* Try this instead: 'Change :root to :host' *...Tailwind CSS
Nour Jandaliblog.nourjandali.com·Dec 16, 2024Building a Smart Meal Planning App with Supabase and Lovablehttps://youtu.be/EpiL1IZAaX0 Introduction Hey there! 👋 I’ve been working on something exciting—a meal-planning app! I built it using two awesome tools: Supabase and Lovable. I wanted to share my experience bringing these together to create a full-...supabase
Jesicajestsee.hashnode.dev·Dec 15, 2024Hacky Way to Customize Shadcn’s Tooltip ArrowsIntroduction Shadcn is a go-to library for copy-paste UI components in React projects. One commonly used component is the Tooltip, which is built on top of @radix-ui/react-tooltip . The default tooltip looks like this: Adding Tooltip Arrows While th...React
ABHISHEK PATELcode-with-abhi.hashnode.dev·Nov 22, 2024Top Web Development YouTube Channels to Kickstart Your Learning in 2024 🚀Web development is an ever-evolving field, and staying updated is essential for developers at all levels. YouTube has become a treasure trove of free, high-quality tutorials and resources to help you master everything from frontend frameworks to back...1 likeWeb Development
Satyam Anandsatyamanand.hashnode.dev·Nov 19, 2024Custom Starter Template for Turborepo with Tailwind CSS & Shadcn UIThis is a custom starter template for Turborepo with Tailwind CSS and Shadcn UI. What is Truborepo? Turborepo is a high-performance mono-repo build system designed to manage multiple projects efficiently within a single repository. It optimizes buil...1 like·43 readsVercel
Sandeep P Sthesnippetguy.hashnode.dev·Nov 12, 2024🚀 Setting Up Tailwind CSS and shadcn/ui for SPFx ProjectsSetting up Tailwind CSS and Shadcn in a SharePoint Framework (SPFx) project may seem challenging, but I’m here to guide you through each step! We’ll start by setting up Tailwind CSS with PostCSS and Gulp, then add Shadcn components to give your SPFx ...10 likes·134 readsTailwind CSS
Think Throothinkthroo.hashnode.dev·Nov 12, 2024A comparison of metadata configurations between Lobechat and Shadcn/uiIn this article, you will learn how metadata is configured in Lobechat and Shadcn/ui. This comparison shows two ways to configure your metadata, key difference here is that Shadcn/ui is a UI components provider. You don’t see any API calls made to th...JavaScript
G.Subham Kumar Patragsubhampatra.hashnode.dev·Nov 10, 2024Building a Modern Next.js App with App Router, Tailwind CSS, and Shadcn UINext.js 13 introduced the App Router, a game-changer for building modern web applications. Coupled with the power of Tailwind CSS and Shadcn UI, you can effortlessly create beautiful and performant websites. In this blog, we'll walk through setting u...Next.js
Hussnain Ahmadpsychocoder.hashnode.dev·Nov 9, 2024Revizio: A Flashcard Tool to Boost Retention Through Spaced RepetitionHi, I am writing after one month now. Previously, I ended my series “Weekly Dev Journal” that I was writing from start of 2023. after that, I didn’t get motivation to write about something. Then, I got idea for articles, and I thought I made projects...10 likesBuilding from Scratchbuilding from scratch
ilham adhimilhamadhim.hashnode.dev·Nov 4, 2024From Curiosity to Code: Building with Supabase & ShadcnI’ve been in Front-End Development for 5 years and have grown too comfortable with it. I like building things and have been observing on how my Backend peers work on their things when it comes to building web applications. Down the road, I’ve heard f...supabase
