{"id":19935067,"url":"https://github.com/nickersoft/tailwindcss-swiftui","last_synced_at":"2025-09-09T23:26:50.448Z","repository":{"id":138468568,"uuid":"442360896","full_name":"Nickersoft/tailwindcss-swiftui","owner":"Nickersoft","description":"A CLI tool for magically converting TailwindCSS configs into usable SwiftUI constants :sparkles:","archived":false,"fork":false,"pushed_at":"2023-12-15T11:40:37.000Z","size":904,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-12T02:11:13.632Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Nickersoft.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-12-28T05:39:55.000Z","updated_at":"2022-12-22T02:57:43.000Z","dependencies_parsed_at":"2023-12-15T12:49:20.764Z","dependency_job_id":null,"html_url":"https://github.com/Nickersoft/tailwindcss-swiftui","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/Nickersoft%2Ftailwindcss-swiftui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nickersoft%2Ftailwindcss-swiftui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nickersoft%2Ftailwindcss-swiftui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nickersoft%2Ftailwindcss-swiftui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nickersoft","download_url":"https://codeload.github.com/Nickersoft/tailwindcss-swiftui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241361446,"owners_count":19950381,"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-12T23:18:40.176Z","updated_at":"2025-03-01T12:17:26.924Z","avatar_url":"https://github.com/Nickersoft.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A TailwindCSS Generator for SwiftUI :art:\n\n\u003e **IMPORTANT**: This repo is highly experimental and extremely incomplete!! Most likely it will not fill all your needs right now, but I'm working on it.\n\n## What am I looking at?\n\nThis is an early attempt at building a CLI tool (written in Node, though I wish it could be Swift\\*) to generate Tailwind SwiftUI styles from a `tailwind.config.js` file.\n\nImagine writing this for your web app:\n\n```js\nexport default {\n  // ...rest of tailwind.config.js...\n  theme: {\n    colors: {\n      blue: {\n        light: \"#94B3FF\",\n        dark: \"#649FFF\",\n      },\n    },\n  },\n};\n```\n\nand using it in your SwiftUI app as:\n\n```swift\nText(verbatim: \"Wow this is great!\")\n  .background(Tailwind.Colors.Blue.light)\n```\n\n\u003e \\* This repo is written in TypeScript in order to utilize the `resolveConfig()` and `eval()` abilities of Tailwind/JavaScript. I'd love to have this be completely Swift-centric, but it would involve re-implementing a lot of parsing and evaluation logic in Swift.\n\n## Why would you need this?\n\nWhile TailwindCSS is _extraordinarily_ popular in the frontend community right now for its simplified approach to writing CSS stylings, it also holds incredible potential in building and maintaining comprehensive design systems across a variety of non-web mediums (desktop, mobile, tablet, etc.).\n\nWith the introduction of SwiftUI and macOS Catalyst in 2019, Apple made it _incredibly_ easy for both programmers and designers alike to build user interfaces for all Apple platforms using a single codebase. It only makes sense that a tool should exist to bring the design systems defined by Tailwind configs into the world of SwiftUI.\n\n## Couldn't I just use React Native / Ionic?\n\nYou could, but given how easy SwiftUI is to pick up, there's really no excuse to not go native :)\n\n## Supported Property Checklist\n\n- [x] boxShadow\n- [ ] fontFamily\n- [x] colors\n- [ ] screens\n- [ ] columns\n- [ ] spacing\n- [ ] animation\n- [ ] aspectRatio\n- [ ] backdropBlur\n- [ ] backdropBrightness\n- [ ] backdropContrast\n- [ ] backdropGrayscale\n- [ ] backdropHueRotate\n- [ ] backdropInvert\n- [ ] backdropOpacity\n- [ ] backdropSaturate\n- [ ] backdropSepia\n- [ ] backgroundColor\n- [ ] backgroundImage\n- [ ] backgroundOpacity\n- [ ] backgroundPosition\n- [ ] backgroundSize\n- [ ] blur\n- [ ] brightness\n- [ ] borderColor\n- [ ] borderOpacity\n- [ ] borderRadius\n- [ ] borderWidth\n- [ ] boxShadowColor\n- [ ] caretColor\n- [ ] accentColor\n- [ ] contrast\n- [ ] container\n- [ ] content\n- [ ] cursor\n- [ ] divideColor\n- [ ] divideOpacity\n- [ ] divideWidth\n- [x] dropShadow\n- [ ] fill\n- [ ] grayscale\n- [ ] hueRotate\n- [ ] invert\n- [ ] flex\n- [ ] flexBasis\n- [ ] flexGrow\n- [ ] flexShrink\n- [ ] fontSize\n- [ ] fontWeight\n- [ ] gap\n- [ ] gradientColorStops\n- [ ] gridAutoColumns\n- [ ] gridAutoRows\n- [ ] gridColumn\n- [ ] gridColumnEnd\n- [ ] gridColumnStart\n- [ ] gridRow\n- [ ] gridRowStart\n- [ ] gridRowEnd\n- [ ] gridTemplateColumns\n- [ ] gridTemplateRows\n- [ ] height\n- [ ] inset\n- [ ] keyframes\n- [ ] letterSpacing\n- [ ] lineHeight\n- [ ] listStyleType\n- [ ] margin\n- [ ] maxHeight\n- [ ] maxWidth\n- [ ] minHeight\n- [ ] minWidth\n- [ ] objectPosition\n- [ ] opacity\n- [ ] order\n- [ ] padding\n- [ ] placeholderColor\n- [ ] placeholderOpacity\n- [ ] outlineColor\n- [ ] outlineOffset\n- [ ] outlineWidth\n- [ ] ringColor\n- [ ] ringOffsetColor\n- [ ] ringOffsetWidth\n- [ ] ringOpacity\n- [ ] ringWidth\n- [ ] rotate\n- [ ] saturate\n- [ ] scale\n- [ ] scrollMargin\n- [ ] scrollPadding\n- [ ] sepia\n- [ ] skew\n- [ ] space\n- [ ] stroke\n- [ ] strokeWidth\n- [ ] textColor\n- [ ] textDecorationColor\n- [ ] textDecorationThickness\n- [ ] textUnderlineOffset\n- [ ] textIndent\n- [ ] textOpacity\n- [ ] transformOrigin\n- [ ] transitionDelay\n- [ ] transitionDuration\n- [ ] transitionProperty\n- [ ] transitionTimingFunction\n- [ ] translate\n- [ ] width\n- [ ] willChange\n- [ ] zIndex\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnickersoft%2Ftailwindcss-swiftui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnickersoft%2Ftailwindcss-swiftui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnickersoft%2Ftailwindcss-swiftui/lists"}