ジブリ風のCSSライブラリ「Matsu-theme for shadcn/ui」
題名の通りなんですが、ふと海外デベロッパーのyoutubeを見ていたところ流れてきたshadcnのテーマがこちら
場所👇
https://matsu-theme.vercel.app/?ref=kulkarniankita
使い方も超簡単でinstallしてlayoutファイルにぶち込んであとは通常のshadcnと同様に実装していくだけです。
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>
);
}
試しに使ってみたらいい感じになったのでデプロイしたサイト
https://japan-startup-times.vercel.app/
個人開発で使ってみたい方はお試しあれ！