tailwindの既成のブロックをつかって、コーディングの効率を上げる

Tailblocks

実際につかってみた。Nuxtのサイトに適用した。ほぼコードのコピペと組み合わせで対応できるが、 一部修正が必要、幅とかz-indexとか調整する必要あり。

tailblocks.cc

TailwindUI

本家、コンポーネント一覧で鍵のかかっているものは有料。149ドルから(買い切り?)

tailwindui.com

shuffle

これもよさそうだけど一部有料(買い切り149ドル、月額24ドル)

shuffle.dev

tails

左側のペインから、ブロックを選択し、右側のペインからスタイルの設定を細かくカスタマイズできる。 (リンク先の動画参照) devdojo.com

Tail-Kit

Tailwind CSS 2.0に対応した、250種類以上のUIコンポーネントを備えたオープンソースのライブラリ。 www.tailwind-kit.com

VueTailwind

Vueコンポーネントのセット。 www.vue-tailwind.com

Treact

Reactに対応。LandingPage作成用のコンポーネントがある。

treact.owaiskhan.me

Tailwind CSS PageCreator

ドラッグ&ドロップでページを簡単に生成できる。

devdojo.com

Tailwind CSS IntelliSense (VS-Code用)

marketplace.visualstudio.com

その他、一覧での紹介記事

https://www.nxworld.net/tailwind-css-resources.htmlwww.nxworld.net