Component Kit Tailwind untuk Project Anda Selanjutnya

mithicher
I Wayan Adi Sparta Dec, 05 2022 11:12 AM
98

Tailwind merupakan salah satu framework CSS populer yang sering dipergunakan untuk membuat tampilan frontend. Kekurangan dari tailwind adalah class-class yang banyak yang harus dipergunakan dalam membuat satu component. Solusi dari permasalahan tersebut adalah dengan menggunakan component kit. Ada banyak component kit yang sudah dikembangkan oleh pencinta framework ini. Berikut beberapa component kit yang dapat anda pergunakan untuk project anda selanjutnya.

Baca juga artikel https://adisparta.xyz/blog/berkenalan-dengan-tailwind

Tailwind UI

Tailwind UI

Tailwind Ui merupakan component kit official dari Tailwind. Ada banyak component yang telah disediakan dalam halaman tersebut seperti navbar, hero, blog section, dan lain-lain. Anda hanya perlu mencopy code snipet dihalaman ini kemudian dapat langsung menggunakannya tanpa installasi tambahan. Component yang disediakan dihalaman ini dapat anda gunakan secara gratis dan berbayar.

Ke halaman TailwindUI

VueTailwind

Vue Tailwind

Apabila anda menggunakan Vuejs dalam pengembangan halaman frontend anda, saya kira cocok untuk mencoba VueTailwind. VueTailwind menyediakan anda component default yang sering dipergunakan dalam membuat website seperti tombol, modal, alert, form dan lain-lain.

Selain menyediakan tampilan atau tema default dalam tiap component, VueTailwind juga juga memberikan anda keleluasaan dalam mengcustom tiap component.

Ke Halaman Vue Tailwind

DaisyUi

DaisyUi

Sama halnya detail VueTailwind, Daisy Ui merupakan component kit yang menyediakan component default untuk mengembangkan website. Bedanya, anda dapat menggunakannya di berbagai macam framework frontend yang berbasis npm. Selain itu anda juga dapat menggunakan framework ini dengan menggunakan CDN.

Ke Halaman DaisyUI

Meraki UI

Meraki UI

Meraki UI merupakan component kit yang menyediakan banyak component yang hanya perlu anda copy paste pada HTML anda tanpa melakukan installasi terlebih dahulu seperti pada Tailwind UI, namun semua component dalam Meraki UI dapat anda gunakan secara gratis.

Ke Halaman Meraki UIl

Maizzle

Maizzle

Maizzle merupakan component kit yang khusus dipergunakan untuk membuild template email dengan menggunakan class-class Tailwind. Anda hanya perlu memasukan component-component Tailwind pada template, kemudian Maizzle akan menggenerate kode html yang dapat anda pergunakan sebagai template untuk mengirim email.

Ke Halaman Maizzle

Penutup

Component kit dapat anda pergunakan sebagai bantuan dalam membuild template halaman website anda. Dengan component kit, code yang anda pergunakan akan lebih singkat. Dengan demikian pengerjaan project anda akan lebih cepat. Namun anda juga harus mempertimbangkan kecepatan load website anda dengan penggunaan component kit. Gunakanlah component kit apabila hal tersebut memang sangat diperlukan.

Akhir kata, apabila anda memiliki pertanyaan maupun masukan, silahkan masukan pada kolom komentar dibawah ini. Terimakasi.

Tags:
CSS
Tailwind

Saya bisa membuatkan anda Aplikasi berkualitas

© 2021 Adisparta. All rights reserved.