Import SwiftUI

@inncoder

33.0K followers · usually 5.6K views a post

Views

205.0K

Likes

8.3K

Comments

29

Shares

145

Selling · Other Product

Inncoderseen in 9 videos →https://www.inncoder.com ↗

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
4Potion bottle animation
5Creator handle display

Product placement

Original caption

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

More from @inncoder

Their other posts in the index, biggest breakout first.

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