{"id":17663556,"url":"https://github.com/qwikerx/flowbite-qwik","last_synced_at":"2025-04-05T15:03:31.265Z","repository":{"id":240240873,"uuid":"801651985","full_name":"qwikerx/flowbite-qwik","owner":"qwikerx","description":"Official Qwik components built for Flowbite and Tailwind CSS","archived":false,"fork":false,"pushed_at":"2025-04-02T15:14:05.000Z","size":6005,"stargazers_count":56,"open_issues_count":2,"forks_count":6,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-03T02:02:15.283Z","etag":null,"topics":["component-library","components","components-qwik","flowbite","qwik","qwik-city","qwik-framework","qwikjs","tailwindcss","typescript","ui"],"latest_commit_sha":null,"homepage":"https://flowbite-qwik.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/qwikerx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-16T16:40:44.000Z","updated_at":"2025-04-02T15:13:36.000Z","dependencies_parsed_at":"2024-05-28T02:03:36.455Z","dependency_job_id":"efca3d21-28be-4523-b97b-5650b8e5b02a","html_url":"https://github.com/qwikerx/flowbite-qwik","commit_stats":{"total_commits":253,"total_committers":6,"mean_commits":"42.166666666666664","dds":"0.46640316205533594","last_synced_commit":"d99e73cf4b0a26ee98230df12a0f721db468290a"},"previous_names":["xmimiex/flowbite-qwik","qwikerx/flowbite-qwik"],"tags_count":90,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qwikerx%2Fflowbite-qwik","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qwikerx%2Fflowbite-qwik/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qwikerx%2Fflowbite-qwik/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qwikerx%2Fflowbite-qwik/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qwikerx","download_url":"https://codeload.github.com/qwikerx/flowbite-qwik/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247353729,"owners_count":20925329,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component-library","components","components-qwik","flowbite","qwik","qwik-city","qwik-framework","qwikjs","tailwindcss","typescript","ui"],"created_at":"2024-10-23T19:07:11.720Z","updated_at":"2025-04-05T15:03:31.259Z","avatar_url":"https://github.com/qwikerx.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv style=\"text-align: center\"\u003e\n  \u003ch1\u003eFlowbite Qwik - UI Component Library\u003c/h1\u003e\n\n  \u003cdiv\u003e\n    \u003ca href=\"https://flowbite-qwik.com\"\u003e\n      \u003cimg alt=\"Flowbite Qwik - Tailwind CSS components\" width=\"500\"  src=\"https://res.cloudinary.com/dkht4mwqi/image/upload/v1729891002/fowbite-qwik/logo_readme_a2qemq.svg\" /\u003e\n      \u003c/a\u003e\n  \u003c/div\u003e\n  \u003cp\u003e\n    Build websites even faster with components on top of Qwik and Tailwind CSS\n  \u003c/p\u003e\n  \u003cp\u003e\n    \u003ca href=\"https://www.npmjs.com/package/flowbite-qwik\"\u003e\n      \u003cimg src=\"https://img.shields.io/npm/dt/flowbite-qwik.svg\" alt=\"Total Downloads\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://badge.fury.io/js/flowbite-qwik\"\u003e\n      \u003cimg alt=\"Latest release\" src=\"https://badge.fury.io/js/flowbite-qwik.svg\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://flowbite.com/getting-started/license/\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/license-MIT-blue\" alt=\"License\" /\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n---\n\n### `flowbite-qwik` is an open source collection of UI components, built in Qwik, with utility classes from Tailwind CSS that you can use as a starting point for user interfaces and websites.\n\n[Online documentation](https://flowbite-qwik.com)\n\n## Table of Contents\n\n- [Documentation](#documentation)\n- [Getting started](#getting-started)\n  - [Require via `npm`](#require-via--npm-)\n- [Components](#components)\n- [Copyright and license](#copyright-and-license)\n\n## Documentation\n\nDocumentation for `flowbite-qwik` is not yet finished.\n\n[//]: # 'If you want to browse the components, visit [flowbite.com](https://flowbite.com/).'\n\nIf you want to learn more about Flowbite, visit [Flowbite docs](https://flowbite.com/docs/getting-started/introduction/).\n\n## Getting started\n\nTo use `flowbite-qwik`, you just need to setup `flowbite` normally and install `flowbite-qwik` from `npm`.\n\n`flowbite` can be included as a plugin into an existing Tailwind CSS project.\n\n### 😎 Automatic way using CLI\n\nFlowbite-qwik can be automatically installed using its CLI, simply use this command :\n\n```\nnpx flowbite-qwik-cli@latest init\n```\n\nClick [here](https://github.com/qwikerx/flowbite-qwik/blob/main/packages/cli/README.md) for more details.\n\n### 🐓 Manual way via `npm`\n\nMake sure that you have \u003ca href=\"https://nodejs.org/en/\" rel=\"nofollow\" \u003eNode.js\u003c/a\u003e and \u003ca href=\"https://tailwindcss.com/docs/installation\" rel=\"nofollow\" \u003eTailwind CSS\u003c/a\u003e installed.\n\n1. Install `flowbite-qwik` as a dependency using `npm` by running the following command:\n\n```bash\nyarn add -D flowbite flowbite-qwik flowbite-qwik-icons\npnpm add -D flowbite flowbite-qwik flowbite-qwik-icons\nnpm i --save-dev flowbite flowbite-qwik flowbite-qwik-icons\n```\n\n2. Update you root CSS file (global.css) adding this configuration :\n\n```css\n@plugin 'flowbite/plugin';\n\n@source \"../node_modules/flowbite-qwik\";\n\n@custom-variant dark (\u0026:where(.dark, .dark *));\n@theme {\n  --color-bgContrast: #fff;\n}\n@layer theme {\n  .dark {\n    --color-bgContrast: #111827;\n  }\n}\n\n@theme {\n  --animate-from-left: slideFromLeft 0.2s 1;\n  --animate-from-right: slideFromRight 0.2s 1;\n\n  --min-width-screen-lg: 1024px;\n\n  --container-8xl: 90rem;\n\n  @keyframes slideFromLeft {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n  @keyframes slideFromRight {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n  \n  --color-green-50: #ecfdf5;\n  --color-green-100: #d1fae5;\n  --color-green-200: #a7f3d0;\n  --color-green-300: #6ee7b7;\n  --color-green-400: #34d399;\n  --color-green-500: #10b981;\n  --color-green-600: #059669;\n  --color-green-700: #047857;\n  --color-green-800: #065f46;\n  --color-green-900: #064e3b;\n  --color-green-950: oklch(.266 .065 152.934);\n\n  --color-pink-50: #fdf2f8;\n  --color-pink-100: #fce7f3;\n  --color-pink-200: #fbcfe8;\n  --color-pink-300: #f9a8d4;\n  --color-pink-400: #f472b6;\n  --color-pink-500: #ec4899;\n  --color-pink-600: #db2777;\n  --color-pink-700: #be185d;\n  --color-pink-800: #9d174d;\n  --color-pink-900: #831843;\n\n  --color-purple-50: #f5f3ff;\n  --color-purple-100: #ede9fe;\n  --color-purple-200: #ddd6fe;\n  --color-purple-300: #c4b5fd;\n  --color-purple-400: #a78bfa;\n  --color-purple-500: #8b5cf6;\n  --color-purple-600: #7c3aed;\n  --color-purple-700: #6d28d9;\n  --color-purple-800: #5b21b6;\n  --color-purple-900: #4c1d95;\n  --color-purple-950: oklch(.291 .149 302.717);\n\n  --color-gray-50: #f9fafb;\n  --color-gray-100: #f3f4f6;\n  --color-gray-200: #e5e7eb;\n  --color-gray-300: #d1d5db;\n  --color-gray-400: #9ca3af;\n  --color-gray-500: #6b7280;\n  --color-gray-600: #4b5563;\n  --color-gray-700: #374151;\n  --color-gray-800: #1f2937;\n  --color-gray-900: #111827;\n  --color-gray-950: oklch(.13 .028 261.692);\n\n  --color-blue-50: #eff6ff;\n  --color-blue-100: #dbeafe;\n  --color-blue-200: #bfdbfe;\n  --color-blue-300: #93c5fd;\n  --color-blue-400: #60a5fa;\n  --color-blue-500: #3b82f6;\n  --color-blue-600: #2563eb;\n  --color-blue-700: #1d4ed8;\n  --color-blue-800: #1e40af;\n  --color-blue-900: #1e3a8a;\n  --color-blue-950: oklch(.282 .091 267.935);\n}\n```\n\n3. Setup `flowbite-qwik` providers\n\nIn your `src/root.tsx` file, import the `FlowbiteProvider` and wrap your app with it and define the theme and toast position.\n\nDefault values are `theme=\"blue\"` and `toastPosition=\"top-right\"`.\n\nIf you want to use the dark mode, you will also need to add the `FlowbiteProviderHeader` component in the head of your app.\n\n```tsx\nimport { FlowbiteProvider } from 'flowbite-qwik'\n\nexport default component$(() =\u003e {\n  return (\n    \u003cQwikCityProvider\u003e\n      \u003chead\u003e\n        \u003cmeta charSet=\"utf-8\" /\u003e\n        \u003cRouterHead /\u003e\n        // Add this line to detect user's system preference\n        \u003cFlowbiteProviderHeader /\u003e\n      \u003c/head\u003e\n      \u003cbody lang=\"fr\"\u003e\n        // Add the FlowbiteProvider component to wrap your app\n        \u003cFlowbiteProvider toastPosition=\"top-right\" theme=\"blue\"\u003e\n          \u003cRouterOutlet /\u003e\n        \u003c/FlowbiteProvider\u003e\n      \u003c/body\u003e\n    \u003c/QwikCityProvider\u003e\n  )\n})\n```\n\n## Components\n\n\u003c!-- @qwikerx start --\u003e\n\u003cdiv style=\"display: flex\"\u003e\n  \u003ctable\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/accordion\"\u003e\n          \u003cimg alt=\"Qwik Accordion\" src=\"https://flowbite-qwik.com/thumbnails/website/accordion-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/alert\"\u003e\n          \u003cimg alt=\"Qwik Alert\" src=\"https://flowbite-qwik.com/thumbnails/website/alerts-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/avatar\"\u003e\n          \u003cimg alt=\"Qwik Avatar\" src=\"https://flowbite-qwik.com/thumbnails/website/avatar-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/badge\"\u003e\n          \u003cimg alt=\"Qwik Badge\" src=\"https://flowbite-qwik.com/thumbnails/website/badges-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/banner\"\u003e\n          \u003cimg alt=\"Qwik Banner\" src=\"https://flowbite-qwik.com/thumbnails/website/banner-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/typography/blockquote\"\u003e\n          \u003cimg alt=\"Qwik Blockquote\" src=\"https://flowbite-qwik.com/thumbnails/website/blockquote-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/breadcrumb\"\u003e\n          \u003cimg alt=\"Qwik Breadcrumb\" src=\"https://flowbite-qwik.com/thumbnails/website/breadcrumbs-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/button\"\u003e\n          \u003cimg alt=\"Qwik Button\" src=\"https://flowbite-qwik.com/thumbnails/website/buttons-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/button-group\"\u003e\n          \u003cimg alt=\"Qwik ButtonGroup\" src=\"https://flowbite-qwik.com/thumbnails/website/button-group-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/card\"\u003e\n          \u003cimg alt=\"Qwik Card\" src=\"https://flowbite-qwik.com/thumbnails/website/cards-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/carousel\"\u003e\n          \u003cimg alt=\"Qwik Carousel\" src=\"https://flowbite-qwik.com/thumbnails/website/carousel-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/forms/checkbox\"\u003e\n          \u003cimg alt=\"Qwik Checkbox\" src=\"https://flowbite-qwik.com/thumbnails/website/checkbox-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/clipboard\"\u003e\n          \u003cimg alt=\"Qwik Clipboard\" src=\"https://flowbite-qwik.com/thumbnails/website/clipboard-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/date-picker\"\u003e\n          \u003cimg alt=\"Qwik DatePicker\" src=\"https://flowbite-qwik.com/thumbnails/website/datepicker-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/drawer\"\u003e\n          \u003cimg alt=\"Qwik Drawer\" src=\"https://flowbite-qwik.com/thumbnails/website/drawer-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/dropdown\"\u003e\n          \u003cimg alt=\"Qwik Dropdown\" src=\"https://flowbite-qwik.com/thumbnails/website/dropdown-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/footer\"\u003e\n          \u003cimg alt=\"Qwik Footer\" src=\"https://flowbite-qwik.com/thumbnails/website/footer-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/typography/hr\"\u003e\n          \u003cimg alt=\"Qwik HR\" src=\"https://flowbite-qwik.com/thumbnails/website/horizontal-rule-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/typography/heading\"\u003e\n          \u003cimg alt=\"Qwik Heading\" src=\"https://flowbite-qwik.com/thumbnails/website/headings-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/forms/input\"\u003e\n          \u003cimg alt=\"Qwik Input\" src=\"https://flowbite-qwik.com/thumbnails/website/input-field-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/jumbotron\"\u003e\n          \u003cimg alt=\"Qwik Jumbotron\" src=\"https://flowbite-qwik.com/thumbnails/website/jumbotron-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/kbd\"\u003e\n          \u003cimg alt=\"Qwik Kbd\" src=\"https://flowbite-qwik.com/thumbnails/website/kbd-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/typography/link\"\u003e\n          \u003cimg alt=\"Qwik Link\" src=\"https://flowbite-qwik.com/thumbnails/website/link-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/typography/list\"\u003e\n          \u003cimg alt=\"Qwik List\" src=\"https://flowbite-qwik.com/thumbnails/website/list-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/list-group\"\u003e\n          \u003cimg alt=\"Qwik ListGroup\" src=\"https://flowbite-qwik.com/thumbnails/website/list-group-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/modal\"\u003e\n          \u003cimg alt=\"Qwik Modal\" src=\"https://flowbite-qwik.com/thumbnails/website/modal-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/navbar\"\u003e\n          \u003cimg alt=\"Qwik Navbar\" src=\"https://flowbite-qwik.com/thumbnails/website/navbar-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/pagination\"\u003e\n          \u003cimg alt=\"Qwik Pagination\" src=\"https://flowbite-qwik.com/thumbnails/website/pagination-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/progress-bar\"\u003e\n          \u003cimg alt=\"Qwik ProgressBar\" src=\"https://flowbite-qwik.com/thumbnails/website/progress-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/forms/radio\"\u003e\n          \u003cimg alt=\"Qwik Radio\" src=\"https://flowbite-qwik.com/thumbnails/website/radio-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/forms/range\"\u003e\n          \u003cimg alt=\"Qwik Range\" src=\"https://flowbite-qwik.com/thumbnails/website/range-slider-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/rating\"\u003e\n          \u003cimg alt=\"Qwik Rating\" src=\"https://flowbite-qwik.com/thumbnails/website/rating-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/forms/select\"\u003e\n          \u003cimg alt=\"Qwik Select\" src=\"https://flowbite-qwik.com/thumbnails/website/select-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/sidebar\"\u003e\n          \u003cimg alt=\"Qwik Sidebar\" src=\"https://flowbite-qwik.com/thumbnails/website/sidebar-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/spinner\"\u003e\n          \u003cimg alt=\"Qwik Spinner\" src=\"https://flowbite-qwik.com/thumbnails/website/spinner-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/table\"\u003e\n          \u003cimg alt=\"Qwik Table\" src=\"https://flowbite-qwik.com/thumbnails/website/table-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/tabs\"\u003e\n          \u003cimg alt=\"Qwik Tabs\" src=\"https://flowbite-qwik.com/thumbnails/website/tabs-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/forms/textarea\"\u003e\n          \u003cimg alt=\"Qwik Textarea\" src=\"https://flowbite-qwik.com/thumbnails/website/textarea-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/time-picker\"\u003e\n          \u003cimg alt=\"Qwik TimePicker\" src=\"https://flowbite-qwik.com/thumbnails/website/timepicker-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/timeline\"\u003e\n          \u003cimg alt=\"Qwik Timeline\" src=\"https://flowbite-qwik.com/thumbnails/website/timeline-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/toast\"\u003e\n          \u003cimg alt=\"Qwik ToastList\" src=\"https://flowbite-qwik.com/thumbnails/website/toasts-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/forms/toggle\"\u003e\n          \u003cimg alt=\"Qwik Toggle\" src=\"https://flowbite-qwik.com/thumbnails/website/toggle-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://flowbite-qwik.com/docs/components/tooltip\"\u003e\n          \u003cimg alt=\"Qwik Tooltip\" src=\"https://flowbite-qwik.com/thumbnails/website/tooltips-light.svg\" /\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/table\u003e\n\u003c/div\u003e\n\n\u003c!-- @qwikerx end --\u003e\n\n## Composables / hooks\n\n- useToasts\n- useDarkMode\n- useDebounce\n- useMediaQuery\n- useOuterClick\n- useToggle\n\n[//]: # '## Community'\n[//]: #\n[//]: # 'If you need help or just want to discuss about the library join the community on Github:'\n[//]: #\n[//]: # '⌨️ [Discuss about Flowbite on GitHub](https://github.com/themesberg/flowbite/discussions)'\n[//]: #\n[//]: # 'For casual chatting with others using the library:'\n[//]: #\n[//]: # '💬 [Join the Flowbite Discord Server](https://discord.gg/4eeurUVvTy)'\n[//]: #\n[//]: # '## Contributing'\n[//]: #\n[//]: # 'Thank you for your interest in helping! Feel free to get started.'\n[//]: #\n[//]: # '## Figma'\n[//]: #\n[//]: # 'If you need the Figma files for the components you can check out our website for more information:'\n[//]: #\n[//]: # '🎨 [Get access to the Figma design files](https://flowbite.com/figma/)'\n\n## Copyright and license\n\nThe Flowbite name and logos are trademarks of Crafty Dwarf Inc.\n\n📝 [Read about the licensing terms](https://flowbite.com/getting-started/license/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqwikerx%2Fflowbite-qwik","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqwikerx%2Fflowbite-qwik","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqwikerx%2Fflowbite-qwik/lists"}