{"id":19670781,"url":"https://github.com/catppuccin/tailwindcss","last_synced_at":"2025-04-04T13:10:45.490Z","repository":{"id":37049034,"uuid":"503653358","full_name":"catppuccin/tailwindcss","owner":"catppuccin","description":"💨 Soothing pastel theme for Tailwind CSS","archived":false,"fork":false,"pushed_at":"2023-10-01T02:40:29.000Z","size":926,"stargazers_count":318,"open_issues_count":8,"forks_count":3,"subscribers_count":7,"default_branch":"main","last_synced_at":"2024-04-14T03:08:27.612Z","etag":null,"topics":["catppuccin","hacktoberfest","tailwind","tailwindcss","theme"],"latest_commit_sha":null,"homepage":"https://tailwindcss.catppuccin.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/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}},"created_at":"2022-06-15T07:04:32.000Z","updated_at":"2024-04-12T21:26:19.000Z","dependencies_parsed_at":"2024-01-23T21:58:13.269Z","dependency_job_id":null,"html_url":"https://github.com/catppuccin/tailwindcss","commit_stats":{"total_commits":35,"total_committers":3,"mean_commits":"11.666666666666666","dds":0.05714285714285716,"last_synced_commit":"db4dbae1de4331af0696c97d8370effc2f397cef"},"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Ftailwindcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Ftailwindcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Ftailwindcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Ftailwindcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/catppuccin","download_url":"https://codeload.github.com/catppuccin/tailwindcss/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247182399,"owners_count":20897381,"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":["catppuccin","hacktoberfest","tailwind","tailwindcss","theme"],"created_at":"2024-11-11T17:07:06.778Z","updated_at":"2025-04-04T13:10:45.474Z","avatar_url":"https://github.com/catppuccin.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch3 align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png\" width=\"100\" alt=\"Logo\"/\u003e\u003cbr/\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n\tCatppuccin for \u003ca href=\"https://github.com/tailwindlabs/tailwindcss\"\u003eTailwindCSS\u003c/a\u003e\n\t\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/tailwindcss/stargazers\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/catppuccin/tailwindcss?colorA=363a4f\u0026colorB=b7bdf8\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://github.com/catppuccin/tailwindcss/issues\"\u003e\u003cimg src=\"https://img.shields.io/github/issues/catppuccin/tailwindcss?colorA=363a4f\u0026colorB=f5a97f\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://github.com/catppuccin/tailwindcss/contributors\"\u003e\u003cimg src=\"https://img.shields.io/github/contributors/catppuccin/tailwindcss?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=\"./assets/sample.png\"/\u003e\n\u003c/p\u003e\n\n## Preview\n\nYou can check out one of our deployed examples\n[here](https://tailwindcss.catppuccin.com)!\n\n## Usage\n\n1. Install the plugin\n\n```sh\n$ npm install -D @catppuccin/tailwindcss\n# --- or ---\n$ yarn add -D @catppuccin/tailwindcss\n```\n\n2. Configure your `tailwind.config.js`\n\n```js\nmodule.exports = {\n  // ...other settings\n  plugins: [require(\"@catppuccin/tailwindcss\")],\n};\n```\n\n3. _Optional:_ customize the plugin\n\n```js\nmodule.exports = {\n  // ...other settings\n  plugins: [\n    require(\"@catppuccin/tailwindcss\")({\n      // prefix to use, e.g. `text-pink` becomes `text-ctp-pink`.\n      // default is `false`, which means no prefix\n      prefix: \"ctp\",\n      // which flavour of colours to use by default, in the `:root`\n      defaultFlavour: \"latte\",\n    }),\n  ],\n};\n```\n\n4. Use it in your markup!\n\n```html\n\u003c!-- switching the class for parent elements changes the flavour! --\u003e\n\u003cbody class=\"frappe\"\u003e\n  \u003ch1 class=\"bg-base text-pink\"\u003eHello world!\u003c/h1\u003e\n\u003c/body\u003e\n```\n\nYou can find examples for Next.js, Svelte, and Vite in the `examples` folder.\n\n## 💝 Thanks to\n\n- [winston](https://github.com/nekowinston)\n- [Adal Zanabria](https://github.com/AdalZanabria)\n\n\u0026nbsp;\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true\" /\u003e\u003c/p\u003e\n\u003cp align=\"center\"\u003eCopyright \u0026copy; 2021-present \u003ca href=\"https://github.com/catppuccin\" target=\"_blank\"\u003eCatppuccin Org\u003c/a\u003e\n\u003cp align=\"center\"\u003e\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\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Ftailwindcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcatppuccin%2Ftailwindcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Ftailwindcss/lists"}