Product Thumbnail

UI Playground

Play with native iOS user interface components on iPhone.

iOS
Design Tools
Developer Tools

Explore and customise native iOS UI components to unlock endless possibilities for your app. The key? You’re working with real native UI — not abstractions. What you test is exactly what users experience.

Top comment

Hey Product Hunt 👋 We built UI Playground for anyone designing or working with iOS apps — especially if you’ve ever: • Struggled with matching real iOS behaviour in your designs. • Debated which native component to use (alert? action sheet?). • Designed in Figma or Sketch, only to see something different in production. • Wanted to test all keyboard layouts and couldn't. • Spent too much time explaining simple UI ideas to devs or PMs. We felt all of that — and wanted a faster, more native way to explore and validate iOS UI. So we made one. UI Playground lets you experiment with real components, in context, on top of your app screenshots — no abstraction, no coding. The key? You’re working with real native UI — not abstractions. What you test is exactly what users experience. If you’re building for iOS and want to move faster, this will save you hours. We’d love your thoughts, feature ideas, or just a quick try. Thanks for checking us out 🙌

Comment highlights

Hey Product Hunt!


This app was built almost entirely with SwiftUI, powered by The Composable Architecture for state management.

This allowed us to gain more experience in SwiftUI while also exploring how it stacks up against our previous UIKit experience. For the most part, things went smoothly — though we did run into a few limitations (like lack of support for certain gestures, such as a three-finger tap).


We're happy with the result and learned a lot in the process. If you’re curious about something regarding the development, feel free to reach out — happy to share insights!

These type of resources are incredibly helpful. In my experience, demo UI apps are more interactive and it's easier to imagine how a UI component will look and function in your app compared to UI screenshots or designs in Figma, Sketch, Penpot, etc.


I'm guessing this is Objective-C/Swift only? It would be helpful to have something like this for React Native components as well, but it may not be part of your roadmap. While the React Native team have examples on reactnative.dev you can load in Expo Go, having a test environment app is easier to try out and interact with UI component examples.

All that said, congrats on the launch, I'm sure this app will help make it easier to design and build the next big thing! 🚀