Tailwind

index.js

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import "./index.css";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
    <React.StrictMode>
        <App />
    </React.StrictMode>
);

index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

App.js

function App() {
    return (
        <>
            <h1 className="text-8xl">hello</h1>
            <button className="bg-blue-100 rounded-xl px-5">Button</button>
        </>
    );
}

export default App;

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ["./src/**/*.{js, jsx, ts, tsx}"],
    theme: {
        extend: {},
    },
    plugins: [],
};

View