# Flowbite Documentation > Flowbite is a free and open-source UI component library based on Tailwind CSS and it provides ready-to-use HTML components with data attributes to enable interactive components and plugins for building modern and responsive websites. This documentation covers all basic aspects and components of Flowbite. ## Documentation sections ### Getting started - [Introduction](https://flowbite.com/docs/getting-started/introduction/) - [Quickstart](https://flowbite.com/docs/getting-started/quickstart/) - [JavaScript](https://flowbite.com/docs/getting-started/javascript/) - [TypeScript](https://flowbite.com/docs/getting-started/typescript/) - [License](https://flowbite.com/docs/getting-started/license/) ### Integration guides - [React](https://flowbite.com/docs/getting-started/react/) - [Next.js](https://flowbite.com/docs/getting-started/next-js/) - [Vue](https://flowbite.com/docs/getting-started/vue/) - [Nuxt](https://flowbite.com/docs/getting-started/nuxt-js/) - [Svelte](https://flowbite.com/docs/getting-started/svelte/) - [Angular](https://flowbite.com/docs/getting-started/angular/) - [Astro](https://flowbite.com/docs/getting-started/astro/) - [Remix](https://flowbite.com/docs/getting-started/remix/) - [Meteor.js](https://flowbite.com/docs/getting-started/meteor-js/) - [Gatsby](https://flowbite.com/docs/getting-started/gatsby/) - [SolidJS](https://flowbite.com/docs/getting-started/solid-js/) - [Qwik](https://flowbite.com/docs/getting-started/qwik/) - [Laravel](https://flowbite.com/docs/getting-started/laravel/) - [Symfony](https://flowbite.com/docs/getting-started/symfony/) - [Ruby on Rails](https://flowbite.com/docs/getting-started/rails/) - [Phoenix](https://flowbite.com/docs/getting-started/phoenix/) - [Django](https://flowbite.com/docs/getting-started/django/) - [Flask](https://flowbite.com/docs/getting-started/flask/) - [Blazor](https://flowbite.com/docs/getting-started/blazor/) - [Hugo](https://flowbite.com/docs/getting-started/hugo/) ### Customization - [Configuration](https://flowbite.com/docs/customize/configuration/) - [Dark mode](https://flowbite.com/docs/customize/dark-mode/) - [Theming](https://flowbite.com/docs/customize/theming/) - [Colors](https://flowbite.com/docs/customize/colors/) - [Icons](https://flowbite.com/docs/customize/icons/) - [RTL Mode](https://flowbite.com/docs/customize/rtl/) ### Components - [Accordion](https://flowbite.com/docs/components/accordion/) - [Alert](https://flowbite.com/docs/components/alerts/) - [Avatar](https://flowbite.com/docs/components/avatar/) - [Badge](https://flowbite.com/docs/components/badge/) - [Banner](https://flowbite.com/docs/components/banner/) - [Bottom navigation](https://flowbite.com/docs/components/bottom-navigation/) - [Breadcrumb](https://flowbite.com/docs/components/breadcrumb/) - [Buttons](https://flowbite.com/docs/components/buttons/) - [Button group](https://flowbite.com/docs/components/button-group/) - [Card](https://flowbite.com/docs/components/card/) - [Carousel](https://flowbite.com/docs/components/carousel/) - [Chat bubble](https://flowbite.com/docs/components/chat-bubble/) - [Clipboard](https://flowbite.com/docs/components/clipboard/) - [Datepicker](https://flowbite.com/docs/components/datepicker/) - [Device mockups](https://flowbite.com/docs/components/device-mockups/) - [Drawer](https://flowbite.com/docs/components/drawer/) - [Dropdown](https://flowbite.com/docs/components/dropdowns/) - [Footer](https://flowbite.com/docs/components/footer/) - [Forms](https://flowbite.com/docs/components/forms/) - [Gallery](https://flowbite.com/docs/components/gallery/) - [Indicators](https://flowbite.com/docs/components/indicators/) - [Jumbotron](https://flowbite.com/docs/components/jumbotron/) - [KBD](https://flowbite.com/docs/components/kbd/) - [List group](https://flowbite.com/docs/components/list-group/) - [Mega menu](https://flowbite.com/docs/components/mega-menu/) - [Modal](https://flowbite.com/docs/components/modal/) - [Navbar](https://flowbite.com/docs/components/navbar/) - [Pagination](https://flowbite.com/docs/components/pagination/) - [Popover](https://flowbite.com/docs/components/popover/) - [Progress](https://flowbite.com/docs/components/progress/) - [Rating](https://flowbite.com/docs/components/rating/) - [Sidebar](https://flowbite.com/docs/components/sidebar/) - [Skeleton](https://flowbite.com/docs/components/skeleton/) - [Speed dial](https://flowbite.com/docs/components/speed-dial/) - [Spinner](https://flowbite.com/docs/components/spinner/) - [Stepper](https://flowbite.com/docs/components/stepper/) - [Tables](https://flowbite.com/docs/components/tables/) - [Tabs](https://flowbite.com/docs/components/tabs/) - [Timeline](https://flowbite.com/docs/components/timeline/) - [Toast](https://flowbite.com/docs/components/toast/) - [Tooltip](https://flowbite.com/docs/components/tooltips/) - [Typography](https://flowbite.com/docs/components/typography/) - [Video](https://flowbite.com/docs/components/video/) ### Forms - [Input field](https://flowbite.com/docs/forms/input-field/) - [File input](https://flowbite.com/docs/forms/file-input/) - [Search input](https://flowbite.com/docs/forms/search-input/) - [Number input](https://flowbite.com/docs/forms/number-input/) - [Phone input](https://flowbite.com/docs/forms/phone-input/) - [Select](https://flowbite.com/docs/forms/select/) - [Textarea](https://flowbite.com/docs/forms/textarea/) - [Timepicker](https://flowbite.com/docs/forms/timepicker/) - [Checkbox](https://flowbite.com/docs/forms/checkbox/) - [Radio](https://flowbite.com/docs/forms/radio/) - [Toggle](https://flowbite.com/docs/forms/toggle/) - [Range](https://flowbite.com/docs/forms/range/) - [Floating label](https://flowbite.com/docs/forms/floating-label/) ### Typography - [Headings](https://flowbite.com/docs/typography/headings/) - [Paragraphs](https://flowbite.com/docs/typography/paragraphs/) - [Blockquote](https://flowbite.com/docs/typography/blockquote/) - [Image](https://flowbite.com/docs/typography/images/) - [Lists](https://flowbite.com/docs/typography/lists/) - [Links](https://flowbite.com/docs/typography/links/) - [Text](https://flowbite.com/docs/typography/text/) - [HR](https://flowbite.com/docs/typography/hr/) ### Plugins - [Charts](https://flowbite.com/docs/plugins/charts/) - [Datatables](https://flowbite.com/docs/plugins/datatables/) - [WYSIWYG](https://flowbite.com/docs/plugins/wysiwyg/) ### Other resources - [Flowbite Figma](https://flowbite.com/figma/) - [Flowbite Icons](https://flowbite.com/icons/) - [Flowbite Illustrations](https://flowbite.com/illustrations/) - [Flowbite Pro](https://flowbite.com/pro/)