MCP servers, agent skills, libraries and sample code for adapting an app to the fold: layout, UI, animation and the hinge. Each one read through and summed up by our editor, with how to install it.
90 tools from 82 makers. Last checked October 8. Made one? Send us the link.
90 shown
Give a coding agent the simulator over the Model Context Protocol, folding included.
MCP serverEditor's pick
Software MansionGitHubApache-2.0
Software Mansion's MCP server hands a coding agent the simulator: taps, screenshots, logs and profiling. Its fold tool moves the Duo simulator's hinge to closed, half-open, open or any angle, and every other tool follows the lit display.
npx @swmansion/argent@latest initTesting · Hinge
MCP server
Mobile NextGitHubApache-2.0
Mobile Next's MCP server lets a coding agent drive iOS and Android simulators, emulators and phones. Its fold tool folds and unfolds the Duo simulator and Android foldables, so the agent can check both displays.
claude mcp add mobile-mcp -- npx -y @mobilenext/mobile-mcp@latestTesting · Hinge
MCP serverUtility
VibeViewvibeview.io
Apple's Duo simulator streamed from VibeView's Macs to a browser tab: fold it with one click or drag to any hinge angle. Its CLI and MCP server give a coding agent the same posture control. Paid, with a small free tier.
Instructions and references a coding agent loads to adapt an app: Claude Code, Codex, Cursor and others.
Agent skillEditor's pick
Sven-Eric MolzahnGitHubMIT
API names read from the iOS 27.1 SDK's interface files, code samples type-checked against it, and sizes measured in the Duo simulator. In the README's test, the same model passed 98% of checks on three Duo tasks with the skill and 53% without.
Layout · UI components
Agent skillEditor's pick
NavidGitHub
Eleven skills: a readiness audit, the fold and reserved regions, vertical bars, the hinge and scenes, the cameras, design review and games, plus one each for Flutter, React Native and Capacitor apps. Rechecked against Apple's API reference.
npx skills add mirzaaghazadeh/iphone-duo-skillsLayout · UI components · Hinge
Agent skill
Nan WuGitHubMIT
Nan Wu's skill for Codex and similar agents audits SwiftUI and UIKit screens, then designs, builds and checks layouts for the cover, the open display and partial folds, keeping work clear of the fold and in place as the phone opens. README in four languages.
Layout · UI components · Testing
Agent skill
farmerwuGitHub
A design reviewer based on Apple's guidelines that works for Flutter, React Native, Electron and Tauri as well as native apps. Its Duo mode walks the cover, the open display, a partial fold and Split View, and flags bars and dialogs an app draws itself.
npx skills add dickwu/apple-design-skillUI components · Layout
Agent skill
Daniel James TroncaGitHubMIT
Daniel James Tronca's skill, built from Apple's six Duo talks, the lab transcripts and the Xcode 27.1 SDK. It helps an agent prepare, build and review Duo apps: resizing, layouts beside the fold, side bars, multiple windows and the cameras.
npx skills add DanielJamesTronca/apple-iphone-duo-skill -gLayout · UI components
Agent skill
Alex PritsertGitHubMIT
Alex Pritsert's Claude skill on Apple's design guidelines and the thinking behind them. Version 2.0 adds a full Duo reference: displays, poses, side controls, the fold, Split View and a 14-point review checklist.
npx apple-higUI components · Layout
Agent skillMCP server
Charles WiltgenGitHubMIT
A large set of skills and agents for Apple platforms, as a Claude Code plugin or over MCP. Its iPhone Duo skill covers poses, vertical bars, the fold, arrangements, the hinge and scene accessories, and a resize auditor checks layouts.
/plugin marketplace add CharlesWiltgen/AxiomLayout · UI components · Hinge
Agent skill
Florian SchweizerGitHubMIT
Florian Schweizer's SwiftUI skill pack. Its swiftui-iphone-duo skill adapts apps for the Duo: layouts sized by the window, side bars, content kept off the fold, two-pane layouts, hinge interactions and camera screens.
npx skills add FloWritesCode/fwc-swiftui-skills --skill swiftui-iphone-duoLayout · UI components · Hinge
Agent skill
Justin WetchGitHub
Justin Wetch's Apple design guidelines skill, updated with Apple's Duo page. Its /duo command looks at an existing app's screens, matches them to Apple's Duo advice, proposes changes for you to approve, then builds them in SwiftUI or UIKit.
Layout · UI components
Agent skill
staticdreamsGitHub
A skill for moving an existing SwiftUI or UIKit app to the Duo without breaking iPhone, iPad or Mac. It never checks for the Duo by name: each Duo behaviour hangs on a feature that is simply absent elsewhere. With an audit checklist.
Layout · UI components
Agent skill
Erik Sebastián de Erice JerezGitHubMIT
A skill for SwiftUI, UIKit and mixed apps, built from Apple's documentation. It helps an agent review an app, plan the move to the Duo, and redo navigation, toolbars and layouts, then lists what to test when the phone resizes and folds.
npx skills add Erikote04/iphone-duo-skill --skill iphone-duo-skillLayout · UI components · Testing
Agent skill
Aleksei KakoulinGitHubMIT
Five skills that measure the project, check what the installed SDK compiles, then propose a plan in tiers, each item citing the Tech Talk timestamp or document it comes from. Code changes wait for your approval.
npx skills add https://github.com/alexey1312/iPhone-Duo-Agent-SkillLayout · UI components · Hinge
Agent skill
Tudor TurcanuGitHubMIT
Tudor Turcanu's skill for Antigravity, Claude Code and other agents. It audits code that fights resizing, swaps hand-built bars for system ones that move aside on the Duo, and uses the real Duo features for the fold, hinge and cameras.
npx skills add tudorturcanu/iphone-duo-skillLayout · UI components
Agent skill
kaisGitHub
One rules file the agent applies as it writes code and when you ask for a review: size classes over orientation, controls off the hinge, system bars that turn vertical. Reviews come back as file, line, problem and fix.
npx skills add kaissaroj/iphone-duo-skillsLayout · UI components
Agent skill
Nitin AlaburGitHubMIT
Nitin Alabur's skill and plugin first checks which installed Xcode can build the Duo features, then suggests two-pane layouts for an app's main tasks, guides the changes, and ends with a pose-by-pose test sheet that notes what wasn't checked.
codex plugin marketplace add nitinalabur/iphone-duo-migration --ref v0.1.2Layout · Testing
Agent skill
Anatolii KantGitHubMIT
Anatolii Kant's plugin for Claude Code and Codex has three parts: a skill for adapting Swift apps, a readiness audit that ranks problems by file and line without editing code, and a design review of Figma or Sketch mockups against the Duo rules.
npx skills add anatoliykant/iphone-duo-pluginLayout · UI components · Mockups
Agent skill
nilsalbGitHub
A one-shot prompt to paste into a coding agent. It moves bars to the Duo's side bar, shows two columns when the phone is open, leaves other iPhones alone, and lists the dead ends to skip and a checklist with screenshots of each display.
Layout · UI components · Testing
Agent skill
Sviatoslav KliuchevGitHub
Reviews SwiftUI and UIKit layouts for what breaks when the window changes size: sizing from the screen, iPad checks, fixed text heights, overlapping controls, missing scrolling and wrong safe areas.
npx iphone-duo-readinessLayout · Testing
Agent skill
Daiki MatsudateGitHubMIT
A Claude Code skill built from Apple's six Duo Tech Talks, the HIG, the API docs and both Duo Group Labs, with a dated changelog of what it corrected. References for layout, scenes and the hinge, the cameras, and a checklist up to App Store submission.
npx skills add d-date/iphone-duo-skillLayout · Hinge
Agent skill
Fernando BunnGitHubMIT
SwiftUI and UIKit guidance with a sourced developer guide and small Swift API probes. It has the agent check every Duo API against the installed SDK, and says how it fits beside the skills Xcode 27.1 ships.
npx skills add Bunn/iphone-duo-skill --skill iphone-duoLayout · UI components · Hinge
Agent skill
Peter KrassayGitHubMIT
Peter Krassay's skill covers only what is new on the Duo: the side bar, the fold, the hinge, content on the outer display, the two front cameras and testing poses in the simulator. General resizing is left to Apple's own skill in Xcode.
git clone https://github.com/farkasseb/iphone-duo-skill ~/.claude/skills/iphone-duoLayout · Hinge · Testing
Agent skill
Jimmy ParkGitHubMIT
About design more than APIs: one adaptive app that holds together in every pose, with layout that follows the space it gets and the hinge used only where it adds something. Read me in English, Spanish and Korean.
Layout
Agent skill
Mahdi SalmanzadeGitHubMIT
Has the agent learn the app's structure and flows first, then change it and report evidence from builds and simulator runs. Covers SwiftUI, UIKit, React Native, Expo, Flutter and web wrappers.
npx skills add mahdi-salmanzade/iphone-duo-skill --skill iphone-duoLayout · Testing
Agent skill
Zach ColemanGitHub
Zach Coleman's skill for building layouts that adapt to the Duo's displays and the hinge, with notes on driving the Duo simulator: folding it and getting touches to the inner screen.
Layout · Hinge · Testing
Agent skill
hechenGitHubMIT
Eight skills for SwiftUI, UIKit and AVFoundation apps. One entry point sets the Xcode 27.1 baseline and hands off to readiness, design, layout, toolbars, scenes, camera and a pose-by-pose test plan.
npx skills add hechen/iphone-duo-skills --skill '*'Layout · UI components · Testing
Agent skill
Egor MerkushevGitHubMIT
Egor Merkushev's Codex plugin finds the right SwiftUI example in Artem Novichkov's iPhone Duo by Examples and applies it to your screen, from hinge changes to keeping a draft in place when the phone is set down half-folded.
Layout · Hinge
Agent skill
Erkam YamanGitHubMIT
For Capacitor and Ionic apps: keeping web content out of the crease with CSS variables, two-pane layouts, the hinge angle and posture, and the vertical tab bar, all through the capacitor-foldable plugin.
npx skills add erkamyaman/iphone-duo-capacitor-skills@capacitor-foldableLayout · Hinge
Agent skill
Himanshu KushwahGitHubMIT
Himanshu Kushwah's skill walks an agent through readying any iOS app for the Duo, including React Native, Flutter, Unity and Capacitor ones. It checks the layout habits that break when the phone opens, and gives an honest route for stacks Apple doesn't cover.
Layout · UI components
Agent skill
Mark ZimmermannGitHub
Mark Zimmermann's Claude skill, in German, for checking a Duo screen, Figma frame or concept: sizes in points, poses, the fold and camera areas, side bars and the hinge, with API names checked against the 27.1 SDK and Apple's open questions marked.
UI components · Mockups
Agent skill
AuspexGitHubMIT
A SwiftUI skill measured with its own lab app: two ways to arrange the open display, what each kind of toolbar control does in the vertical bar, and turning or folding without a flash. A stopwatch sample shows it all.
Agent skill
Matt BirchlerGitHubMIT
Audits an iOS app against Apple's Duo requirements, fixes what it finds and checks the result in the Duo simulator. A script downloads Apple's documentation, so the agent reads real signatures instead of guessing.
git clone https://github.com/mattbirchler/iphone-duo-skill ~/.claude/skills/iphone-duoLayout · Testing
Agent skill
Hideo EndoGitHubMIT
Hideo Endo's Claude skill treats the Duo as an iPhone whose window changes size a lot: make layouts resizable first, then handle uneven safe areas, side bars and the fold. Also covers Xcode 27.1 setup and App Store timing. English and Japanese.
Layout · UI components
Agent skill
PursuitliGitHubMIT
Fits an existing app to every pose (closed, open upright, open on its side) with sizes measured pixel by pixel while shipping a mail app, and the traps it hit along the way. SwiftUI and web or Capacitor apps; also a Claude Code plugin.
npx skills add Pursuitli/iphone-duo-skillsLayout · UI components
Agent skill
bones7456GitHubMIT
A Claude Code and Codex plugin drawn from adapting a shipping SwiftUI app. It scans for risky code, lists layout traps on the open display with tested fixes, boots the Duo simulator to screenshot the right display, and covers App Store screenshots.
/plugin marketplace add bones7456/iphone-duo-skillLayout · Testing
Agent skill
Moein SaboohiGitHub
A design skill. Attach a screenshot of your app and the agent rebuilds it as closed and open Duo layouts with the navigation down the side, delivered as two PNGs and an interactive 3D preview in one HTML file.
UI components · Mockups
Agent skill
MickyGitHubMIT
Checks which Duo APIs the installed SDK has, then audits: a script runs 21 checks for patterns that break on the Duo and fails when it finds one, so it can run in CI. Read me in English and Chinese.
npx skills add aprilelevengo/iPhoneDuoSkillLayout · Testing
Agent skill
Vincent T.GitHubMIT
Redesigns the screens you name for the Duo, following Apple's Design for iPhone Duo talk, and returns a short summary with an HTML prototype to open. A starting point for design, not production code.
UI components · Mockups
Agent skill
Antoine van der LeeGitHubMIT
A general SwiftUI skill with a Duo reference: choosing a large-display technique by screen structure, the two displays, fold regions, the hinge and scene accessories.
npx skills add https://github.com/avdlee/swiftui-agent-skill --skill swiftui-expert-skillLayout · UI components · Hinge
Agent skill
Paul HudsonGitHubMIT
Paul Hudson's SwiftUI skill. Its resizability rules cover the Duo: size classes rather than idiom or orientation, the short outer display, system bars that move to the side, and toolbarVerticalEdge for custom controls.
npx skills add https://github.com/twostraws/swiftui-agent-skill --skill swiftui-proLayout · UI components
Agent skill
KratagyaGitHubMIT
Kratagya's Claude Code plugin runs a team of agents over a phone-only Flutter app: it audits every screen, makes each fill a foldable or tablet, gives it a wide layout, and moves back buttons and tabs into the Duo's side strip. Each design call is logged.
claude plugin marketplace add https://github.com/kratagyaagarwaldots/unfold.gitLayout · UI components
Packages that hand your code the fold, the hinge and the bars, or give you components that follow them.
Library
Erkam YamanGitHubMIT
Fold state, posture, hinge angle, size classes and bar placement for Capacitor apps, plus a polyfill for the Device Posture and Viewport Segments web APIs. Its author's Hinge Guess game is built on it.
npm install @erkamyaman/capacitor-foldableHinge · Layout
Library
CapgoGitHubMPL-2.0
Native tab bars for Capacitor apps. On the Duo the system bar becomes a side rail, closed or open, and a curved bar keeps its round cradle around the center button as the phone unfolds.
npm install @capgo/capacitor-native-navigationLibrary
LeanCodeGitHubApache-2.0
Works out where the system keeps room in a Flutter window (the bar strip, the fold, the cameras) and places your widgets around it: a scaffold, a split view that keeps both panes' state, and a tool that fakes a fold on any device.
flutter pub add duo_kitLibrary
Jason O'GradyGitHubMIT
A hinge you can drive without a Duo: a simulated hinge with angle and speed, a drag pad and slider for testers, and a modifier that takes the real angle on the device. Taken from the Hingy app.
.package(url: "https://github.com/jasonogrady/duo-hinge", from: "0.1.0")Hinge · Animation · Testing
Library
Aziz BechaGitHubMIT
An Expo module for the hinge posture, the angle as it moves and where the fold crosses the window, on iPhone Duo and Android foldables, with React hooks on top.
npx expo install expo-foldablesLibrary
Berkay ÇatakGitHubMIT
Brings the Duo's hinge angle, posture and the fold and camera regions to Flutter over a platform channel, since Flutter leaves displayFeatures empty on iOS. adaptive_platform_ui builds on it to move bars to the side.
flutter pub add foldableHinge · Layout
Library
Bruno Cesar de Marqui de AndradeGitHub
Bruno Cesar de Marqui de Andrade's drop-in fix for Google's AdMob on the open Duo, where full-screen ads freeze, the timer stalls and the close button never appears. One Swift file, with a write-up of what goes wrong.
UI components
Library
szymdzieGitHubMIT
Flutter widgets fed by a native bridge: the fold as a DisplayFeature, reserved regions, the vertical bar's edge, two-pane layouts and grids lined up with the fold. A companion package uses the system's Liquid Glass bars.
flutter pub add iphone_duo_ui_proLayout · UI components
Library
Léo NatanGitHubMIT
The pop-up bar and full-screen player of Apple Music and Podcasts, for any app. It supports the Duo from 4.5.12 when built with the iOS 27.1 SDK; LNPopupUI brings it to SwiftUI.
.package(url: "https://github.com/LeoNatan/LNPopupController.git", from: "4.0.0")Library
Sambulo SendaGitHubMIT
Sambulo Senda's React Native library gives two panes around the hinge when the Duo is open and one on the cover when closed, using Apple's own layout engine, plus a hook for the live hinge angle. Other platforms show the main pane.
yarn add react-native-adaptive-layoutLayout · Hinge
Library
CAWRESTLERGitHubMIT
A React Native and Expo module that brings the Duo's native pieces to JavaScript: two-pane layouts, the side toolbar, hinge angle, fold and camera areas, and the inner and outer cameras. Android foldables and older iPhones get fallbacks.
npm install @cawrestler/react-native-duoLayout · UI components · Hinge
LibraryAgent skill
garrettmacGitHubMIT
A React Native and Expo package for the Duo, Android foldables and iPad: bars on the side, panes and sheets that follow the pose, the fold and cameras kept clear, and test poses. One command also writes its rules into Claude Code, Codex and Cursor.
npx expo install @garrettmacmac/react-native-duoLayout · UI components · Testing
Library
Gautham VijayanGitHubMIT
Size class, safe insets and fold geometry for React Native on iOS and Android, through Nitro modules. The README checks it in all six Duo poses in the simulator.
yarn add react-native-nitro-hinge react-native-nitro-modulesTools for folding the simulator, checking layouts and making mockups.
UtilityAgent skillEditor's pick
Artem NovichkovGitHubMIT
Sets the Duo simulator's hinge angle from the command line, which simctl can't: hinge 120, or a sweep from open to closed over two seconds. It also ships as an agent skill, so Claude Code or Codex can fold the simulator while testing.
brew install artemnovichkov/tap/hingeHinge · Testing
Utility
tddworksGitHubApache-2.0
Headless simulator control: taps, gestures, screenshots and 60 fps streams. baguette hinge folds the Duo to a pose or an angle, taps and screenshots follow the lit display, and its web page draws the Duo in 3D, posed live.
brew install baguetteTesting · Hinge
Utility
Zihan HuangGitHub
A browser studio around a 3D Duo you can pose, rotate and fold to any angle. Put your designs on either display and export a transparent PNG; images never leave the browser.
Mockups
Utility
Lizhuo Huangiduo.clothpath.comMIT
A free web tool that puts your screenshots or a live website on a 3D Duo in six poses and exports PNG mockups or MP4, WebM and GIF folding animations. Screenshots stay in your browser; the code is on GitHub.
UtilityAgent skill
Metehan YildirimGitHubMIT
Metehan Yildirim's linter reads Swift code and flags layouts that break on the Duo's two displays and the fold, like fixed screen sizes and hand-built toolbars. Runs on its own or as a GitHub Action, and ships the same rules as an agent skill.
uses: klavyeesir/duo-kit@v0.3.0Layout · Testing
UtilityAgent skill
Karolina SamorekGitHubMIT
Karolina Samorek's command-line tool folds, opens, rotates and taps the Duo simulator, including the inner screen, takes screenshots of whichever screen is lit, and reports the hinge angle. Built for scripts, CI and coding agents, with a skill.
brew install skarol/tap/duoctlTesting · Hinge
Utility
ryuamarinesGitHub
A GitHub Action that reads Swift source before a Duo release and points at code worth a second look: fixed screen sizes, assumed even safe areas, orientation checks. Code stays on the runner. A prompt for review, not a pass mark.
uses: ryuamarines/duoready-action@v1Testing
Utility
Dashi AI LabGitHubMIT
A Three.js study of the Duo's fold with its progressive blur. Upload your own picture for both displays, then drag, scrub or play the fold. Static files, no build step.
Animation · Mockups
Utility
JongMin KimGitHub
JongMin Kim's local web debugger shows a site on the Duo and other foldables closed, open, half-folded and in Split View, using a real browser engine, and marks elements that land on the fold, hinge, camera or system bars. README in Korean.
Testing · Layout
Utility
Anders Johanssonidrewn.github.io
An iPhone app that reads the Duo's posture and hinge angle on the closed cover, and frames a screenshot in a closed or open Duo.
Utility
Federico ViticciGitHubMIT
Frames screenshots and screen recordings in Apple's own bezels. From 1.5.0 it frames both Duo displays, portrait and landscape, in Night Sky and Star White, at the sizes the Duo simulator captures.
git clone https://github.com/viticci/frames-cli.gitMockups
Utility
Danil-ZosimGitHubMIT
Streams a running iOS simulator to a browser link you can share, and lets the viewer tap, swipe and type. For the Duo it serves the cover and the inner panel as separate pages, each with its own picture and touches.
Testing
UtilityLibrary
AppolyGitHubMIT
Reframes your running app to a Duo display on any iPhone, iPad or simulator, with its size, safe areas, size classes and corner shape, through the same resize path a fold takes. Compiles to nothing in release builds.
.package(url: "https://github.com/appoly/iPhoneDuoFrameSimulator", from: "1.0.0")Testing · Layout
UtilityLibrary
Nasib Ali AnsariGitHubMIT
Nasib Ali Ansari's toolkit: a command-line audit and Xcode build plugin that flag code likely to break on the Duo, Swift helpers for the hinge and fold, test size presets, templates, and thin Flutter and React Native bridges.
Layout · Testing · Hinge
UtilityLibrary
Daniel MunozGitHubMIT
A SwiftUI debug overlay that draws safe areas, reserved regions, size classes and the hinge state over your own app. Both modifiers do nothing in release builds.
.package(url: "https://github.com/danmunoz/LayoutScope.git", from: "1.2.0")UtilityAgent skill
DavidGitHubMIT
David's command-line tool for coding agents that test iOS apps. It sets the Duo simulator's hinge to closed, book, flat or any angle, then sends taps to the inner panel and captures it instead of a black screen. Comes with a skill.
brew install bitomule/tap/mavTesting · Hinge
Utility
Mobile NextGitHubApache-2.0
Mobile Next's test framework for iOS and Android apps, written like Playwright tests. One call sets the hinge on foldable iOS simulators and Android emulators: folded, half-open, open or any angle, so a test can run in every pose.
npm install mobilewright @mobilewright/testTesting · Hinge
Utility
Dongkyu Kimsafearea.info
Each iPhone's safe areas and reserved regions as measured in the simulator, drawn to scale. For the Duo it covers the closed cover, the open display and the partly folded state, folding in 3D.
UtilityAgent skill
Evan BaconGitHubApache-2.0
Serves a simulator in the browser. For the Duo it adds Folded, Semi-folded and Fully open buttons and a hinge slider, follows the lit display, and serve-sim fold sets the angle from the command line. An agent skill comes with it.
npx serve-simTesting · Hinge
Open-source apps to read and run, from one demo per API to hinge-driven animation.
Sample codeEditor's pick
Artem NovichkovGitHubMIT
One small SwiftUI demo per Duo API in iOS 27.1, each with its code: the live hinge angle, reserved regions, ArrangementView, vertical toolbars, a tabletop layout, even grid columns and Split View.
Sample code
Artem NovichkovGitHubMIT
A playable accordion where the hinge is the bellows: onHingeChange turns the hinge's speed into air pressure. Short, readable code for hinge-driven interaction and sound.
Sample code
VibeViewGitHubMIT
A small Expo travel app laid out for the Duo: two panes when open, stacked when narrow, and the cover on its own. Made to be copied from.
Layout
Sample code
Ihor MalovanyiGitHubMIT
The code behind Ihor Malovanyi's book: DuoLab in SwiftUI and UIKit, DuoProbe (the tool behind the book's measurements) and Postcards, a showcase you can fold. With a field note on what the simulator reports.
Sample code
Tarun YadgirkarGitHub
One screen per Duo API, and a script that folds the simulator through a set of angles, takes screenshots, logs every event and lays the results out on a contact sheet.
Testing · Hinge
Sample code
Juan Carlos Ramón CondezoGitHub
A Flutter probe app run through 21 Duo simulator setups, with screenshots and full metrics for each. The finding: Flutter apps run fine but cannot see the fold, because displayFeatures stays empty on iOS.
Sample code
Artem NovichkovGitHubMIT
Flappy Bird flapped by snapping the hinge open. Shows how to turn a stream of hinge angles into separate gestures, drawn with Canvas.
Sample code
Tomohiro TakahashiGitHub
A SwiftUI app that puts a good layout beside a bad one: a grid fixed to phone width against an adaptive one, toolbars that do or don't move to the side, and a form that loses your typing when you fold. Notes in Japanese.
Sample code
独书先生GitHubMIT
Twelve runnable SwiftUI examples for adaptive layout, navigation, safe areas, the fold, presentations and multitasking. Built with Xcode 26, so the Duo-only parts run on a clearly labeled simulated Duo.
Sample code
TBO DigitalGitHubMIT
A SwiftUI sandbox to fold, unfold and turn in front of people: the standard components on every screen, next to what iOS 27.1 adds for the Duo. No dependencies.
UI components
Sample code
Sven-Eric MolzahnGitHubMIT
Lays out the same two panes ten ways and prints what each measured. A launch argument picks the layout, so you can set a pose in Device Hub and take readings without tapping.
Sample code
Justin LevineGitHubMIT
A React component of a folding Duo: drag to fold, layered screen content and progressive blur, built with React 19, Three.js and Motion on Apple's 3D model.
Animation · Mockups
Sample code
Rodrigo PortilloGitHubMPL-2.0
A SwiftUI playground with reserved regions, ArrangementView and a WKWebView bridge that tells a web page about the fold, with a video walkthrough in Portuguese.
Layout · Hinge
Sample code
Nathan WalkerGitHub
A NativeScript and Angular list-and-detail app that calls the iOS 27.1 fold APIs directly: the hinge as Angular signals, UIArrangementViewController splitting list and detail, reserved regions and vertical bars.
Sample code
Artem NovichkovGitHubMIT
Sand that slides into the fold: onHingeChange sets the slope, the division region marks the bottom of the valley, and a SwiftUI Metal shader draws the grains.
What the tools put into practice: how to lay an app out around the fold, and how to check it in the simulator.
Lay out one app for both iPhone Duo displays. Size classes, the wide inner canvas, floating controls, and what the system already moves for you.
What the fold looks like from React Native, Flutter, a web page and a WebView. What every stack gets for free, which bridges expose the hinge and the fold, and what still needs Xcode.
How to get Apple's iPhone Duo simulator, fold it to any pose or hinge angle, and test your app, plus the simulators you can try without a Mac.
Argent, Mobile MCP, VibeView, and Axiom run as MCP servers, so a coding agent such as Claude Code, Codex or Cursor can call them directly. Argent and VibeView can fold the iPhone Duo simulator to a posture or to any hinge angle.
For a SwiftUI or UIKit app, pick one that checks Duo APIs against the SDK you have installed, such as Sven-Eric Molzahn's iPhone Duo adaptation or Navid's iPhone Duo Skills, which also has skills for Flutter, React Native and Capacitor apps. Most install into Claude Code, Codex, Cursor and any other agent that reads SKILL.md files.
Xcode's simctl has no command for the hinge. Artem Novichkov's hinge sets the angle or sweeps it over time; serve-sim and Baguette fold the simulator too, and stream it to a browser. Argent and VibeView do the same for a coding agent over MCP.
Not on their own: Flutter leaves displayFeatures empty on iOS, and a web view gets neither the Device Posture nor the Viewport Segments API. Packages bridge the native APIs: duo_kit, foldable and iphone_duo_ui_pro for Flutter, react-native-nitro-hinge and expo-foldables for React Native, and Capacitor Foldable for Capacitor and Ionic apps.