tailwindcssライブラリを使ってダッシュボードのスケルトンを作ってみました

こんにちわ。nap5です。


tailwindcssライブラリを使ってダッシュボードのスケルトンを作ってみましたので、紹介したいと思います。

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

以前の記事をtailwindcssで書き直してみたものになります。多少は変えています。

デモサイトです。

Vite App

デモコードです。

angry-cache-s2k4we - CodeSandbox

サイドバーのツールチップやグローバルナビのアニメーションなどにこだわりをもたせました。

ツールチップのポジショニングの管理はzustandライブラリを使って実現しています。

簡単ですが、以上です。