Import SwiftUI

@inncoder

32.9K followers · usually 5.6K views a post

Views

205.0K

Likes

8.3K

Comments

29

Shares

145

SoundTikTok sound · Unholy

Promoted product

Inncoderinncoder.com

Apps by Inncoder

9 videos

Why it worked

The video uses a visually appealing animation of a bubbling potion, which is a common aesthetic that resonates well on platforms like TikTok. The inclusion of code snippets appeals to a developer audience, and the clear branding with the creator's handle and website suggests a soft promotion of their services or products.

Summary

The video displays a SwiftUI code snippet on the left and a phone screen on the right. Initially, the phone screen shows a blank white canvas, then a series of black dots appear, followed by blue circles. The preview then crashes with an error message. The screen transitions to a dark background with an animated potion bottle, which fills with blue liquid and bubbles. The creator's handle @inncoder is displayed at the bottom.

Structure

1Code and phone screen setup
2Animation of dots and circles
3Preview crash

Original caption

Bubbling potion animation 🧪 #inncoder #swiftui #techtok #iosdeveloper #devtok #coding #programming #ux #ui #codetok #dev #ios #code #potion

More from @inncoder

Product placement

The video shows SwiftUI code and a phone screen displaying animations. The creator's handle @inncoder and website inncoder.com are associated with the content, suggesting the code or the resulting animation is related to their product or services.

On-screen text

Import SwiftUI struct ContentView: View { @StateObject private var bubbleSystem = BubbleSystem() var body: some View { ZStack { TimelineView(.animation) { let time = timeline.date.timeline Canvas { _ in bubbleSystem.update(date: time) } } ForEach(bubbleSystem.particles.indices, id: \.self) { index in BubbleView(bubble: bubbleSystem.particles[index]) } } } } struct BubbleView: View { let bubble: Bubble let cdgFloat: CGFloat = 5 var body: some View { ZStack { if bubble.color == .blue { Capsule() .frame(width: bubble.size, height: bubble.size) .offset(x: bubble.x, y: bubble.y) .opacity(bubble.opacity) } else { Circle() .frame(width: bubble.size, height: bubble.size) .offset(x: bubble.x, y: bubble.y) .opacity(bubble.opacity) } } } } // Instagram: @inncoder // TikTok: @inncoder // Twitter: @inncoder struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } Preview crashed @inncoder @inncoder