{"id":18279045,"url":"https://github.com/wagerfield/storybook-tailwind","last_synced_at":"2025-04-05T04:31:31.481Z","repository":{"id":50124340,"uuid":"348335921","full_name":"wagerfield/storybook-tailwind","owner":"wagerfield","description":"Storybook with Tailwind 2 JIT and PostCSS 8","archived":false,"fork":false,"pushed_at":"2021-06-03T15:21:49.000Z","size":190,"stargazers_count":19,"open_issues_count":3,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-20T22:23:04.703Z","etag":null,"topics":["jit","storybook","tailwind"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wagerfield.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-03-16T12:18:10.000Z","updated_at":"2022-11-29T13:54:54.000Z","dependencies_parsed_at":"2022-09-04T11:42:18.069Z","dependency_job_id":null,"html_url":"https://github.com/wagerfield/storybook-tailwind","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wagerfield%2Fstorybook-tailwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wagerfield%2Fstorybook-tailwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wagerfield%2Fstorybook-tailwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wagerfield%2Fstorybook-tailwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wagerfield","download_url":"https://codeload.github.com/wagerfield/storybook-tailwind/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247289382,"owners_count":20914463,"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":["jit","storybook","tailwind"],"created_at":"2024-11-05T12:27:14.039Z","updated_at":"2025-04-05T04:31:26.432Z","avatar_url":"https://github.com/wagerfield.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Storybook + Tailwind 2 + PostCSS 8\n\nTailwind 2 uses PostCSS 8 by default.\n\nStorybook uses PostCSS 7 by default.\n\nIn order to get Storybook to work with Tailwind you have 2 options:\n\n1. Use Tailwind's `@tailwindcss/postcss7-compat` package following the [steps outlined here](https://tailwindcss.com/docs/installation#post-css-7-compatibility-build).\n2. Use Storybook's `@storybook/addon-postcss` package following the [steps outlined here](https://storybook.js.org/addons/@storybook/addon-postcss).\n\nThis repo demonstrates **option 2** with the new [Tailwind JIT Compiler](https://blog.tailwindcss.com/just-in-time-the-next-generation-of-tailwind-css) that got released on Monday 15th March. If you want to use the standard compiler, replace \"@tailwindcss/jit\" in `postcss.config.js` with \"tailwindcss\".\n\n\n```js\n// Tailwind JIT Compiler Config\nmodule.exports = {\n  plugins: {\n    \"@tailwindcss/jit\": {},\n    \"autoprefixer\": {},\n  },\n}\n\n// Standard Tailwind Config\nmodule.exports = {\n  plugins: {\n    tailwindcss: {},\n    autoprefixer: {},\n  },\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwagerfield%2Fstorybook-tailwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwagerfield%2Fstorybook-tailwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwagerfield%2Fstorybook-tailwind/lists"}