Chat Bubbles

NFrom Nibware - Original components, crafted in-house.

User and assistant chat bubbles.

AI37 linesSwiftUIiOS 17+

The actual source

Chat Bubbles · Swift

ChatBubbles.swift

import SwiftUI

let aiInk = Color(red: 0.11, green: 0.12, blue: 0.14)

let aiBlue = Color(red: 0.30, green: 0.45, blue: 0.95)

let aiViolet = Color(red: 0.55, green: 0.35, blue: 0.92)

extension View {
    func aiCard(_ w: CGFloat, _ pad: CGFloat = 18) -> some View {
        self.padding(pad).frame(width: w)
            .background(Color(.systemBackground), in: RoundedRectangle(cornerRadius: 20, style: .continuous))

What it needs

Self-contained SwiftUI - system materials, SF Symbols, no external dependencies. This screen also references:

All of it - tokens, sub-views, models - is carried in the copy-paste source above.

Pairs well with

Streaming Response

Starter Prompts

Chat Input