SWIFTUI, WITH A FAMILIAR VOCABULARY

Familiar classes.
Native everything.

The composition you love in shadcn.
The controls, gestures, and motion you love in SwiftUI.

Start building Read the docs
iOS 17+ · macOS 14+ · Swift 6 · MIT
Something familiar. Something native..swift
ONE VIEW. STYLES, STATE, AND MOTION.
@State private var expanded = false

VStack(alignment: .leading) {
    Text("A little more native.").tw("text-sm font-semibold")
    Button(expanded ? "Back to simple" : "Make some room") {
        expanded.toggle()
    }.buttonStyle(.tw("button-primary"))
}
.tw(cn("p-5 bg-surface rounded-xl animate-spring",
       expanded ? "w-[365]" : "w-[290]"), value: expanded)
A little more native.

Less ceremony. More SwiftUI.

Interactive web illustration · native captures below
cnp-5rounded-xlw-[365]animate-spring

Compose the classes with cn. Let SwiftUI animate your state.

SwiftUI at the foundation.Styles you can own.State stays native.Zero runtime dependencies.
SMALL API. ROOM TO GROW.

From a class to your design system.

Explore the utilities
01

Compose your styles

Strings when you want them. Typed utilities when you need them.

02

Make it yours

Adaptive colors, shared recipes, and custom argument factories.

03

Give state some motion

Native springs and shared elements, composed in a few classes.

THE REAL THING

Rendered by SwiftUI.

Native controls, adaptive themes, and editable recipes.

Meet the components
Native SwiftUI catalog showing buttons, text fields, toggles, sliders, and utility styles.Native SwiftUI catalog in dark appearance.
Actual macOS capture from the swiftcn catalog. Run the app to try its native interactions.
START WITH WHAT YOU KNOW

Your next view, with fewer modifiers.

Add the package. Compose a style. Keep building in SwiftUI.

Install swiftcn