flowbite admin dashboard
v1.0.0
Proyek ini adalah templat dasbor admin UI sumber terbuka dan gratis yang dibuat dengan komponen dari Flowbite dan berdasarkan kerangka kerja Tailwind CSS yang mengutamakan utilitas yang menampilkan bagan, tabel, widget, tata letak CRUD, modals, laci, dan banyak lagi.
Dasbor admin ini dapat dengan cepat membantu Anda mulai membuat aplikasi untuk proyek Anda menggunakan teknologi pengembangan UI/UX terbaru di area sumber terbuka termasuk Tailwind CSS dan Flowbite.
Komponen interaktif seperti navbar, modals, laci, dan tooltips semuanya didasarkan pada pustaka komponen sumber terbuka populer yang disebut Flowbite yang memungkinkan kita menggunakan elemen ini dengan membuat kumpulan halaman dan widget yang lebih kompleks di dalam dasbor admin yang lengkap. templat.
Semua halaman, widget, dan komponen hanya didasarkan pada kelas yang mengutamakan utilitas dari Tailwind CSS dan kompatibel dengan teknologi v3.x terbaru dengan secara otomatis menghapus semua kelas berdasarkan jalur templat.
Mulailah dengan 15 halaman contoh lanjutan termasuk dua tata letak beranda dasbor berbeda yang penuh dengan widget bagan, tabel, pemilih tanggal, dan statistik dan juga dengan dua halaman tata letak CRUD untuk produk, pengguna, halaman pengaturan, halaman otentikasi untuk login dan mendaftar, dan bahkan halaman kesalahan 404 dan 500 khusus.
Dasbor admin ini berisi banyak komponen lanjutan baik dari Flowbite tetapi juga dari perpustakaan pihak ketiga lainnya seperti ApexCharts yang telah disesuaikan secara khusus dengan kelas Tailwind CSS dan dirancang berdasarkan Sistem Desain Flowbite.
Jika Anda ingin menggunakan proyek ini, kami sarankan untuk mempelajari juga pustaka komponen yang kami gunakan untuk membuat dasbor ini karena Anda dapat menggunakan lebih banyak lagi komponen dari pustaka tersebut untuk menyempurnakan contoh yang telah kami kodekan di sini.
Produk ini dibuat menggunakan teknologi yang banyak digunakan berikut ini:
CSS Tailwind: tailwindcss.com
Flowbite: flowbite.com
HUGO gohugo.io
Webpack webpack.js.org
Dasbor Admin Flowbite
Kerangka JavaScript
Kerangka Kerja Back-end
Dibangun dengan Flowbite
Kelas utilitas CSS Tailwind
15 halaman contoh
Komponen tingkat lanjut
Dokumentasi aliranbite
Alur kerja
Daftar isi
Halaman demo
Mulai cepat
Struktur Berkas
Dukungan Peramban
Sumber daya
Masalah Pelaporan
Dukungan Teknis atau Pertanyaan
Perizinan
Tautan Berguna
Penulis
Kloning repositori ini atau unduh file ZIP
Pastikan Anda telah menginstal Node.js dan NPM
Instal dependensi proyek dari file package.json :
npm install
Buat server lokal di localhost:1313 dengan menjalankan perintah berikut:
npm run start
Anda juga dapat membangun proyek dan mendapatkan file distribusi di dalam folder public/ dengan menjalankan:
npm run build
Anda dapat langsung mengunggah proyek Anda ke Vercel dengan memilih konfigurasi HUGO default, tetapi tergantung pada tumpukan teknologi Anda apakah itu React.js, Vue, Nuxt.js, Next.js atau kerangka back-end, Anda juga dapat menyalin tata letaknya saja dari proyek ini di dalam tumpukan teknologi Anda sendiri.
Berikut daftar teknologi dan panduan yang kompatibel untuk Flowbite dan Tailwind CSS:
Komunitas sumber terbuka yang luar biasa ini juga membangun dan saat ini mengelola perpustakaan mandiri berikut untuk React, Vue, Svelte, dan Angular:
Perpustakaan Reaksi Flowbite
Perpustakaan Vue Flowbite
Perpustakaan Flowbite Svelte
Perpustakaan Sudut Flowbite
Kami juga menulis panduan integrasi untuk kerangka kerja dan perpustakaan front-end berikut:
Flowbite dengan panduan React
Flowbite dengan panduan Next.js
Flowbite dengan panduan Vue
Flowbite dengan panduan Nuxt.js
Flowbite dengan panduan Svelte
Flowbite memiliki integrasi yang hebat dengan sebagian besar kerangka back-end karena bergantung pada vanilla JavaScript:
Menggunakan Flowbite dengan Laravel
Menggunakan Flowbite dengan Ruby on Rails 7
Menggunakan Flowbite dengan Django
Menggunakan Flowbite dengan Flask
Dalam unduhan Anda akan menemukan direktori dan file berikut:
Flowbite Admin Dashboard . ├── LICENSE ├── README.md ├── config.yml ├── content ├── data ├── layouts ├── node_modules ├── package-lock.json ├── package.json ├── postcss.config.js ├── resources ├── src ├── static ├── tailwind.config.js ├── webpack.config.js └── yarn.lock
Saat ini, kami secara resmi bertujuan untuk mendukung dua versi terakhir dari browser berikut:
Pratinjau langsung: https://flowbite-admin-dashboard.vercel.app/
Dokumentasi flowbite: https://flowbite.com/docs/getting-started/introduction/
Dokumentasi CSS Tailwind: https://tailwindcss.com/
Perjanjian Lisensi: https://flowbite.com/docs/getting-started/license/
Masalah: Halaman Masalah Github
Kami menggunakan Masalah GitHub sebagai pelacak bug resmi untuk Dasbor Admin Flowbite. Berikut beberapa saran untuk pengguna kami yang ingin melaporkan masalah:
Pastikan Anda menggunakan Dasbor Admin Flowbite versi terbaru. Periksa CHANGELOG dari dasbor Anda di halaman rilis GitHub.
Memberi kami langkah-langkah yang dapat direproduksi untuk masalah ini akan mempersingkat waktu yang diperlukan untuk memperbaikinya.
Beberapa masalah mungkin terjadi pada browser tertentu, jadi menentukan di browser mana Anda mengalami masalah tersebut mungkin bisa membantu.
Jika Anda memiliki pertanyaan atau memerlukan bantuan dalam mengintegrasikan produk, harap hubungi kami alih-alih membuka masalah.
Hak Cipta 2019-2023 Bergside Inc.(https://flowbite.com)
Sumber terbuka di bawah Lisensi MIT
Flowbite Library - Komponen sumber terbuka yang dibuat dengan Tailwind CSS
Flowbite Figma - Sistem desain yang dibuat untuk Figma
Blok Flowbite - Membangun bagian untuk situs web dan aplikasi
Flowbite Pro - Koleksi lebih besar dari versi sumber terbuka dari tiga versi terakhir
Zoltán Szőgyényi
Robert Tanislav
