{"id":18131514,"url":"https://github.com/kc-2001ms/articleui","last_synced_at":"2026-04-29T22:38:37.498Z","repository":{"id":260495658,"uuid":"865980023","full_name":"KC-2001MS/ArticleUI","owner":"KC-2001MS","description":"Library to create scrollable headings and contents views","archived":false,"fork":false,"pushed_at":"2024-12-06T05:18:35.000Z","size":18609,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-12T21:34:51.237Z","etag":null,"topics":["gui","ios","macos","swift","swift-package-manager","swift6","swiftui","tvos","ui","visionos","watchos"],"latest_commit_sha":null,"homepage":"https://iroiro.dev/ArticleUI/documentation/articleui/","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KC-2001MS.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2024-10-01T12:52:28.000Z","updated_at":"2025-01-27T18:34:59.000Z","dependencies_parsed_at":"2025-02-12T21:40:39.912Z","dependency_job_id":null,"html_url":"https://github.com/KC-2001MS/ArticleUI","commit_stats":null,"previous_names":["kc-2001ms/articleui"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KC-2001MS%2FArticleUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KC-2001MS%2FArticleUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KC-2001MS%2FArticleUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KC-2001MS%2FArticleUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KC-2001MS","download_url":"https://codeload.github.com/KC-2001MS/ArticleUI/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247502680,"owners_count":20949307,"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":["gui","ios","macos","swift","swift-package-manager","swift6","swiftui","tvos","ui","visionos","watchos"],"created_at":"2024-11-01T12:07:45.631Z","updated_at":"2025-09-25T22:25:39.926Z","avatar_url":"https://github.com/KC-2001MS.png","language":"Swift","funding_links":["https://www.buymeacoffee.com/iroiro","https://paypal.me/iroiroWork?country.x=JP\u0026locale.x=ja_JP"],"categories":[],"sub_categories":[],"readme":"# ArticleUI\n\nArticleUI is a framework that allows you to display headings and content with simple code.\n\n## Description\n\nWith this library, you can display headings and content with simple SwiftUI code.\nDepending on the platform, the design can be tailored to look beautiful.\n\n## Requirement\n\nThe following environment is required to use this library.  \n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/macOS-15.0+-red.svg\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/iOS-18.0+-green.svg\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/iPadOS-18.0+-brightgreen.svg\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/visionOS-2.0+-blue.svg\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/tvOS-18.0+-white.svg\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Swift-6.0-DE5D43.svg\" /\u003e\n    \u003ca href=\"https://twitter.com/IroIro1234work\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Contact-@IroIro1234work-lightgrey.svg?style=flat\" alt=\"Twitter: @IroIro1234work\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n## Demo\n\nTo verify the operation of this library, we created a sample application in the library. Please refer to it.\n\n## Usage\n\nThis framework can be easily implemented by simply adding Scenes. \n\n\n```swift\nimport SwiftUI\nimport ArticleUI\n\nstruct ContentView: View {\n    var body: some View {\n        NavigationStack {\n            Article {\n                Section {\n                    Text(\"Create easily organized article UI\")\n                        .foregroundStyle(.gray)\n                    Text(\n                        \"Welcome to ArtcleUI. This package allows you to easily create views consisting of multiple headings and content like articles.\"\n                    )\n                } header: {\n                    Text(\"What is ArticleUI\")\n                        .bold()\n                        .font(.largeTitle)\n                        .foregroundStyle(Color.primary)\n                }\n                .articleSectionType(style: .title)\n                \n                Section {\n                    Text(\n                        \"Easily create a scrollable article UI; using Article and Section views, you can easily create views that include headings and content.\"\n                    )\n                } header: {\n                    Text(\"Build easily scrollable views\")\n                }\n                \n                Section {\n                    Text(\n                        \"This package supports many iOS as well as macOS, visionOS and watchOS. tvOS is in the process of scrolling adjustment.\"\n                    )\n                } header: {\n                    Text(\"Support for many platforms\")\n                }\n                \n                Section {\n                    Text(\n                        \"This package can be found in the repository at the following URL\"\n                    )\n                    \n                    Link(\n                        \"ArticleUI\",\n                        destination: URL(\n                            string: \"https://github.com/KC-2001MS/ArticleUI\"\n                        )!\n                    )\n                } header: {\n                    Text(\"GitHub\")\n                }\n                \n#if !os(tvOS) \u0026\u0026 !os(watchOS)\n                Section {\n                    AppDescriptionContent(\n                        iconName: \"Japan Corp Info\",\n                        name: \"Japan Corp Info\",\n                        id: \"id6477782786\"\n                    ) {\n                        Text(\n                            \"\"\"\nThe Japan Corp Info App is the best way to easily manage your Japan corporation information.\nThe app allows you to easily search gBizINFO data provided by METI, a ministry of the Japanese government.\nThe searched data can be saved in the device and can be viewed offline. You can also add memos and tags to each company, which can be used for corporate analysis.\n\"\"\"\n                        )\n                    }\n                } header: {\n                    Text(\"Using this package\")\n                }\n                .articleRowSeparatorVisibility(true)\n#endif\n                \n                Section {\n                    HStack(alignment: .top) {\n                        LabeledContent {\n                            VStack(alignment: .trailing) {\n                                Link(\n                                    \"GitHub\",\n                                    destination: URL(\n                                        string: \"https://github.com/KC-2001MS\"\n                                    )!\n                                )\n                                Link(\n                                    \"Mail\",\n                                    destination: URL(\n                                        string: \"mailto:iroiro.work1234@gmail.com\"\n                                    )!\n                                )\n                                Link(\n                                    \"X\",\n                                    destination: URL(\n                                        string: \"https://twitter.com/IroIro1234work\"\n                                    )!\n                                )\n                                Link(\n                                    \"Mastodon\",\n                                    destination: URL(\n                                        string: \"https://mastodon.social/@Iroiro\"\n                                    )!\n                                )\n                                Link(\n                                    \"Bluesky\",\n                                    destination: URL(\n                                        string: \"https://bsky.app/profile/bluesky.iroiro.me\"\n                                    )!\n                                )\n                            }\n                            .frame(maxWidth: .infinity, alignment: .trailing)\n                        } label: {\n                            Text(\"Keisuke Chinone\")\n                                .bold()\n                                .font(.headline)\n                        }\n                    }\n                    .frame(maxWidth: .infinity)\n                } header: {\n                    Text(\"Author\")\n                } footer: {\n                    Text(\n                        \"Information about the author who manages this repository.\"\n                    )\n                }\n            }\n            .articleStyle(.grouped)\n            .navigationTitle(\"Wellcome to ArticleUI\")\n        }\n    }\n}\n```\n\n\u003cimg src=\"images/iOS.png\" style=\"height:400px;object-fit: contain;\"\u003e \n\n\u003cimg src=\"images/macOS.png\" style=\"height:400px;object-fit: contain;\"\u003e \n\n## Swift-DocC\n\nSwift-DocC is currently being implemented.\n\n[Documentation](https://kc-2001ms.github.io/ArticleUI/documentation/articleui)\n\n## Install\n\nXcode is required to use this library.\nHowever, it is currently under development and cannot be installed. We will let you know as soon as possible.  \n\n## Contribution\nSee [CONTRIBUTING.md](https://github.com/KC-2001MS/ArticleUI/blob/main/CONTRIBUTING.md) if you want to make a contribution.\n\n## Licence\n\n[ArticleUI](https://github.com/KC-2001MS/ArticleUI/blob/main/LICENSE)\n\n## Supporting\n\nIf you would like to make a donation to this project, please click here. The money you give will be used to improve my programming skills and maintain the application.   \n\u003ca href=\"https://www.buymeacoffee.com/iroiro\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Buy Me A Coffee\" style=\"height: 60px !important;width: 217px !important;\" \u003e\n\u003c/a\u003e  \n[Pay by PayPal](https://paypal.me/iroiroWork?country.x=JP\u0026locale.x=ja_JP)\n\n## Author\n\n[Keisuke Chinone](https://github.com/KC-2001MS)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkc-2001ms%2Farticleui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkc-2001ms%2Farticleui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkc-2001ms%2Farticleui/lists"}