UIKit Components

90+ items

Production-ready base classes for programmatic UIKit development. Clean memory management, layout hooks, and structured lifecycles.

🧱 Base Views

BaseUIView

Base view with programmatic layout hooks, lifecycle, corner radius, shadow

Core

BaseUILabel

Enhanced UILabel with TTBaseUIKit styling, padding, and font config

Core

BaseUIButton

Customizable button with loading state, icon support, and style variants

Core

BaseUITextField

Text field with validation, icons, placeholder styling, and delegate hooks

Core

BaseUITextView

Multi-line text view with placeholder and auto-sizing support

Core

BaseUIImageView

Image view with loading state, content mode, and gradient overlay

Core

BaseUITableView

Enhanced table view with async reload, keyboard dismiss, and content inset management

Core

BaseUICollectionView

Collection view with clear bg, scroll indicators, content inset, and async reload

Core

BaseUISearchBar

UISearchBar subclass with styling + BaseSearchView (icon+textfield combo)

BaseUISegmentedControl

Custom segmented control: pill style and animated line-bottom tab style

BaseUIProgressView

Auto-incrementing animated progress bar with onStart/onFinished API

BasePasswordUITextField

Password field with built-in eye icon show/hide toggle

BaseUIImageFontView

UIImageView that renders AwesomePro icon glyph as tintable bitmap

BaseWKWebView

WKWebView with GIF support, skeleton overlay, and responsive HTML helpers

📐 Layout

BaseUIStackView

Pre-configured horizontal/vertical stack view with background color support

BaseScrollUIStackView

Scrollable vertical stack view for dynamic content with keyboard dismiss

BaseScrollHorizontalUIStackView

Horizontal scrollable stack for chips, filters, carousels

BaseStackPanelView

Panel with embedded vertical stack — add content to panelStackView

BaseScrollPanelView

Scrollable form panel with keyboard dismiss and safe area handling

✏️ Input

BaseSearchView

Icon + text field search row with real-time change callback

BaseTextViewWithPlaceHolderView

Multi-line text view with max length, placeholder, and auto-grow

BaseDropdownCustomView

Label + chevron dropdown trigger — 2 types: DEFAULT and PADDING

BaseRadioButtonView

Active/inactive radio button with AwesomePro icons and custom colors

BaseLinePinView / PinsView

Underline-style PIN entry (single/multi)

BaseSquarePinView / PinsView

Square-style PIN entry (single/multi)

BaseNewSegmentedControl

UISegmentedControl subclass with TTBaseUIKit color theming + onTapHandle

👁 Display

CircleProgressView

Circular arc progress ring with CADisplayLink animation, rounded caps, center image/color

BaseIconCircleView

Circular icon container — 60% icon ratio, customizable bg

TTUIImageCircleView

Circular photo avatar with optional border stroke

TTUIImageFontCircleView

Circle with AwesomePro icon and colored background

TTUIImageFontPaddingView

Square padded icon view (not circle)

BaseCircleLabel / BadgeView

Circular label for counts, badge overlays, and notification dots

BaseTriangleView

Upward-pointing triangle for tooltips and callouts

BaseSkeletonMarkView

Simple shimmer placeholder for loading states

BaseBorderTrailView

Animated gradient arc trail racing around a view's border

🗂 Panels

BaseShadowPanelView

Card panel with CALayer drop shadow — add content to panelShadowView

BaseShadowButtonView

Floating CTA button with depth shadow effect

BaseShadowContentView<T>

Generic shadow wrapper for any UIView subtype

BaseStackPanelView

View + embedded vertical stack — add content to panelStackView

BaseStackShadowPanelView

Shadow card + embedded vertical stack

BaseTitlePanelView

Card with title label at the top

BaseScrollPanelView

Scrollable vertical panel with keyboard dismiss

BasePanelButtonView

View + action button combined

📱 ViewControllers & Popups

TTBaseUIViewController

Base VC with nav bar, status bar, and lifecycle

Essential

TTBaseUITableViewController

Table VC with refresh and pagination

Essential

TTBaseScrollViewController

VC with scrollable form area — keyboard dismiss and safe area

TTBaseUICollectionViewController

UICollectionViewController with keyboard dismiss

TTBasePopupViewController

Dimmed modal overlay + tap-to-dismiss — subclass for custom popups

TTDismissView

Drag handle indicator bar for bottom sheets

TTBaseNotificationView

In-app toast/banner with icon, title, subtitle, action button

TTBaseDatePicker

Date/time modal picker with Cancel/OK buttons and callbacks

🧩 Composite Views

LabelLeftRightView

Left label + right label key-value row

IconLabelView / HorizontalView

Icon + label pairs (vertical and horizontal)

LabelTextFieldView

Label + text field vertical pair for forms

BaseLableWithButtonView

Label + button on same row

BaseTwoStackButtonView

Two equal-width action buttons (Cancel/Confirm pattern)

LineView / TTLineView

Horizontal separator line

LableSubLabelView

Title + subtitle vertical pair

RowTableView

Pre-styled key-value table row

BaseLabelIconHorizontalView

Icon + label horizontal row with size and spacing config

TTBaseUITableViewCell

Table cell with padding panel, skeleton animation, selection highlight

TTBaseUITableViewHeaderFooterView

Section header/footer with panel container

TTBaseUICollectionViewCell

Collection cell with panel, selection state, skeleton animation

🔧 Utilities & Protocols

ViewCodable Protocol

Organize UI code with setupStyles(), setupData(), setupConstraints()

Protocol

BaseCustomViewRepresentable

UIKit ↔ SwiftUI bridge

Bridge

TTBaseDatePicker

Modal date/time picker popup with Cancel/OK handlers

TTBaseStackScrollViewController

VC with scrollable vertical stack for dynamic form content