{"id":13961687,"url":"https://github.com/revblaze/SimpleSidebar","last_synced_at":"2025-07-21T06:31:43.723Z","repository":{"id":41108830,"uuid":"344155133","full_name":"revblaze/SimpleSidebar","owner":"revblaze","description":"Three beautiful macOS sidebars. Two built in Cocoa, and the third in SwiftUI.","archived":false,"fork":false,"pushed_at":"2025-02-20T14:22:55.000Z","size":107653,"stargazers_count":211,"open_issues_count":1,"forks_count":13,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-05-24T17:03:26.642Z","etag":null,"topics":["cocoa","mac","macos","osx","sidebar","storyboard","swift","swiftui","swiftui-example"],"latest_commit_sha":null,"homepage":"","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/revblaze.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,"zenodo":null}},"created_at":"2021-03-03T14:30:50.000Z","updated_at":"2025-05-09T17:16:43.000Z","dependencies_parsed_at":"2025-05-07T13:58:16.708Z","dependency_job_id":null,"html_url":"https://github.com/revblaze/SimpleSidebar","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/revblaze/SimpleSidebar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/revblaze%2FSimpleSidebar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/revblaze%2FSimpleSidebar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/revblaze%2FSimpleSidebar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/revblaze%2FSimpleSidebar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/revblaze","download_url":"https://codeload.github.com/revblaze/SimpleSidebar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/revblaze%2FSimpleSidebar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266253575,"owners_count":23900052,"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":["cocoa","mac","macos","osx","sidebar","storyboard","swift","swiftui","swiftui-example"],"created_at":"2024-08-08T17:01:21.365Z","updated_at":"2025-07-21T06:31:38.702Z","avatar_url":"https://github.com/revblaze.png","language":"Swift","readme":"\u003cimg src=\"Design/Header.jpg\" /\u003e\n\nThe SwiftUI sidebar implementation is courtesy of [1998code](https://github.com/1998code/SwiftUI2-MacSidebar). Go show them some love!\n\n# Overview\nProvided in this project are three different implementations of the macOS sidebar:\n\n\u003ctable\u003e\u003ctr\u003e\n  \u003cth\u003eVariant\u003c/th\u003e\n  \u003cth\u003eCompatibility\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003e\n  \n**Cocoa**\n\n- **Variant 1:** Built for Programmers `(NSOutlineView)`\n- **Variant 2:** Built for Designers `(Storyboards)`\n        \n\u003c/td\u003e\u003ctd\u003e\n\nOS X 10.11 and higher\n\n\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003e\n\n**SwiftUI**\n\n- **Joint Variance:** `SideBarListStyle()`\n\n\u003c/td\u003e\u003ctd\u003e\n\nmacOS 11.0 and higher\n\n\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\n\u003cimg src=\"Design/Variants.png\" /\u003e\n\nAs much as I love SwiftUI, this project is more of a POC that Cocoa is still relevant. I wanted to show that the Cocoa implementation of something as simple as a sidebar didn't need to be extremely complex or time-consuming. Similarily, creating a highly-customizable sidebar shouldn't require heavily packaged frameworks.\n\n# Variant 1 \u003csup\u003eCocoa\u003c/sup\u003e\n\nThe variant that was built with the average programmer in-mind.\n\n\u003cimg src=\"Design/GuidelineComparison.jpg\" /\u003e\n\n\u003ctable\u003e\u003ctr\u003e\n  \u003cth\u003ePros\u003c/th\u003e\n  \u003cth\u003eCons\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003e\n  \n```\n• Fastest Cocoa implementation\n• Easy to setup and configure menu items\n• Resizable sidebar (NSSplitView)\n• Adopts the style of the user's current\n  version of macOS (tbt to aqua!)\n• Only assets are icons (optional)\n```\n        \n\u003c/td\u003e\u003ctd\u003e\n\n```\n• Lacks section \u0026 row headers\n• Not very customizable\n• Menu items are inherited\n• All follow the same structure\n  ie. title \u0026 icon\n```\n\n\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\n### Summary\nGreat for implementing basic sidebars that don't need a ton of customization. Adopts the style of the user's version of macOS for complete immersion with backward-compatibility.\n\n# Variant 2 \u003csup\u003eCocoa\u003c/sup\u003e\n\nThe variant that was built for designers who love Storyboards.\n\n\u003cimg src=\"Design/Mockup.jpg\" /\u003e\n\n\u003ctable\u003e\u003ctr\u003e\n  \u003cth\u003ePros\u003c/th\u003e\n  \u003cth\u003eCons\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003e\n  \n```\n• Highly customizable interface\n• Allows for individual menu item customization \n• Same appearance across all versions of macOS\n• Mutable/customizable container view\n• Easy to modify, manipulate and animate\n  ie. Toggle hide/show sidebar with fade effect\n```\n        \n\u003c/td\u003e\u003ctd\u003e\n\n```\n• Heavily relies on Storyboards\n• Uses AutoLayout + Constraints\n• Experience with design software – ie.\n  Photoshop/XD – for the ultimate\n  customization experience\n```\n\n\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\n### Summary\nGreat for maximum customization. Maintains the same style and appearance, regardless of the user's macOS version (bring newer UI design standards to backwards compatible applications)!\n\n\u003cimg src=\"Design/Demo.gif\" /\u003e\n\n----\n\nI do intend on making a Swift package with zero external assets required – aside from the menu icons – and would love some help getting started!\n\nAlthough SwiftUI has made it a breeze to implement, I've always found the process to be far more complex than it needs to be when working with Cocoa.\n\nSince I'm constantly developing newer applications with SwiftUI – yet also maintaining older projects that require maximum OS compatibility – I thought it would be useful to have a resource that portrays both implementations.\n\n## MIT License\n\u003e Copyright 2021 © Justin Bush\n\u003e \n\u003e Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\u003e \n\u003e The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\u003e \n\u003e THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n","funding_links":[],"categories":["Swift"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frevblaze%2FSimpleSidebar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frevblaze%2FSimpleSidebar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frevblaze%2FSimpleSidebar/lists"}