Ghibli Studio inspired theme for shadcn/ui made by Matt Wierzbicki
This theme is designed to be a modern and clean theme that is easy to use and customize. It is inspired by the Ghibli Studio movies and features a unique and beautiful color palette and watercolor paper texture.
This will override the default variables and add classes to your globals.css file.
npx shadcn@canary add https://matsu-theme.vercel.app/r/matsu-theme.jsonThis will override the default components with the Matsu Themed components.
npx shadcn@canary add https://matsu-theme.vercel.app/r/matsu-theme-components.jsonThis is the layout.ts example file that has the fonts and texture background.
import type { Metadata } from "next";
import { Nunito } from "next/font/google";
import { PT_Sans } from "next/font/google";
import "./globals.css";
const nunito = Nunito({
variable: "--font-nunito",
subsets: ["latin"],
});
const ptSans = PT_Sans({
variable: "--font-pt-sans",
subsets: ["latin"],
weight: ["400", "700"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body
className={`${nunito.variable} ${ptSans.variable} antialiased relative`}
>
<div className="texture" />
{children}
</body>
</html>
);
}