yeasin2002

html

    <div class="skeleton-loader"></div>

CSS

yeasin2002

"use client";

import { cn } from "@/utils";
import { Eye, EyeOff } from "lucide-react";
import { useState } from "react";
import type { UseFormRegisterReturn } from "react-hook-form";

interface InputForPasswordProps extends React.ComponentProps<"div"> {

yeasin2002

for nextjs:

{
  "include": ["**/*"],
  "exclude": ["node_modules", "**/node_modules", "dist", "build", ".next"],
  "compilerOptions": {
    "paths": {
      "@/*": ["./*"]
 },

yeasin2002

"use strict";
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
  config: {
    hyperBorder: {
      //   borderColors: ["random", "random"],
      borderColors: ["#fc1da7", "#fba506"],
      borderWidth: "8px",

yeasin2002

Tailwindcss install Stap by Stap by postCSS

install process

initialize npm empty file

npm init -y

install tailwindcss by postcss with auto prefixed

yeasin2002

Initialize npm empty file

npm init -y

Install postcss

npm install -D postcss postcss-cli autoprefixer cssnano cssnano-preset-advanced