List Kumpulan Tailwind UI Kit dan Tailwind UI Block
Ada kalanya, tanpa dengan kita membutuhkan referensi komponen komponen yang digunakan. Ada kalanya pula, dengan desain pun kita memerlukan referensi untuk membuat starter komponen agar sesuai dengan desain.
Saya sering melakukan ini, untuk mengetahui struktur HTML dan bagaimana orang lain bisa membuat komponen tersebut, apakah sama dengan yang telah saya buat.
Lagi pula, TailwindCSS berbeda dengan Boostrap atau Bulma. TailwindCSS tidak memberikan ready component, tapi utility first. Sehingga sangat mudah apa bila kita membuat sebuah ready component dan menginginkan untuk modifikasi sebuah komponen. Tinggal menghapus atau menambahkan nama classnya saja.
Nah, berikut beberapa Tailwind UI Kit yang bisa dijadikan referensi untuk teman-teman :
1. Tailwind UI
Bahasa : HTML, React dan Vue
Ready component dari Official Tailwind. Beberapa ada yang Free, namun kebanyakan Premium
2. Tailblocks
Bahasa: HTML
Ready Component dan Block dari Mert Cukuren. Fully Free.
3. Tailwind CSS Component
Bahasa: HTML
Ready Component dan Template dari Komunitas. Fully Free.
https://tailwindcomponents.com/
4. Tailwind Toolbox
Bahasa : HTML dan Vanilla JS
Ready Component dan Template. Fully Free dan didukung dengan JS untuk lebih interaktif
https://www.tailwindtoolbox.com/
5. Meraki UI
Bahasa : HTML
Ready Component dan Fully Free. Support RTL
6.Tailwind Card
Ready Component Card dan Fully Free. Hanya komponen kartu dengan berbagai jenis desain dan style
https://tailwind-cards.netlify.app/
7. Treact
Bahasa : ReactJS
Ready Component and Template. Build with ReactJS and Tailwind v2. Ada tambahan animasi dengan Framer Motion
8. Tailwind Starter Kit by Creative Team
Bahasa : ReactJS, VueJS dan HTML
Ready Component and Template. Menggunakan Theme Material UI, khas Creative Team. Fully Free
https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation
9.Mamba UI
Bahasa : ReactJS dan VueJS
Ready Component and Template. Fully Free.
10. Windmill Dashboard
Ready Component Dashboard. Fully Free. React UI Library
https://github.com/estevanmaito/windmill-dashboard-react
11. TailwindUIKit
Ready Component dan Template. Freemium.
12. TailKit
Ready Component. Fully Free. Dashboard, Landingpage dan Component.
Kurang lebih itu saja beberapa Tailwind UI Kit yang bisa membantu kita dalam membuat komponen komponen dengan Tailwind UI. Semoga membantu!