Trace

Trace SwiftUI Components Builder is a UI tool designed to help you quickly build and assemble SwiftUI components for iOS apps. It provides a catalog of ready-to-use UI blocks (layouts, controls, and common interface elements), enables remixing and customization, and exports your assembled components into an Xcode-ready project. The project emphasizes rapid prototyping and modular UI construction, with a focus on SwiftUI compatibility and easy integration into existing codebases. Note: this project is no longer maintained by the team and use at your own risk. A cookies notice is displayed as part of the user experience.

How to Use Trace SwiftUI Components Builder

1. Browse Components Explore the catalog of UI blocks such as layouts, buttons, loading indicators, cards, lists, tabs, forms, maps, navigation bars, and more.
2. Remix and Customize Drag, drop, and adjust properties to fit your app design. Tweak colors, spacing, typography, and behavior.
3. Assemble Screens Layer components to build complete screens and flows from reusable blocks.
4. Export to Xcode Export the assembled UI as SwiftUI code and assets, which you can paste into your project or import directly into Xcode.

Tip: Use the included animation and interaction presets to prototype transitions and states quickly.

Component Categories

• Layouts
• Buttons
• Loading
• Cards
• Animation
• Lists
• Search
• Forms
• Tabs
• Switches
• Input Fields
• Alerts
• Modals
• Labels
• Maps
• Navigation Bars
• Audio
• Chat
• Charts

How It Works

• Browse or create UI blocks representing SwiftUI views and modifiers.
• Customize properties and compose blocks into screens.
• Export generates SwiftUI code that can be integrated into your Xcode project.
• The tool emphasizes rapid prototyping with a focus on reusable components and modular design.

Safety and Legal Considerations

• This project is community-driven and not actively maintained by the original team. Use at your own risk and ensure compatibility with your SwiftUI version.
• While exporting code, review generated SwiftUI to adhere to your project’s licensing and security practices.

Core Features

• Rich catalog of SwiftUI-compatible UI components and blocks
• Remixable layouts and controls for rapid prototyping
• Easy export to SwiftUI code for Xcode projects
• Reusable components with customizable properties
• Animations and interaction presets for fast UI storytelling
• Exported code compatible with modern SwiftUI workflows
• Clear handling of design tokens like colors and typography for consistency
• Lightweight, no-runtime dependency required for initial prototyping
• Optional notes on accessibility and layout adaptability