A typesafe UI library for Tailwind CSS and Next.js built on top of DaisyUI

---

Steps to set up:

1. Follow DaisyUI docs to set up a theme

2. Add the following directory to your content array in tailwind.config.js

"./node_modules/tnt-ui-kit/*.{js,ts,jsx,tsx}",

3. Add your font in _app.tsx file like this for adding fonts:

import "../styles/globals.css";
import type { AppProps } from "next/app";
import { Raleway } from "@next/font/google";

const font = Raleway({
  subsets: ["latin"],
});

export default function App({ Component, pageProps }: AppProps) {
  return (
    <main className={font.className}>
      <Component {...pageProps} />
    </main>
  );
}

---

Additional Components and Utilities:

Form:

• Button Radio
• Select (react-select based)

Layout:

• ResponsiveRow
• Text

Components:

• Modal
• Drawer
• Collapse/Accordion
• WittySpinner
• QuantityStepper
• Carousal
• Card
• YT Video