Draggy lets you create app interfaces visually, without a single line of code. Experiment with different UI elements and preview in real-time - perfect for beginner developers and teenagers who want to learn to code. Develop with Draggy – where creativity meets simplicity!
The visual programming, node-based mechanics were inspired by the Unreal Engine's Blueprint Visual Scripting system. Creating interfaces with Draggy resembles the declarative programming paradigm, allowing users to fully customize the interface they're creating.
When you connect nodes between each other, you pass properties. For example, if you want to make the text red, just add a color node with the red color and connect it to the text node. That's it! The color of the text will automatically be updated.
The app was built entirely using SwiftUI to create a visual interface for the node editor, enabling fast and real-time previews of the interfaces users compose using nodes. Each type of node is an Observable Class containing properties for the node. This approach enables Draggy to update the presentation when the underlying data of any node changes.
Draggy incorporates accessibility features to assist our users, including support for VoiceOver.
- iOS 17.0+
- Xcode 15.0+
- Open Xcode.
- Click on "Clone Git Repository".
- Paste the following URL:
https://github.com/matt-novoselov/Draggy.git - Click "Clone".
- Build and run the project in Xcode.
Distributed under the MIT license. See LICENSE for more information.
Developed with ❤️ by Matt Novoselov