João Gabriel

Learn how you can use Metal shaders to render randomness.

Shaders in SwiftUI: Randomness

Learn how to use scene delegates to present content on an external display with iOS using SwiftUI.

Displaying SwiftUI content on an external screen in iOS

Learn how you can effortlessly create an efficient and reusable marquee effect with a custom Metal shader for SwiftUI Texts and other views.

Shaders in SwiftUI: Marquee

Breaking the ice: learn how to create an efficient and reusable wave effect with a custom Metal shader for SwiftUI views.

Introduction to Shaders in SwiftUI: Wave Effect

Oskar Groth

Learn how to use the new Observation framework introduced at WWDC 2023 to ensure the best performance for your SwiftUI app.

Controlling SwiftUI View updates with Observation

In this post, we'll animate the fluid gradient view we built in the last tutorial using CoreAnimation to achieve a high-performance, reusable view.

Building a fluid gradient with CoreAnimation & SwiftUI: Part 2

In this post, we'll build a fluid, performant gradient view using CoreAnimation and use it in SwiftUI as a modern design element.

Building a fluid gradient with CoreAnimation & SwiftUI: Part 1

Amos Gyamfi

Learn how to create a simple looping Audio Visualizer Animation in SwiftUI, useful for audio content in music applications.

How to make an Audio Visualizer Animation in SwiftUI

Learn how to create an animating loading progress bar view in SwiftUI using shape, width, frame and animation modifiers.

Creating a Progress bar Animation in SwiftUI

Learn how to create a looping Heart Rate Animation in SwiftUI which replicates the pulsating heartbeat in watchOS.

How to make a Heart Rate Animation in SwiftUI

Want to replicate the Apple Fitness Rings UI? Learn how to build an animated circular progress bar in SwiftUI using Shape together with the Trim modifier.

Animating a Circular Progress Bar in SwiftUI

Learn how to get started with SwiftUI animations and make a simple rotation animation for an image.

Getting Started with SwiftUI Animations: Rotation

Learn how to make a floating panel search interface for Mac using SwiftUI.

Build a reusable search engine for floating panels in SwiftUI

Learn about some of the new typography features in SwiftUI, including support for animating text.

Hands-on: Typography in SwiftUI

Learn how to use the new ImageRenderer to take a screenshot image of a SwiftUI view, and which fallbacks you can use for older versions.

How to take a snapshot image of a view in SwiftUI

Get to learn the new NavigationStack API in SwiftUI 4, and how to use it for simple and advanced navigation scenarios.

Hands-on with NavigationStack in SwiftUI

We'll show you how to use the new SwiftUI MenuBarExtra API to build a menu bar app experience on macOS.

Hands-on: building a Menu Bar experience with SwiftUI

Cindori Team

We've composed a list of the top announcements from WWDC 2022 and what they mean for app developers.

WWDC 2022 Recap: Major Announcements

Learn how to make an expandable floating panel interface for Mac using SwiftUI.

Build an expandable interface for floating panels in SwiftUI

Daniel Saidi

In this post, we'll look at how to build a rich text editor for UIKit, AppKit and SwiftUI. We'll extend native types to extend the foundation support for rich text, create new types to bridge the various platforms, and make sure that we have a basic, working foundation that we can expand in future posts.

Building a rich text editor for UIKit, AppKit and SwiftUI

Learn how to make a versatile floating panel component for Mac using SwiftUI and AppKit.

Developer