{"id":50682448,"url":"https://github.com/chiefvenzox/swiftblocks","last_synced_at":"2026-06-08T20:01:04.539Z","repository":{"id":363011087,"uuid":"1260751779","full_name":"ChiefVenzox/SwiftBlocks","owner":"ChiefVenzox","description":"SwiftUI design-system blocks and a live drag-and-drop canvas builder for iOS apps.","archived":false,"fork":false,"pushed_at":"2026-06-07T00:44:36.000Z","size":20,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-07T03:33:53.115Z","etag":null,"topics":["bootstrap","canvas","design-system","drag-and-drop","ios","ios26","liquid-glass","swift","swift-package","swiftui","ui-builder","xcode"],"latest_commit_sha":null,"homepage":"https://github.com/ChiefVenzox/SwiftBlocks","language":"Swift","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/ChiefVenzox.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":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-06-05T20:45:05.000Z","updated_at":"2026-06-07T00:44:40.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/ChiefVenzox/SwiftBlocks","commit_stats":null,"previous_names":["chiefvenzox/swiftblocks"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/ChiefVenzox/SwiftBlocks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiefVenzox%2FSwiftBlocks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiefVenzox%2FSwiftBlocks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiefVenzox%2FSwiftBlocks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiefVenzox%2FSwiftBlocks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChiefVenzox","download_url":"https://codeload.github.com/ChiefVenzox/SwiftBlocks/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiefVenzox%2FSwiftBlocks/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34078019,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-08T02:00:07.615Z","response_time":111,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["bootstrap","canvas","design-system","drag-and-drop","ios","ios26","liquid-glass","swift","swift-package","swiftui","ui-builder","xcode"],"created_at":"2026-06-08T20:00:29.556Z","updated_at":"2026-06-08T20:01:04.533Z","avatar_url":"https://github.com/ChiefVenzox.png","language":"Swift","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SwiftBlocks\n\nSwiftBlocks is a SwiftUI design-system package for building iOS interfaces from composable blocks. It combines Bootstrap-inspired semantic tokens, iOS 26 Liquid Glass-aware surfaces, reusable SwiftUI components, and a live drag-and-drop canvas editor.\n\nThe goal is simple: add the package in Xcode, open a SwiftUI preview, drag blocks onto a canvas, resize and style them live, then evolve the document into production SwiftUI.\n\n## What is inside\n\n- `EDKTheme`: color, spacing, radius, and typography tokens.\n- `EDKButton` and `EDKSurface`: reusable SwiftUI components.\n- `EDKDesignCanvas`: a live editor for dragging, selecting, moving, and resizing components.\n- `EDKDesignDocument`: a Codable model for saving generated layout state.\n- `SwiftBlocksWorkspaceView`: a native SwiftUI workspace with Blocks, Canvas, Inspector, Tokens, Templates, Craft, and Export tabs.\n- iOS 26 Liquid Glass support with sensible material fallbacks for earlier OS versions.\n\n## Package usage\n\nAdd this repository in Xcode with **File \u003e Add Package Dependencies...**, then import the module:\n\n```swift\nimport SwiftUI\nimport SwiftBlocks\n\nstruct BuilderPreview: View {\n    var body: some View {\n        SwiftBlocksWorkspaceView()\n    }\n}\n\n#Preview {\n    BuilderPreview()\n}\n```\n\nPackage URL:\n\n```text\nhttps://github.com/ChiefVenzox/SwiftBlocks.git\n```\n\nUse components directly in an app:\n\n```swift\nEDKButton(\"Continue\", style: EDKComponentStyle(variant: .primary)) {\n    // action\n}\n\nEDKSurface(style: EDKComponentStyle(variant: .glass, cornerRadius: 14)) {\n    Text(\"Live preview surface\")\n}\n```\n\n## Canvas workflow\n\n1. Open a SwiftUI preview with `SwiftBlocksWorkspaceView()`.\n2. Use the **Craft** tab to generate local SwiftUI components.\n3. Press **Add to Canvas** or switch to **Blocks** and drag components onto the canvas.\n4. Tap a block to select it.\n5. Move it by dragging the block.\n6. Resize it with the bottom-right handle.\n7. Change size and semantic variant from the inspector.\n\n## Workspace Tabs\n\n- **Blocks** - Browse draggable SwiftBlocks components.\n- **Canvas** - Place, move, select, and resize blocks.\n- **Inspector** - Inspect selected block sizing, style, and content.\n- **Tokens** - Review semantic color and design tokens.\n- **Templates** - Start from local layout presets.\n- **Craft** - Locally generate SwiftUI components from prompts, presets, and styles without external AI APIs.\n- **Export** - Prepare native SwiftUI output from workspace documents.\n\n## Local Component Crafting\n\nSwiftBlocks includes a local Craft workspace for generating SwiftUI component structures from prompts, presets, component types, and styles. Craft is designed to feel AI-assisted while staying fully local, deterministic, and dependency-free.\n\n- No API key required.\n- No server required.\n- No internet required.\n- Generated output is native SwiftUI.\n\nOpen the full workspace in a SwiftUI preview:\n\n```swift\nimport SwiftUI\nimport SwiftBlocks\n\n#Preview {\n    SwiftBlocksWorkspaceView()\n}\n```\n\nOr open the compact craft/canvas experience:\n\nOpen the local craft studio in a SwiftUI preview:\n\n```swift\nimport SwiftUI\nimport SwiftBlocks\n\n#Preview {\n    SwiftBlocksCraftWindow()\n}\n```\n\nThe craft panels let you enter a prompt, choose a component or block type, select a style, preview the generated result, and copy deterministic SwiftUI code. Everything is generated locally from Swift code templates.\n\n## Xcode Library\n\nSwiftBlocks publishes common blocks to Xcode's Library panel.\n\nAfter adding the package:\n\n1. Open a SwiftUI file.\n2. Open the Xcode Library with the `+` button.\n3. Search for `SwiftBlocks`.\n4. Drag `SwiftBlocks Workspace` into your code or preview canvas for the full builder. You can also use `SwiftBlocks Button`, `SwiftBlocks Glass Card`, `SwiftBlocks Canvas`, or `SwiftBlocks Auto Craft` for focused examples.\n\nThis is the closest native Xcode experience available from a Swift package. A package can add items to the Xcode Library, but it cannot install a permanent custom sidebar inside Xcode.\n\n## Wiki\n\nThe project wiki content lives in [`docs/wiki`](docs/wiki) so it can be versioned with the package:\n\n- [`Home`](docs/wiki/Home.md)\n- [`Getting Started`](docs/wiki/Getting-Started.md)\n- [`Architecture`](docs/wiki/Architecture.md)\n- [`Roadmap`](docs/wiki/Roadmap.md)\n\n## Direction\n\nThe first release focuses on a stable package foundation. The next layer should export generated SwiftUI code from `EDKDesignDocument`, add component variants, and introduce a richer inspector for padding, typography, colors, and layout constraints.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchiefvenzox%2Fswiftblocks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchiefvenzox%2Fswiftblocks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchiefvenzox%2Fswiftblocks/lists"}