{"id":23254281,"url":"https://github.com/creativetimofficial/david-ai","last_synced_at":"2025-05-11T03:46:58.918Z","repository":{"id":37444857,"uuid":"229293658","full_name":"creativetimofficial/david-ai","owner":"creativetimofficial","description":"David AI is a free and open-source collection of customizable, production-ready UI components built with Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-01-08T20:11:10.000Z","size":33830,"stargazers_count":5876,"open_issues_count":2,"forks_count":914,"subscribers_count":72,"default_branch":"main","last_synced_at":"2025-05-11T03:46:50.103Z","etag":null,"topics":["ai","ai-framework","angular-landing-page","dashboard","dynamic-components","kits","tailwind-admin","tailwind-css","tailwind-css-template","tailwind-starter-kit","tailwindcss","tailwindcss-extension","tailwindcss-starter-kit","tailwindcss-starter-project"],"latest_commit_sha":null,"homepage":"https://www.creative-tim.com/david-ui","language":"HTML","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/creativetimofficial.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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":"2019-12-20T15:56:31.000Z","updated_at":"2025-05-10T20:11:09.000Z","dependencies_parsed_at":"2024-09-17T14:04:45.457Z","dependency_job_id":"ba317499-ada9-4824-9dcb-5f72f87c261c","html_url":"https://github.com/creativetimofficial/david-ai","commit_stats":{"total_commits":247,"total_committers":14,"mean_commits":"17.642857142857142","dds":"0.13765182186234814","last_synced_commit":"9708fa9271e984bb344d74769eee1d235aabe4ee"},"previous_names":["creativetimofficial/david-ai","creativetimofficial/tailwind-starter-kit"],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativetimofficial%2Fdavid-ai","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativetimofficial%2Fdavid-ai/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativetimofficial%2Fdavid-ai/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativetimofficial%2Fdavid-ai/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/creativetimofficial","download_url":"https://codeload.github.com/creativetimofficial/david-ai/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253514555,"owners_count":21920334,"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":["ai","ai-framework","angular-landing-page","dashboard","dynamic-components","kits","tailwind-admin","tailwind-css","tailwind-css-template","tailwind-starter-kit","tailwindcss","tailwindcss-extension","tailwindcss-starter-kit","tailwindcss-starter-project"],"created_at":"2024-12-19T11:05:59.809Z","updated_at":"2025-05-11T03:46:58.886Z","avatar_url":"https://github.com/creativetimofficial.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"\u003e [!NOTE]\n\u003e This repository was previously named **tailwind-starter-kit** and has been renamed to **david-ai** to better reflect its purpose and direction.\n\n# David UI - Free Tailwind CSS Components Library\n\n[David UI](https://www.creative-tim.com/david-ui) is a free and open-source collection of customizable, production-ready UI components built with **Tailwind CSS**. Designed to be developer-friendly and performance-focused, David UI streamlines the creation of modern, visually appealing interfaces, helping you deliver high-quality user experiences faster.\n\n[![David UI Thumb](https://github.com/creativetimofficial/public-assets/blob/master/ct-assets/david-ai.png?raw=true)](https://www.creative-tim.com/david-ui/html/overview)\n\n\u003cdiv align=\"center\"\u003e\n  \n[![npm version](https://img.shields.io/npm/v/david-ai.svg)](https://www.npmjs.com/package/david-ai)\n[![npm downloads](https://img.shields.io/npm/dm/david-ai.svg)](https://www.npmjs.com/package/david-ai)\n\n\u003c/div\u003e\n\n## Table of Contents\n\n- [David UI - Free Tailwind CSS Components Library](#david-ui---free-tailwind-css-components-library)\n  - [Table of Contents](#table-of-contents)\n  - [Getting Started](#getting-started)\n    - [Using with CDN](#using-with-cdn)\n    - [Basic Usage NPM](#basic-usage-npm)\n    - [Using with Global Access](#using-with-global-access)\n    - [Typescript](#typescript)\n  - [Documentation](#documentation)\n  - [Explore Components](#explore-components)\n  - [Community](#community)\n  - [License](#license)\n  - [Contribute \\\u0026 Feedback](#contribute--feedback)\n\n## Getting Started\n\nLearn how to use `david-ai` components to quickly and easily create elegant and flexible pages using Tailwind CSS.\n\n`david-ai` is working with Tailwind CSS classes and you need to have Tailwind CSS installed on your project - \u003ca href=\"https://tailwindcss.com/docs/installation\" target=\"_blank\"\u003eTailwind CSS Installation.\u003c/a\u003e\n\n### Using with CDN\n\nYou can include david-ai via a CDN and initialize alerts globally in the browser. Add the following script to your HTML file:\n\n```html\n\u003cscript\n  src=\"https://cdn.jsdelivr.net/gh/creativetimofficial/david-ai@1.0.6/packages/dist/david-ai.min.js\"\n  defer\n\u003e\u003c/script\u003e\n```\n\n### Basic Usage NPM\n\n```bash\nnpm i david-ai\n```\n\nAfter installing, you can use the components in your project across different frameworks:\n\n```tsx\nimport { initAlert } from \"david-ai\";\n\n// Initialize alerts\ninitAlert();\n```\n\n### Using with Global Access\n\nIf you prefer, you can use the DavidAI global object instead of directly importing initAlert:\n\n```tsx\nimport * as DavidAI from \"david-ai\";\n\n// Initialize alerts\nDavidAI.initAlert();\n```\n\n## TypeScript\n\nDavid AI components can be used in two ways - through simple ESM imports or programmatically with TypeScript support. Here's how to use both approaches:\n\n### Simple ESM Import\n\nThe quickest way to use components is through direct ESM imports:\n\n```tsx\nimport { initAlert } from \"david-ai\";\n\n// Initialize alerts\ninitAlert();\n```\n\n### Programmatic Usage with TypeScript\n\nFor more control and type safety, you can use the programmatic approach with full TypeScript support:\n\nThis programmatic approach provides:\n\n- Full TypeScript support\n- Fine-grained control over component behavior\n- Access to component instance methods\n- Proper cleanup on unmount\n\n```tsx\nimport { Accordion } from \"david-ai\";\nimport type { AccordionConfig, IAccordion } from \"david-ai\";\n\ndocument.addEventListener(\"DOMContentLoaded\", () =\u003e {\n  const container = document.getElementById(\"accordion-container\");\n\n  if (container) {\n    const config: AccordionConfig = {\n      exclusive: true,\n      allOpen: false,\n    };\n\n    const accordion: IAccordion = new Accordion(container, config);\n\n    // Handle external button controls\n    const showAllButton = document.getElementById(\"show-all\");\n    const hideAllButton = document.getElementById(\"hide-all\");\n    const toggleFirstButton = document.getElementById(\"toggle-first\");\n\n    showAllButton?.addEventListener(\"click\", () =\u003e {\n      accordion.showAll();\n    });\n\n    hideAllButton?.addEventListener(\"click\", () =\u003e {\n      accordion.hideAll();\n    });\n\n    toggleFirstButton?.addEventListener(\"click\", () =\u003e {\n      const firstButton = document.getElementById(\"button-1\") as HTMLElement;\n      if (firstButton) {\n        accordion.toggle(firstButton);\n      }\n    });\n\n    // Cleanup on unmount\n    window.addEventListener(\"unload\", () =\u003e {\n      accordion.cleanup();\n    });\n  }\n});\n```\n\nFor detailed usage of each component, check out their respective documentation:\n\n- [Accordion](https://www.creative-tim.com/david-ui/docs/html/accordion) (ESM \u0026 Programmatic)\n- [Alert](https://www.creative-tim.com/david-ui/docs/html/alert) (ESM)\n- [Collapse](https://www.creative-tim.com/david-ui/docs/html/collapse) (ESM \u0026 Programmatic)\n- [Dropdown](https://www.creative-tim.com/david-ui/docs/html/dropdown) (ESM \u0026 Programmatic)\n- [Gallery](https://www.creative-tim.com/david-ui/docs/html/gallery) (ESM)\n- [Modal](https://www.creative-tim.com/david-ui/docs/html/modal) (ESM \u0026 Programmatic)\n- [Popover](https://www.creative-tim.com/david-ui/docs/html/popover) (ESM \u0026 Programmatic)\n- [Stepper](https://www.creative-tim.com/david-ui/docs/html/stepper) (ESM \u0026 Programmatic)\n- [Tabs](https://www.creative-tim.com/david-ui/docs/html/tabs) (ESM \u0026 Programmatic)\n- [Tooltip](https://www.creative-tim.com/david-ui/docs/html/tooltip) (ESM \u0026 Programmatic)\n\nCongratulations 🥳, you did it, now you're ready to use `david-ai`.\n\n## Documentation\n\nDavid UI’s documentation includes code snippets, previews, and detailed usage instructions for each component, ensuring a smooth implementation process.\n\nVisit the **[David UI Docs](https://www.creative-tim.com/david-ui)** to explore the entire library.\n\n## Explore Components\n\n\u003ctable\u003e\n  \n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/accordion\"\u003e\n        \u003cimg alt=\"accordion\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/accordion-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/alert\"\u003e\n        \u003cimg alt=\"alert\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/alert-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/avatar\"\u003e\n        \u003cimg alt=\"avatar\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/avatar-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eAccordion\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eAlert\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eAvatar\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/badge\"\u003e\n        \u003cimg alt=\"typography\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/badge-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/breadcrumb\"\u003e\n        \u003cimg alt=\"breadcrumbs\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/breadcrumbs-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/button\"\u003e\n        \u003cimg alt=\"button\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/button-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eBadge\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eBreadcrumbs\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eButton\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/button-group\"\u003e\n        \u003cimg alt=\"select\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/buttongroup-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/card\"\u003e\n        \u003cimg alt=\"card\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/card-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/checkbox\"\u003e\n        \u003cimg alt=\"checkbox\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/checkbox-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eButton Group\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eCard\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eCheckbox\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/chip\"\u003e\n        \u003cimg alt=\"chip\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/chip-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/collapse\"\u003e\n        \u003cimg alt=\"tooltip\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/collapse-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/dropdown\"\u003e\n        \u003cimg alt=\"menu\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/menu-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eChip\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eCollapse\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eDropdown\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/footer\"\u003e\n        \u003cimg alt=\"typography\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/footer-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/icon-button\"\u003e\n        \u003cimg alt=\"icon-button\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/icon-button-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/image\"\u003e\n        \u003cimg alt=\"typography\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/img-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eFooter\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eIcon Button\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eImage\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/input\"\u003e\n        \u003cimg alt=\"input\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/input-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/list\"\u003e\n        \u003cimg alt=\"tooltip\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/list-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/modal\"\u003e\n        \u003cimg alt=\"dialog\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/dialog-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eInput\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eList\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eModal\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/navbar\"\u003e\n        \u003cimg alt=\"navbar\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/navbar-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/pagination\"\u003e\n        \u003cimg alt=\"pagination\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/pagination-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/popover\"\u003e\n        \u003cimg alt=\"popover\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/popover-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eNavbar\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003ePagination\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003ePopover\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/progress\"\u003e\n        \u003cimg alt=\"progress-bar\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/progress-bar-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/radio\"\u003e\n        \u003cimg alt=\"radio-button\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/radio-button-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/rating\"\u003e\n        \u003cimg alt=\"tooltip\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/ratingbar-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eProgress Bar\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eRadio Button\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eRating Bar\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/sidebar\"\u003e\n        \u003cimg alt=\"tooltip\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/sidebar-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/spinner\"\u003e\n        \u003cimg alt=\"tooltip\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/spinner-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/stepper\"\u003e\n        \u003cimg alt=\"tooltip\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/stepper-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eSidebar\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eSpinner\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eStepper\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/switch\"\u003e\n        \u003cimg alt=\"switch\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/switch-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/table\"\u003e\n        \u003cimg alt=\"typography\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/table-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/tabs\"\u003e\n        \u003cimg alt=\"tabs\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/tabs-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eSwitch\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eTable\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eTabs\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/textarea\"\u003e\n        \u003cimg alt=\"textarea\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/text-area-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/tooltip\"\u003e\n        \u003cimg alt=\"tooltip\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/tooltip-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/typography\"\u003e\n        \u003cimg alt=\"typography\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/typography-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eTextarea\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eTooltip\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eTypography\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"30\"\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/timeline\"\u003e\n        \u003cimg alt=\"tooltip\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/timeline-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n      \u003ca href=\"https://www.creative-tim.com/david-ui/docs/html/video\"\u003e\n        \u003cimg alt=\"tooltip\" src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/refs/heads/master/david-ui/img/video-thumbnail.jpg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eTimeline\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eVideo\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## Community\n\n- We're excited to see the community adopt David AI, raise issues, and provide feedback.\n- Whether it's a feature request, bug report, or a project to showcase, please get involved!\n\n## License\n\nCopyright (c) 2020-2025 [Creative Tim](https://www.creative-tim.com)\n\nDavid UI is distributed under the **[MIT License](https://creative-tim.com/david-ui/docs/html/license)**, providing freedom and flexibility for all projects.\n\n## Older Version\n\nYou can find the older version of the David UI in the [tailwind-starter-kit](https://github.com/creativetimofficial/david-ai/tree/tailwind-starter-kit) branch.\n\n## Contribute \u0026 Feedback\n\nWe welcome contributions and feedback! If you have suggestions, encounter issues, or want to propose new components, feel free to open an issue or submit a pull request on our repository. Your input helps make David UI better for everyone.\n\n---\n\n**Build better, faster, and smarter with David UI.** Explore the documentation and start leveraging our components to deliver polished, user-friendly interfaces with ease.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreativetimofficial%2Fdavid-ai","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcreativetimofficial%2Fdavid-ai","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreativetimofficial%2Fdavid-ai/lists"}