Source-map file not found? how to fix it 🌟✨
add .env file beside src folder and add this line to it: GENERATE_SOURCEMAP=false npm start
Author: admin
How to fix figma missing font issue even you have that font in your local Machine? 2024
Understanding the Challenge of Missing Fonts in Figma In the dynamic world of digital design, Figma stands out as a powerful tool, enabling designers to create, collaborate, and bring their visions to life with…
How To implement Google Sign-In using Firebase ReactJS / Next Js #2024
Sure, let’s break down the steps with some additional explanations: Firebase Project Setup: Firebase provides backend services for your web application, including authentication. Create a new project on the Firebase Console to get started. Firebase…
How-to Use Alpha Color in MUI SX Style ?
In Material-UI (MUI), an “alpha color” refers to a color that includes an alpha channel to specify the level of opacity. The alpha channel is a component of color that represents transparency, with 0 being…
How To Use MUI alpha gray colors step by step [2024]
here is the grey colors defined in palette.js file const GREY = { 0: ‘#FFFFFF’, 100: ‘#F9FAFB’, 200: ‘#F4F6F8’, 300: ‘#DFE3E8’, 400: ‘#C4CDD5’, 500: ‘#919EAB’, 600: ‘#637381’, 700: ‘#454F5B’, 800: ‘#212B36’, 900: ‘#161C24’, 1000:…
How to use MUI Data Grid with custom Fields [images/ button] 2024
Using MUI (Material-UI) DataGrid with a custom button or image involves a few steps. MUI DataGrid is a powerful component for displaying and manipulating tabular data in React applications. Here’s a basic guide on how…
How To customize MUI Autocomplete Modal with Own Style? 🚀✨
Customizing MUI Autocomplete Modal Styling in Simple Steps If you’re using Material-UI (MUI) and want to give your Autocomplete component a personalized touch, you’re in the right place! Today, we’ll walk through a simple customization…
How to use raw RGB values in Tainwindcss?
Tailwind CSS primarily uses color names and shades rather than raw RGB values. However, you can convert an RGB color to a hexadecimal (hex) color code and then use that hex color in your Tailwind…
by adding which tailwind class you can add a middle color to gradient?
In Tailwind CSS, you can create gradient backgrounds with the bg-gradient-to class, and you can specify multiple colors for the gradient using the from- and via- classes. To add a middle color to a gradient,…
What is the utility-first approach in tailwind css? [key principles of the utility-first approach]
The utility-first approach is a fundamental concept in the Tailwind CSS framework. Tailwind CSS is a popular utility-first CSS framework that provides a set of pre-defined utility classes that you can apply directly to your…