世界を旅して暮らしたい放浪エンジニアブログ

Tailwind CSSでUIをマークアップしてく為の参考となるサイトまとめ

今回は、Tailwind CSSでUIをマークアップしていくときに参考にしたい、確認しておきたいサイトをまとめます。

[ 目次 ]

はじめに

こんにちは、香港に住んでいるWEBデベロッパーのなかむ(@nakanakamu0828)です。

今回は、Tailwind CSSを利用してUIをマークアップしていくときに参考にしたい、確認しておきたいサイトをまとめます。こちらの情報は私が見つけた情報だけではありません。情報提供してくれたエンジニアの方に感謝です!!

Tailwind CSS公式サイト

Tailwind CSS

The “🔥 Design Tips” series, now in TailwindCSS

Tailwind CSSでデザインのGoodノウハウとBadノウハウを説明したデザインTipsです。
デザイン勉強中の方やエンジニアにはとても嬉しいデモサイトです。

The “🔥 Design Tips” series, now in TailwindCSS

TailwindComponents

Tailwind CSSのコンポーネント集になります。公式のサンプルにないUIコンポーネントを探したい方にオススメ!

TailwindComponents

Tailwind Templates

Tailwind CSSのテンプレート集になります。こちらも公式のサンプルにないUIコンポーネントを探したい方にオススメ!

Tailwind Templates

Tailwind Toolbox

Toolboxという名前の通りToolの紹介がありました。UIのサンプルだけでなくVSCodeのプラグインや参考になるサイトの紹介もされています。Tailwind CSS Tools & Utilities をご確認ください。

また、LandingページやAdminテンプレートも参考にすることができとても便利なサイトです。

Tailwind Toolbox

Tailwind CSS Cheat Sheet

Tailwind CSSのクラスの使い方をまとめたチートシート

Tailwind CSS Cheat Sheet

前のページ

次のページ

Profile

なかむ🇭🇰Webデベロッパー

なかむ🇭🇰Webデベロッパー

香港在住4年目になるWEBエンジニアのなかむです。 現在は、LaravelやRailsを利用したWEB開発を中心にエンジニアをしています。 顧客は全て日本の企業になります。リモート開発にて各企業様の支援を行なっております

プロフィール詳細はこちら

Latest Posts