{"id":30040029,"url":"https://github.com/catppuccin/daisyui","last_synced_at":"2025-08-07T01:55:46.714Z","repository":{"id":236501583,"uuid":"792735874","full_name":"catppuccin/daisyui","owner":"catppuccin","description":"🌼 Soothing pastel theme for daisyUI","archived":false,"fork":false,"pushed_at":"2025-07-29T10:36:35.000Z","size":3154,"stargazers_count":233,"open_issues_count":12,"forks_count":6,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-31T17:48:41.973Z","etag":null,"topics":["catppuccin","daisyui","hacktoberfest","theme"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@catppuccin/daisyui","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/catppuccin.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"zenodo":null},"funding":{"github":"catppuccin","open_collective":"catppuccin"}},"created_at":"2024-04-27T12:33:25.000Z","updated_at":"2025-07-28T14:56:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"8cd19fd3-b3d2-4d5a-a3c8-32542d3e88b6","html_url":"https://github.com/catppuccin/daisyui","commit_stats":null,"previous_names":["liumingxun/daisyui","catppuccin/daisyui"],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/catppuccin/daisyui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fdaisyui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fdaisyui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fdaisyui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fdaisyui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/catppuccin","download_url":"https://codeload.github.com/catppuccin/daisyui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fdaisyui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269185774,"owners_count":24374634,"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","status":"online","status_checked_at":"2025-08-06T02:00:09.910Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["catppuccin","daisyui","hacktoberfest","theme"],"created_at":"2025-08-07T01:55:43.228Z","updated_at":"2025-08-07T01:55:46.677Z","avatar_url":"https://github.com/catppuccin.png","language":"HTML","funding_links":["https://github.com/sponsors/catppuccin","https://opencollective.com/catppuccin"],"categories":[],"sub_categories":[],"readme":"\u003ch3 align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png\" width=\"100\" alt=\"Logo\"/\u003e\u003cbr/\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n  Catppuccin for \u003ca href=\"https://github.com/saadeghi/daisyui\"\u003edaisyUI\u003c/a\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/catppuccin/daisyui/stargazers\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/catppuccin/daisyui?colorA=363a4f\u0026colorB=b7bdf8\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/catppuccin/daisyui/issues\"\u003e\u003cimg src=\"https://img.shields.io/github/issues/catppuccin/daisyui?colorA=363a4f\u0026colorB=f5a97f\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/catppuccin/daisyui/contributors\"\u003e\u003cimg src=\"https://img.shields.io/github/contributors/catppuccin/daisyui?colorA=363a4f\u0026colorB=a6da95\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/catppuccin/daisyui/main/assets/previews/preview.webp\"/\u003e\n\u003c/p\u003e\n\n## Previews\n\n\u003cdetails\u003e\n\u003csummary\u003e🌻 Latte\u003c/summary\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/daisyui/main/assets/previews/latte.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🪴 Frappé\u003c/summary\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/daisyui/main/assets/previews/frappe.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🌺 Macchiato\u003c/summary\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/daisyui/main/assets/previews/macchiato.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🌿 Mocha\u003c/summary\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/daisyui/main/assets/previews/mocha.webp\"/\u003e\n\u003c/details\u003e\n\n## Usage\n\n### Installation\n\n| **npm**                            | **pnpm**                        | **yarn**                        |\n| ---------------------------------- | ------------------------------- | ------------------------------- |\n| npm install -D @catppuccin/daisyui | pnpm add -D @catppuccin/daisyui | yarn add -D @catppuccin/daisyui |\n\n### Configuration\n\n0. Follow the installation instructions for [Tailwind CSS](https://tailwindcss.com/docs/installation/using-vite) and [daisyUI](https://daisyui.com/docs/install/)\n\n1. Create a separate file like `catppuccinTheme.latte.ts` and import `@catppuccin/daisyui`\n\n   ```javascript\n   import { createCatppuccinPlugin } from '@catppuccin/daisyui'\n\n   export default createCatppuccinPlugin('latte')\n   ```\n\n   You can view available values through your editor's type hints. Check [example](https://github.com/catppuccin/daisyui/tree/main/example/src) for additional details.\n\n2. Import the created file in your CSS configuration file\n\n   ```css\n   @import 'tailwindcss';\n   @plugin \"daisyui\" {\n     themes: false;\n   }\n\n   @plugin \"./catppuccinTheme.latte.ts\";\n   @plugin \"./catppuccinTheme.frappe.ts\";\n   @plugin \"./catppuccinTheme.macchiato.ts\";\n   @plugin \"./catppuccinTheme.mocha.ts\";\n   ```\n\n\u003e [!TIP]\n\u003e For daisyUI v4, you can import required functions from `@catppuccin/daisyui/legacy`. For specific usage, refer to the [previous guide](https://github.com/catppuccin/daisyui/blob/c03cb0e6eafc3d20c9d85c38a671a937d93a64c8/README.md).\n\n#### For CDN\n\nInspired by the CDN usage of daisyUI, I have separated each theme, allowing you to independently import a single theme or combine the themes you need. See:\n\n```html\n\u003c!-- some? --\u003e\n\u003clink\n  href=\"https://cdn.jsdelivr.net/npm/@catppuccin/daisyui@2/latte.css\"\n  rel=\"stylesheet\"\n  type=\"text/css\"\n/\u003e\n\u003clink\n  href=\"https://cdn.jsdelivr.net/combine/npm/@catppuccin/daisyui@2/latte.css,npm/@catppuccin/daisyui@2/frappe.css\"\n  rel=\"stylesheet\"\n  type=\"text/css\"\n/\u003e\n\u003clink\n  href=\"https://cdn.jsdelivr.net/combine/npm/@catppuccin/daisyui@2/latte.css,npm/@catppuccin/daisyui@2/macchiato.css\"\n  rel=\"stylesheet\"\n  type=\"text/css\"\n/\u003e\n\u003clink\n  href=\"https://cdn.jsdelivr.net/combine/npm/@catppuccin/daisyui@2/latte.css,npm/@catppuccin/daisyui@2/mocha.css\"\n  rel=\"stylesheet\"\n  type=\"text/css\"\n/\u003e\n\u003c!-- every! --\u003e\n\u003clink href=\"https://cdn.jsdelivr.net/npm/@catppuccin/daisyui@2/themes.css\" rel=\"stylesheet\" type=\"text/css\" /\u003e\n```\n\n### Example\n\nYou can use the following HTML to test the theme:\n\n```html\n\u003cdiv class=\"grid grid-cols-2 gap-2 md:grid-cols-4 lg:grid-cols-9\"\u003e\n  \u003cbutton class=\"btn\"\u003eDefault\u003c/button\u003e\n  \u003cbutton class=\"btn btn-neutral\"\u003eNeutral\u003c/button\u003e\n  \u003cbutton class=\"btn btn-primary\"\u003ePrimary\u003c/button\u003e\n  \u003cbutton class=\"btn btn-secondary\"\u003eSecondary\u003c/button\u003e\n  \u003cbutton class=\"btn btn-accent\"\u003eAccent\u003c/button\u003e\n  \u003cbutton class=\"btn btn-info\"\u003eInfo\u003c/button\u003e\n  \u003cbutton class=\"btn btn-success\"\u003eSuccess\u003c/button\u003e\n  \u003cbutton class=\"btn btn-warning\"\u003eWarning\u003c/button\u003e\n  \u003cbutton class=\"btn btn-error\"\u003eError\u003c/button\u003e\n\u003c/div\u003e\n```\n\nYou can find the example in the `example` folder.\n\n## 💝 Thanks to\n\n- [Liumingxun](https://github.com/Liumingxun)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  Copyright \u0026copy; 2021-present \u003ca href=\"https://github.com/catppuccin\" target=\"_blank\"\u003eCatppuccin Org\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/catppuccin/catppuccin/blob/main/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/static/v1.svg?style=for-the-badge\u0026label=License\u0026message=MIT\u0026logoColor=d9e0ee\u0026colorA=363a4f\u0026colorB=b7bdf8\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Fdaisyui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcatppuccin%2Fdaisyui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Fdaisyui/lists"}