|
| 1 | +# [🚧 Flowbite Svelte Admin Dashboard 🚧 ](https://flowbite-admin-dashboard.vercel.app) [](https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fthemesberg%2Fflowbite-svelte-admin-dashboard&text=Check%20out%20this%20open-source%20admin%20dashboard%20built%20with%20Flowbite%20and%20Tailwind%20CSS) |
| 2 | + |
| 3 | +[](https://www.npmjs.com/package/flowbite-svelte-admin-dashboard) |
| 4 | +[](LICENSE.md) |
| 5 | +[](https://github.com/themesberg/flowbite-svelte-admin-dashboard/issues?q=is%3Aopen+is%3Aissue) |
| 6 | +[](https://github.com/themesberg/flowbite-svelte-admin-dashboard/issues?q=is%3Aissue+is%3Aclosed) |
| 7 | + |
| 8 | +[](https://flowbite-admin-dashboard.vercel.app/) |
| 9 | + |
| 10 | +This project is a free and open-source UI admin dashboard template built with the components from [Flowbite](https://github.com/themesberg/flowbite) and based on the utility-first [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss) framework featuring charts, tables, widgets, CRUD layouts, modals, drawers, and more. |
| 11 | + |
| 12 | +This admin dashboard can quickly help you get started building an application for your project using the newest UI/UX development technologies in the open-source area including Tailwind CSS and Flowbite. |
| 13 | + |
| 14 | +## 🌀 Built with Flowbite |
| 15 | + |
| 16 | +The interactive components such as the navbars, modals, drawers, and tooltips are all based on the popular [open-source component library called Flowbite](https://flowbite.com/) which enables us to use these elements by creating more complex set of pages and widgets inside a fully-fledged admin dashboard template. |
| 17 | + |
| 18 | +## 💨 Tailwind CSS utility classes |
| 19 | + |
| 20 | +All of the pages, widgets, and components are solely based on the utility-first classes from Tailwind CSS and it is compatible with the latest `v3.x` of the technology by automatically purging all of the classes based on the template paths. |
| 21 | + |
| 22 | +## 📚 Flowbite documentation |
| 23 | + |
| 24 | +If you want to use this project we recommend to also [study the component library](https://flowbite.com/docs/getting-started/introduction/) that we used to build this dashboard because you can use even more components from that library to enhance the examples that we've coded here already. |
| 25 | + |
| 26 | +## Table of Contents |
| 27 | + |
| 28 | +- [Flowbite Admin Dashboard ](#flowbite-admin-dashboard-) |
| 29 | + - [🌀 Built with Flowbite](#-built-with-flowbite) |
| 30 | + - [💨 Tailwind CSS utility classes](#-tailwind-css-utility-classes) |
| 31 | + - [📚 Flowbite documentation](#-flowbite-documentation) |
| 32 | + - [Table of Contents](#table-of-contents) |
| 33 | + - [Demo pages](#demo-pages) |
| 34 | + - [Quick start](#quick-start) |
| 35 | + - [Browser Support](#browser-support) |
| 36 | + - [Resources](#resources) |
| 37 | + - [Reporting Issues](#reporting-issues) |
| 38 | + - [Technical Support or Questions](#technical-support-or-questions) |
| 39 | + - [Licensing](#licensing) |
| 40 | + - [Useful Links](#useful-links) |
| 41 | + - [Authors](#authors) |
| 42 | + |
| 43 | +## Demo pages |
| 44 | + |
| 45 | +| 🚧 Dashboard | 🚧 Stacked Layout | 🚧 Products (CRUD) | |
| 46 | +| ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- | |
| 47 | +| []() | []() | []() | |
| 48 | + |
| 49 | +| 🚧 Users (CRUD) | 🚧 Settings | 🚧 Pricing page | |
| 50 | +| ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | |
| 51 | +| []() | []() | []() | |
| 52 | + |
| 53 | +| Login page | Register page | Reset password | |
| 54 | +| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | |
| 55 | +| [](https://flowbite-svelte-admin-dashboard.vercel.app/authentication/sign-in/) | [](https://flowbite-svelte-admin-dashboard.vercel.app/authentication/sign-up/) | [](https://flowbite-svelte-admin-dashboard.vercel.app/authentication/reset-password) | |
| 56 | + |
| 57 | +| Forgot password | Profile lock | Maintenance page | |
| 58 | +| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | |
| 59 | +| [](https://flowbite-svelte-admin-dashboard.vercel.app/authentication/forgot-password) | [](https://flowbite-svelte-admin-dashboard.vercel.app/authentication/profile-lock) | [](https://flowbite-svelte-admin-dashboard.vercel.app/pages/maintenance) | |
| 60 | + |
| 61 | +| 404 not found | 500 server error | 🚧 Playground | |
| 62 | +| --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | |
| 63 | +| [](https://flowbite-svelte-admin-dashboard.vercel.app/pages/404) | [](https://flowbite-svelte-admin-dashboard.vercel.app/pages/500) | []() | |
| 64 | + |
| 65 | +- [Live Preview](https://flowbite-svelte-admin-dashboard.vercel.app/) |
| 66 | + |
| 67 | +## Quick start |
| 68 | + |
| 69 | +1. [Install Flowbite-Svelte](https://flowbite-svelte.com/pages/getting-started) |
| 70 | + |
| 71 | +2. Install flowbite-svelte-admin-dashboard |
| 72 | + |
| 73 | +```bash |
| 74 | +pnpm i flowbite-svelte-admin-dashboard |
| 75 | +``` |
| 76 | + |
| 77 | +## Browser Support |
| 78 | + |
| 79 | +At present, we officially aim to support the last two versions of the following browsers: |
| 80 | + |
| 81 | +<img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/chrome.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/firefox.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/edge.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/safari.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/opera.png" width="64" height="64"> |
| 82 | + |
| 83 | +## Resources |
| 84 | + |
| 85 | +- Live preview: <https://flowbite-svelte-admin-dashboard.vercel.app/> |
| 86 | +- Flowbite documentation: <https://flowbite.com/docs/getting-started/introduction/> |
| 87 | +- Tailwind CSS documentation: <https://tailwindcss.com/> |
| 88 | +- License Agreement: <https://flowbite.com/docs/getting-started/license/> |
| 89 | +- Issues: [Github Issues Page](https://github.com/themesberg/flowbite-svelte-admin-dashboard/issues) |
| 90 | + |
| 91 | +## Reporting Issues |
| 92 | + |
| 93 | +We use GitHub Issues as the official bug tracker for Flowbite Svelte Admin Dashboard. Here are some advices for our users that want to report an issue: |
| 94 | + |
| 95 | +1. Make sure that you are using the latest version of Flowbite Admin Dashboard. Check the CHANGELOG from your dashboard on the [GitHub releases page](https://github.com/themesberg/flowbite-svelte-admin-dashboard/releases). |
| 96 | +2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. |
| 97 | +3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help. |
| 98 | + |
| 99 | +## Technical Support or Questions |
| 100 | + |
| 101 | +If you have questions or need help integrating the product please [contact us](https://github.com/themesberg/flowbite-svelte-admin-dashboard/issues) instead of opening an issue. |
| 102 | + |
| 103 | +## Licensing |
| 104 | + |
| 105 | +- Copyright 2019-2023 Bergside Inc. (https://flowbite.com) |
| 106 | +- Open-source under the [MIT License](https://github.com/themesberg/flowbite-admin-dashboard/blob/main/LICENSE) |
| 107 | + |
| 108 | +## Useful Links |
| 109 | + |
| 110 | +- 🌶 [Flowbite-Svelte](https://flowbite-svelte.com) - Open-source components for Svelte |
| 111 | +- 📚 [Flowbite Library](https://flowbite.com/) - Open-source components built with Tailwind CSS |
| 112 | +- 🎨 [Flowbite Figma](https://flowbite.com/figma/) - Design system built for Figma |
| 113 | +- 🧱 [Flowbite Svelte Blocks](https://flowbite-svelte-blocks.com/blocks/) - Building sections for website and applications |
| 114 | +- 💎 [Flowbite Pro](https://flowbite.com/pro/) - A larger collection of the open-source version of the latter three |
| 115 | + |
| 116 | +## Authors |
| 117 | + |
| 118 | +- [Zoltán Szőgyényi](https://twitter.com/zoltanszogyenyi) |
| 119 | +- [Robert Tanislav](https://twitter.com/roberttanislav) |
| 120 | +- [Shinichi Okada](https://twitter.com/shinokada) |
0 commit comments