Build iOS Apps Faster — 100+ Production-Ready Base Views for UIKit & SwiftUI

📖 Documentation • 🚀 Getting Started • 🎯 Best Practice • 🛠 TTBDebugPlus • 📱 Showcase • 📝 Blog

TTBaseUIKit is an enterprise-grade iOS framework that eliminates boilerplate and accelerates development by providing 100+ production-ready base views for both UIKit (programmatic) and SwiftUI (declarative). Ship production UI in hours, not days.

Production-ready programmatic views with zero Storyboard/XIB dependency:

• TTBaseUIViewController, TTBaseUITableViewController, TTBaseUICollectionViewController
• TTBaseUIView, TTBaseUILabel, TTBaseUIButton, TTBaseUITextField, TTBaseUITextView
• TTBaseUIImageView, TTBaseUIStackView, TTBaseUIScrollView
• ViewCodable protocol — structured lifecycle: setupData → makeUI → makeConstraints → bindViewModel
• Popup, Notification, Skeleton Loading, Segmented Control, PIN Input, and more
• Programmatic Auto Layout helpers — chainable, clean constraint syntax

Full SwiftUI support targeting iOS 14+:

• BaseSUIView, BaseSUIText, BaseSUIButton, BaseSUIImage
• BaseSUIList, BaseSUIGroup, BaseSUITabView, BaseSUINavLink
• BaseSUISlider, BaseSUIToggle, BaseSUITextField, BaseSUIProgress
• View modifiers: ttFont(), ttShadow(), ttPadding()
• Built-in Shimmer / Skeleton loading animations

Activate with a single line — no additional dependencies:

• Triple-tap Layout Inspector — visualize constraints and view hierarchy
• API Response Log Viewer — inspect request/response data in-app
• Screen Capture — annotate screenshots and share with team
• Developer Settings Panel — toggle environments, feature flags

LogViewHelper.share.config(
    withDes: "Debug Panel",
    isStartAppToShow: false,
    passCode: ""
).onShow()
// Long-press any screen to open | Triple-tap to inspect layout

A professional-grade native macOS app for debugging iOS applications in real-time. Built entirely with SwiftUI.

⚠️ Requires TTBaseUIKit v2.3.0 or later. The DebugBridge SDK is included from version 2.3.0+.

Architecture: iOS ↔ Bonjour (mDNS) ↔ WebSocket ↔ macOS — zero configuration, auto-discovery.

🚀 iOS SDK Integration Guide	📱 Device Control & Screenshot
✏️ Screenshot Annotation	🛠 Dev Tools — JSON Editor

📥 Download TTBDebugPlus for macOS (.dmg • 5.8 MB • macOS 14+ • Universal)

📖 Full documentation & SDK integration guide →

Pre-configured for modern AI coding assistants:

• GitHub Copilot — custom instructions & workspace prompts
• Claude Code — CLAUDE.md with project context
• Xcode Agent Skills — 17 custom agent skills
• Google Gemini — GEMINI.md configuration
• OpenAI Codex — codex.md setup

📖 Explore AI Agent Skills →

Control every aspect of your app's appearance globally:

let view = ViewConfig()
view.viewBgNavColor = .systemBlue
view.buttonBgDef    = .systemBlue
view.viewBgColor    = .white

let size = SizeConfig()
size.H_BUTTON = 44.0
size.H_SEG    = 50.0

let font = FontConfig()
font.HEADER_H       = 16
font.TITLE_H        = 14
font.SUB_TITLE_H    = 12

TTBaseUIKitConfig.withDefaultConfig(
    withFontConfig: font,
    frameSize: size,
    view: view
)?.start(withViewLog: true)

Via Xcode:

1. File → Add Package Dependencies...
2. Enter URL: https://github.com/tqtuan1201/TTBaseUIKit.git
3. Select "Up to Next Major" from 2.3.0

Via Package.swift:

dependencies: [
    .package(url: "https://github.com/tqtuan1201/TTBaseUIKit.git", from: "2.3.0")
]

pod 'TTBaseUIKit'

github "tqtuan1201/TTBaseUIKit"

1. Clone or download the repository
2. Add TTBaseUIKit.xcodeproj to your project
3. Add TTBaseUIKit.framework as an embedded binary (General tab) and target dependency (Build Phases tab)

import UIKit
import TTBaseUIKit

@main
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    func application(
        _ application: UIApplication,
        didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
    ) -> Bool {

        // 1. Configure design system
        let view = ViewConfig()
        let size = SizeConfig()
        let font = FontConfig()
        
        TTBaseUIKitConfig.withDefaultConfig(
            withFontConfig: font,
            frameSize: size,
            view: view
        )?.start(withViewLog: true)

        // 2. (Optional) Enable debug bridge for TTBDebugPlus macOS
        #if DEBUG
        TTDebugBridge.shared.start()
        LogInterceptor.shared.install()
        #endif

        // 3. Set root view controller
        window = UIWindow(frame: UIScreen.main.bounds)
        window?.rootViewController = UINavigationController(
            rootViewController: HomeViewController()
        )
        window?.makeKeyAndVisible()
        
        return true
    }
}

import TTBaseUIKit

class HomeViewController: TTBaseUIViewController<TTBaseUIView> {

    let titleLabel = TTBaseUILabel()
    let actionButton = TTBaseUIButton()

    override func viewDidLoad() {
        super.viewDidLoad()
    }
}

extension HomeViewController: TTViewCodable {

    func setupStyles() {
        titleLabel.setText(text: "Welcome")
        actionButton.setText(text: "Get Started")
    }

    func setupCustomView() {
        view.addSubview(titleLabel)
        view.addSubview(actionButton)
    }

    func setupConstraints() {
        titleLabel.setTopAnchor(constant: 20)
        titleLabel.setCenterXAnchor(constant: 0)
        actionButton.setTopAnchor(titleLabel, constant: 16)
        actionButton.setCenterXAnchor(constant: 0)
    }
}

import TTBaseUIKit

struct HomeView: BaseSUIView {
    var body: some View {
        VStack(spacing: 16) {
            BaseSUIText("Welcome to TTBaseUIKit")
                .ttFont(type: .HEADER_H)
                .foregroundColor(.primary)

            BaseSUIButton(title: "Get Started") {
                // action
            }
            .ttButtonStyle(.filled)

            BaseSUIList(items: viewModel.items) { item in
                ItemRowView(item: item)
            }
        }
        .baseSUIPadding()
    }
}

// Chainable programmatic constraints
myView.setTopAnchor(constant: 16)
myView.setLeadingAnchor(constant: 20)
myView.setTrailingAnchor(constant: 20)
myView.setBottomAnchor(constant: 16)
myView.setCenterXAnchor(constant: 0)
myView.setcenterYAnchor(constant: 0)

// Notification banner
let noti = TTBaseNotificationViewConfig(with: window)
noti.setText(with: "Success!", subTitle: "Operation completed")
noti.notifiType = .SUCCESS
noti.onShow()

// Popup dialog
let popup = TTPopupViewController(
    title: "Confirm",
    subTitle: "Are you sure?",
    isAllowTouchPanel: true
)
present(popup, animated: true)

// Empty state for table view
tableView.setStaticBgNoData(
    title: "No Data",
    des: "Nothing to show yet"
) {
    print("Retry tapped")
}

TTBaseUIKit/
├── Sources/TTBaseUIKit/
│   ├── BaseConfig/          # ViewConfig, SizeConfig, FontConfig
│   ├── Coordinators/        # Navigation coordination
│   ├── CustomView/          # 72+ UIKit base views
│   │   ├── BaseUIView/
│   │   ├── BaseUILabel/
│   │   ├── BaseUIButton/
│   │   ├── BaseUITextField/
│   │   ├── BaseUITableView/
│   │   ├── BaseUICollectionView/
│   │   ├── ViewCodable/
│   │   └── ...
│   ├── SwiftUIView/         # 51+ SwiftUI views
│   │   ├── BaseSUIView/
│   │   ├── BaseSUIText/
│   │   ├── BaseSUIButton/
│   │   └── ...
│   ├── Extensions/          # String, Date, JSON, Device utilities
│   └── Support/
│       ├── DebugBridge/     # TTBDebugPlus iOS SDK
│       └── Resources/      # Fonts, Images
├── TTBaseUIKitExample/      # Official sample project
├── TTBDebugPlus/            # macOS companion app (Xcode project)
├── Agents/                  # AI agent configurations
├── docs/                    # Documentation website
├── Package.swift
├── TTBaseUIKit.podspec
└── LICENSE

The fastest way to learn TTBaseUIKit: Clone the example project, run it first, explore all features in action — then study the code. Developers who run examples first learn frameworks 10x faster.

📖 Full Best Practice Guide →

git clone https://github.com/tqtuan1201/TTBaseUIKit.git
open TTBaseUIKit.xcodeproj
# Select TTBaseUIKitExample target → Run (⌘R)

The TTBaseUIKitExample is a full-featured sample app with 5 tabs:

📋 Menu

✨ Demos

🔗 DebugBridge

🔍 UI Debug

The example follows a clean architecture pattern:

AppDelegate (Config) → AppCoordinator (TabBar) → ViewControllers (ViewCodable)

• AppDelegate — Configure ViewConfig, SizeConfig, FontConfig, StyleConfig, ParamConfig + start TTDebugBridge
• AppCoordinator — Setup UITabBarController with 5 tabs using Coordinator pattern
• ViewControllers — Implement ViewCodable protocol: setupData → makeUI → makeConstraints → bindViewModel

The Menu tab includes 11 UIKit demo categories:

36+ production apps shipped across Travel, Healthcare, Logistics, Education, and more. See full showcase → Apps Showcase

Contributions are welcome! Feel free to:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

If you find TTBaseUIKit useful, please consider giving it a ⭐ — it helps others discover the project.

Truong Quang Tuan — Mobile Lead & Framework Author

• 🌐 Website: tqtuan1201.github.io
• 📧 Email: [email protected]
• 👤 Portfolio: tqtuan1201.github.io/portfolio
• 👥 Meet the Team: Our Team

We build high-quality apps. Get in touch if you need help with a project.

TTBaseUIKit is available under the MIT License. See the LICENSE file for details.

MIT License — Copyright (c) 2019 Quang Tuan