LoginSignup
14
11

More than 1 year has passed since last update.

tailwind対応のVueのコンポーネントライブラリ

Last updated at Posted at 2021-04-28

みなさんtailwind使ってますか?
tailwindの良さって、CSSを書かずにクラスで定義できるので、CSSの運用コストや設計に時間が取られなく済むことですよね。

一方、その反面でVuetifyみたいにコンポーネント用意してくれていないため、結構1からコンポーネント作成することが多いと思います。
tailwind対応のコンポーネントないのかなと思って、探したけど見つける結構大変だったのでまとめていきます。
あんまり、見つけられなかったのでテンプレート集も追加しています。

コンポーネントフレームワーク

DaisyUI

少し丸み帯びた可愛らし目のデザイン。Vue2にも対応しているためNuxtユーザーもで利用できます。

スクリーンショット 2021-04-28 10.17.50.png

VueTailwind

Vue3対応なので、Nuxtユーザーはそのままでは使用できません。

スクリーンショット 2021-04-28 10.20.27.png

テンプレート集

Tailblocks

tailwindベースのテンプレート集。LPなど作るときに便利

スクリーンショット 2021-04-28 10.23.45.png

Tailwind UI Kit

tailwindベースのテンプレート集。Tailblocksよりもボタンやカードのパーツが多め

スクリーンショット 2021-04-28 10.26.12.png

tailwind components

tailwindのサンプル集。自作したテンプレートをアップロードできるので、様々なテンプレートを見つけることができる。

スクリーンショット 2021-04-28 10.27.37.png

14
11
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
11