{"id":19492469,"url":"https://github.com/mrkai77/luminare","last_synced_at":"2025-04-06T11:07:28.667Z","repository":{"id":245295888,"uuid":"781285563","full_name":"MrKai77/Luminare","owner":"MrKai77","description":"The modern, translucent design system made with SwiftUI","archived":false,"fork":false,"pushed_at":"2024-12-30T22:16:34.000Z","size":778,"stargazers_count":111,"open_issues_count":7,"forks_count":10,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-04-06T06:14:03.123Z","etag":null,"topics":["components-library","hacktoberfest","macos","swift","swiftui","translucent","user-interface"],"latest_commit_sha":null,"homepage":"","language":"Swift","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/MrKai77.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2024-04-03T05:08:24.000Z","updated_at":"2025-03-30T19:08:39.000Z","dependencies_parsed_at":"2024-06-24T09:27:44.726Z","dependency_job_id":"001c81db-7ada-4164-9f24-041d5c69a961","html_url":"https://github.com/MrKai77/Luminare","commit_stats":null,"previous_names":["mrkai77/luminare"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrKai77%2FLuminare","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrKai77%2FLuminare/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrKai77%2FLuminare/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrKai77%2FLuminare/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MrKai77","download_url":"https://codeload.github.com/MrKai77/Luminare/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247471517,"owners_count":20944158,"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":["components-library","hacktoberfest","macos","swift","swiftui","translucent","user-interface"],"created_at":"2024-11-10T21:21:17.195Z","updated_at":"2025-04-06T11:07:28.643Z","avatar_url":"https://github.com/MrKai77.png","language":"Swift","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Luminare\n\nLuminare is a SwiftUI framework designed to enhance the development of macOS applications by providing a collection of pre-styled components that adhere to a consistent design language. It simplifies the creation of visually appealing and functional user interfaces.\n\n## Features\n\n- **Adopts a declarative syntax** that is consistent with SwiftUI.\n- **Emphasizes modularity and reusability**, allowing developers to create custom interfaces with minimal boilerplate code.\n- Uses a combination of system-defined and custom modifiers to apply **consistent styling** across different components.\n\n## Add to your Project\n\nTo add Luminare to your Xcode project, you can use Swift Package Manager (SPM). Follow these steps:\n\n1. Open your project in Xcode.\n2. Go to `File` \u003e `Swift Packages` \u003e `Add Package Dependency...`.\n3. Enter the repository URL for Luminare.\n4. Select the version you want to use and add it to your project.\n\n## Components\n\nLuminare offers a variety of components, organized for easy reference:\n\n\u003ctable\u003e\n  \u003c!-- Headers --\u003e\n  \u003ctr\u003e\n    \u003cth\u003eComponent Type\u003c/th\u003e\n    \u003cth\u003eComponent\u003c/th\u003e\n    \u003cth\u003ePreview\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003c!-- Buttons --\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eButtons\u003c/th\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareButtonStyle\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareButtonStyle.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareDestructiveButtonStyle\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareDestructiveButtonStyle.png\" width=\"150\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareCompactButtonStyle\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareCompactButtonStyle.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareCosmeticButtonStyle\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareCosmeticButtonStyle.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003c!-- Toggle Buttons --\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"1\"\u003eToggle Buttons\u003c/th\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareToggle\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareToggle.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003c!-- Value Adjusters --\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"1\"\u003eValue Adjusters\u003c/th\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareValueAdjuster\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareValueAdjuster.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003c!-- Pickers --\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"2\"\u003ePickers\u003c/th\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminarePicker\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminarePicker.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareSliderPicker\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareSliderPicker.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003c!-- Color Pickers --\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"1\"\u003eColor Pickers\u003c/th\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareColorPicker\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareColorPicker.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003c!-- Text Fields --\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"1\"\u003eText Fields\u003c/th\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareTextField\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareTextField.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003c!-- Modal Views --\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"1\"\u003eModal Views\u003c/th\u003e\n    \u003ctd\u003e\u003ccode\u003e.luminareModal(...)\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareModal.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003c!-- Sections --\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"1\"\u003eSections\u003c/th\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareSection\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareSection.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003c!-- Lists --\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"1\"\u003eLists\u003c/th\u003e\n    \u003ctd\u003e\u003ccode\u003eLuminareList\u003c/code\u003e\u003c/td\u003e\n    \u003ctd align=\"right\"\u003e\u003cimg src=\"assets/LuminareList.png\" width=\"300\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## Example Usage\n\nLuminare can be used pretty much exactly like how you would use SwiftUI. For a practical example, please check [Loop's code](https://github.com/MrKai77/Loop/blob/1b6e4f8555be2dfaf4e0ae0225224d71d36a5078/Loop/Luminare/Settings/Behavior/BehaviorConfiguration.swift#L97).\n\n## License\n\nLuminare is released under **GNU General Public License v3.0.** See the [LICENSE](LICENSE) file in the repository for the full license text.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrkai77%2Fluminare","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrkai77%2Fluminare","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrkai77%2Fluminare/lists"}