Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/themesberg/flowbite-vue
Official Vue 3 components built for Flowbite and Tailwind CSS
https://github.com/themesberg/flowbite-vue
components css flowbite tailwindcss vue vue-3 vue-components vue-js
Last synced: about 2 months ago
JSON representation
Official Vue 3 components built for Flowbite and Tailwind CSS
- Host: GitHub
- URL: https://github.com/themesberg/flowbite-vue
- Owner: themesberg
- License: mit
- Created: 2022-06-02T08:04:40.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-20T10:31:36.000Z (5 months ago)
- Last Synced: 2024-11-08T17:16:44.640Z (2 months ago)
- Topics: components, css, flowbite, tailwindcss, vue, vue-3, vue-components, vue-js
- Language: Vue
- Homepage: https://flowbite-vue.com
- Size: 1.23 MB
- Stars: 777
- Watchers: 14
- Forks: 121
- Open Issues: 55
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- trackawesomelist - flowbite-vue (⭐786) - Vue component library based on Tailwind CSS (Recently Updated / [Dec 06, 2024](/content/2024/12/06/README.md))
README
flowbite-vue
Build websites even faster with components on top of Vue and Tailwind CSS
---
### `flowbite-vue` is an open source collection of UI components, built in Vue, with utility classes from Tailwind CSS that you can use as a starting point for user interfaces and websites.
## Table of Contents
- [Documentation](#documentation)
- [Getting started](#getting-started)
- [Require via `npm`](#require-via--npm-)
- [Include via CDN](#include-via-cdn)
- [Components](#components)
- [Community](#community)
- [Contributing](#contributing)
- [Figma](#figma)
- [Copyright and license](#copyright-and-license)
## Documentation
Documentation for `flowbite-vue` is not yet finished.
If you want to browse the components, visit [flowbite.com](https://flowbite.com/).
If you want to learn more about Flowbite, visit [Flowbite docs](https://flowbite.com/docs/getting-started/introduction/).
## Getting started
To use `flowbite-vue`, you just need to setup `flowbite` normally and install `flowbite-vue` from `npm`.
`flowbite` can be included as a plugin into an existing Tailwind CSS project.
### Require via `npm`
Make sure that you have Node.js and Tailwind CSS installed.
1. Install `flowbite` as a dependency using `npm` by running the following command:
```bash
npm i flowbite flowbite-vue
```
2. Require `flowbite` as a plugin inside the `tailwind.config.js` file:
```javascript
module.exports = {
content: [
...,
'node_modules/flowbite-vue/**/*.{js,jsx,ts,tsx}'
],
plugins: [..., require('flowbite/plugin')],
};
```
## Components
Alerts
Badge
Breadcrumbs
Buttons
Button group
Cards
Dropdown
:construction: Forms
List group
:construction: Typography
Modal
Tabs
Navbar
Pagination
Timeline
Progress bar
Tables
Toast
Tooltips
:construction: Datepicker
Spinner
Footer
Accordion
:construction: Sidebar
Carousel
Avatar
Rating
Input Field
File Input
:construction: Search Input
Select
Textarea
Checkbox
Radio
Toggle
Range Slider
:construction: Floating Label
## Community
If you need help or just want to discuss about the library join the community on Github:
⌨️ [Discuss about Flowbite on GitHub](https://github.com/themesberg/flowbite/discussions)
For casual chatting with others using the library:
💬 [Join the Flowbite Discord Server](https://discord.gg/4eeurUVvTy)
## Contributing
Thank you for your interest in helping! Visit our [guide on contributing](https://github.com/themesberg/flowbite-vue/blob/main/CONTRIBUTING.md) to get started.
## Figma
If you need the Figma files for the components you can check out our website for more information:
🎨 [Get access to the Figma design files](https://flowbite.com/figma/)
## Copyright and license
The Flowbite name and logos are trademarks of Crafty Dwarf Inc.
📝 [Read about the licensing terms](https://flowbite.com/getting-started/license/)