{"id":14956397,"url":"https://github.com/nativescript/ui-kit","last_synced_at":"2025-10-19T16:31:08.543Z","repository":{"id":161076546,"uuid":"635605229","full_name":"NativeScript/ui-kit","owner":"NativeScript","description":"Various UI plugins including SwiftUI, Jetpack Compose, Flutter, Ionic Portals, HighCharts and more.","archived":false,"fork":false,"pushed_at":"2024-10-10T15:37:19.000Z","size":7531,"stargazers_count":11,"open_issues_count":4,"forks_count":4,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-10-29T14:20:04.236Z","etag":null,"topics":["capacitor","dart","flutter","highcharts","ionic","javascript","jetpack-compose","kotlin","nativescript","swift","swiftui","typescript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NativeScript.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":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"NativeScript","open_collective":"nativescript"}},"created_at":"2023-05-03T03:56:51.000Z","updated_at":"2024-10-10T15:36:34.000Z","dependencies_parsed_at":"2023-09-23T22:33:35.859Z","dependency_job_id":"edbdfa2e-e856-424e-8f53-ddaa87076db2","html_url":"https://github.com/NativeScript/ui-kit","commit_stats":{"total_commits":40,"total_committers":3,"mean_commits":"13.333333333333334","dds":0.07499999999999996,"last_synced_commit":"dca883ada479a6d0982abbcb01a51f661d927812"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":"NativeScript/plugin-seed","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NativeScript%2Fui-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NativeScript%2Fui-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NativeScript%2Fui-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NativeScript%2Fui-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NativeScript","download_url":"https://codeload.github.com/NativeScript/ui-kit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237163230,"owners_count":19265230,"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":["capacitor","dart","flutter","highcharts","ionic","javascript","jetpack-compose","kotlin","nativescript","swift","swiftui","typescript"],"created_at":"2024-09-24T13:12:58.142Z","updated_at":"2025-10-19T16:31:08.538Z","avatar_url":"https://github.com/NativeScript.png","language":"JavaScript","funding_links":["https://github.com/sponsors/NativeScript","https://opencollective.com/nativescript"],"categories":[],"sub_categories":[],"readme":"- [@nativescript/flutter](packages/flutter/README.md)\n- [@nativescript/ionic-portals](packages/ionic-portals/README.md)\n- [@nativescript/jetpack-compose](packages/jetpack-compose/README.md)\n- [@nativescript/morph-modal-kit](packages/morph-modal-kit/README.md)\n- [@nativescript/rive](packages/rive/README.md)\n- [@nativescript/swift-ui](packages/swift-ui/README.md)\n- [@nativescript/ui-charts](packages/ui-charts/README.md)\n\n# How to use?\n\nThis workspace manages the suite of plugins listed above. \n\nIn general, when in doubt with what to do, just `npm start`.\n\n## Testing Flutter\n\nYou will need [Flutter installed](https://docs.flutter.dev/get-started/install).\n\n1. Uncomment sections in:\n   - `tools/assets/App_Resources/iOS/Podfile`\n   - `tools/assets/App_Resources/Android/settings.gradle`\n\n2. To run on Android, build the flutter module first\n\n```\ncd apps/demo/flutter_views/.android\n\n./gradlew Flutter:assemble\n```\n\n### Note about \"focus modes\"\n\n`npm start` \u003e `focus.{any-plugin}` ENTER will focus the workspace to a single plugin for working on it in isolation.\n\nThe swift-ui plugin is currently managed here and we have testing code for it here: https://github.com/NativeScript/ui-kit/blob/main/tools/assets/App_Resources/iOS/src/BasicViewProvider.swift ... however when focusing on any other plugins, you would need to rename those .swift \u003e .off so they aren't included in the demo to work with other plugins. Since the supporting .swift files include SwiftUIProvider which comes from only the swift-ui plugin.\n\n## How to add a new package to workspace?\n\n```\nnpm run add\n```\n\nAt the prompt, enter the name of the new package.\n\n- This adds a plugin harness in `packages` with the necessary boilerplate to just start developing\n- Updates all demo app flavors to support demoing the new package\n- Adds shared code in `tools/demo` where you can write demo code **once** and share across all demo flavors\n- Updates build tooling to support the new package\n- Updates the `npm start` interactive display\n- Updates the README here to list the new package\n\n## How to add Angular compatibility to a package\n\n```\nnpm run add-angular\n```\n\nAt the prompt, enter the name of the package to add an `angular` folder to it with the necessary boilerplate to provide Angular support to the package.\n\n## How to focus on just 1 package to develop in isolation\n\n```\nnpm start\n```\n\n- Choose the focus commands for the package you wish to focus on and hit enter.\n- All the demo app's will be updated to isolate that 1 package and for supported IDE's (currently VS Code), the source code will also become isolated in the workspace.\n\nNote: *good to always clean the demo you plan to run after focusing. (You can clean any demo from `npm start` as well)*\n\n## How to publish packages?\n\n```\nnpm run publish-packages\n```\n\n- You will be prompted for the package names to publish. Leaving blank and hitting enter will publish them all.\n- You will then be prompted for the version to use. Leaving blank will auto bump the patch version (it also handles prerelease types like alpha, beta, rc, etc. - It even auto tags the corresponding prelease type on npm).\n- You will then be given a brief sanity check 🧠😊\n\n\u003ch3 align=\"center\"\u003eMade with ❤️\u003c/h3\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnativescript%2Fui-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnativescript%2Fui-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnativescript%2Fui-kit/lists"}