{"id":18298592,"url":"https://github.com/fusionauth/fusionauth-example-theme-tailwind-daisyui","last_synced_at":"2026-02-28T17:03:05.387Z","repository":{"id":175664692,"uuid":"635064708","full_name":"FusionAuth/fusionauth-example-theme-tailwind-daisyui","owner":"FusionAuth","description":"Theme example using Tailwind CSS and DaisyUI","archived":false,"fork":false,"pushed_at":"2025-01-08T16:43:52.000Z","size":204,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":9,"default_branch":"main","last_synced_at":"2025-04-05T17:38:07.373Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"FreeMarker","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FusionAuth.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":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-01T22:17:52.000Z","updated_at":"2025-01-08T16:43:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"d043499b-4205-4381-b5c1-5b92bc765a8c","html_url":"https://github.com/FusionAuth/fusionauth-example-theme-tailwind-daisyui","commit_stats":null,"previous_names":["fusionauth/fusionauth-example-theme-tailwind-daisyui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FusionAuth%2Ffusionauth-example-theme-tailwind-daisyui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FusionAuth%2Ffusionauth-example-theme-tailwind-daisyui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FusionAuth%2Ffusionauth-example-theme-tailwind-daisyui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FusionAuth%2Ffusionauth-example-theme-tailwind-daisyui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FusionAuth","download_url":"https://codeload.github.com/FusionAuth/fusionauth-example-theme-tailwind-daisyui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248008624,"owners_count":21032556,"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":[],"created_at":"2024-11-05T15:06:28.844Z","updated_at":"2025-11-09T07:03:03.843Z","avatar_url":"https://github.com/FusionAuth.png","language":"FreeMarker","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FusionAuth + Tailwind + DaisyUI\n\nThis repository contains an example of how to integrate [Tailwind CSS](https://tailwindcss.com), and [DaisyUI](https://daisyui.com/) into your [FusionAuth](https://fusionauth.io) theme.\n\n## Prerequisites\n\n* Node.js\n* Yarn or NPM\n* A FusionAuth instance. This can be locally installed or in the cloud. See [FusionAuth](https://fusionauth.io) for more information.\n* (optional) FreeMarker plugin for VSCode: https://marketplace.visualstudio.com/items?itemName=dcortes92.FreeMarker\n\n## Setting up Environment\n\n1. Create an API key in FusionAuth. This key will be used to communicate with the FusionAuth API. See [API Keys](https://fusionauth.io/docs/v1/tech/apis/authentication#api-keys) for more information.\n    1. Navigate to **Settings** \u003e **API Keys**.\n    2. Click **Add**.\n    3. Enter a description for the key.\n    4. Select `GET` and `PATCH` options for `/api/theme`\n    5. Note the API key value. This will be used in step 3.\n    6. Click **Save**.\n2. Duplicate the default FusionAuth theme\n    1. Navigate to **Settings** \u003e **Themes**.\n    2. Click **Duplicate**.\n    3. Enter a name for the theme.\n    4. Click **Save**.\n    5. Note the ID of the theme. This will be used in step 3.\n\n## Download the theme\n\n1. Run `npx fusionauth theme:download \u003cthemeId\u003e --k \u003capiKey\u003e` to export the theme.\n2. The theme will be downloaded to the `tpl` directory.\n\nPlease note that the export will overwrite the `tpl` directory, and any changes you have made to the files will be lost.\n\n## Build the tailwind css\n\n1. Run `tailwindcss -i ./input.css -o ./tpl/stylesheet.css` to build the tailwind css.\n2. The css will be built to the `tpl/stylesheet.css` file.\n\nIf you want to minify the css, run `tailwindcss -i ./input.css -o ./tpl/stylesheet.css --minify`.\n\n## Upload the theme\n\n1. Run `npx fusionauth theme:upload \u003cthemeId\u003e --k \u003capiKey\u003e` to export the theme.\n2. The theme will be uploaded from the `tpl` directory.\n\nPlease note that the import will overwrite the theme in FusionAuth, and any changes you have made to the theme through the FusionAuth UI will be lost.\n\n## Custom styles\n\n1. Add custom styles to the `input.css` file.\n\n## Automatically build and upload the theme\n\nRun `npm run watch:theme` and `npm run watch:tailwind` in two separate terminals to automatically build and upload the theme when changes are made.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffusionauth%2Ffusionauth-example-theme-tailwind-daisyui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffusionauth%2Ffusionauth-example-theme-tailwind-daisyui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffusionauth%2Ffusionauth-example-theme-tailwind-daisyui/lists"}