View in English

  • Apple Developer
    • Get Started

    Explore Get Started

    • Overview
    • Learn
    • Apple Developer Program

    Stay Updated

    • Latest News
    • Hello Developer
    • Platforms

    Explore Platforms

    • Apple Platforms
    • iOS
    • iPadOS
    • macOS
    • tvOS
    • visionOS
    • watchOS
    • App Store

    Featured

    • Design
    • Distribution
    • Games
    • Accessories
    • Web
    • Home
    • CarPlay
    • Technologies

    Explore Technologies

    • Overview
    • Xcode
    • Swift
    • SwiftUI

    Featured

    • Accessibility
    • App Intents
    • Apple Intelligence
    • Games
    • Machine Learning & AI
    • Security
    • Xcode Cloud
    • Community

    Explore Community

    • Overview
    • Meet with Apple events
    • Community-driven events
    • Developer Forums
    • Open Source

    Featured

    • WWDC
    • Swift Student Challenge
    • Developer Stories
    • App Store Awards
    • Apple Design Awards
    • Apple Developer Centers
    • Documentation

    Explore Documentation

    • Documentation Library
    • Technology Overviews
    • Sample Code
    • Human Interface Guidelines
    • Videos

    Release Notes

    • Featured Updates
    • iOS
    • iPadOS
    • macOS
    • watchOS
    • visionOS
    • tvOS
    • Xcode
    • Downloads

    Explore Downloads

    • All Downloads
    • Operating Systems
    • Applications
    • Design Resources

    Featured

    • Xcode
    • TestFlight
    • Fonts
    • SF Symbols
    • Icon Composer
    • Support

    Explore Support

    • Overview
    • Help Guides
    • Developer Forums
    • Feedback Assistant
    • Contact Us

    Featured

    • Account Help
    • App Review Guidelines
    • App Store Connect Help
    • Upcoming Requirements
    • Agreements and Guidelines
    • System Status
  • Quick Links

    • Events
    • News
    • Forums
    • Sample Code
    • Videos
 

Videos

Open Menu Close Menu
  • Collections
  • All Videos
  • About

More Videos

  • About
  • Summary
  • Code
  • WidgetKit foundations

    Widgets highlight your app's most important content across the system, providing people with another opportunity to engage. Discover the different types of widgets and explore the qualities that make them memorable. Learn how to create widgets, keep them up to date, and offer ways for people to customize them through App Intents and dynamic styling.

    Chapters

    • 0:01 - Introduction
    • 1:03 - Fundamentals
    • 13:15 - Integrate with your app
    • 17:04 - Adapt with the system

    Resources

      • HD Video
      • SD Video

    Related Videos

    WWDC26

    • Live Activities essentials

    WWDC25

    • What’s new in widgets

    WWDC23

    • Bring widgets to life
    • Explore enhancements to App Intents

    WWDC21

    • Principles of great widgets
  • Search this video…
    • 3:50 - DailyReadingGoalWidget

      struct DailyReadingGoalWidget: Widget {
          let kind = "DailyReadingGoalWidget"
          
          var body: some WidgetConfiguration {
              StaticConfiguration(
                  kind: kind,
                  provider: DailyReadingGoalProvider()
              ) { entry in
                  DailyReadingGoalView(book: entry.book,
                                       message: entry.message,
                                       timeOfDay: entry.timeOfDay)
                  .environment(\.colorScheme, .dark)
                  .containerBackground(for: .widget) {
                      Background()
                  }
              }
          }
      }
    • 12:25 - Supported Families

      struct DailyReadingGoalWidget: Widget {
          let kind = "DailyReadingGoalWidget"
      
          var body: some WidgetConfiguration {
              StaticConfiguration(
                  kind: kind,
                  provider: DailyReadingGoalProvider()
              ) { entry in
                  DailyReadingGoalView(book: entry.book,
                                       message: entry.message,
                                       timeOfDay: entry.timeOfDay)
                  .environment(\.colorScheme, .dark)
                  .containerBackground(for: .widget) {
                      Background()
                  }
              }
              .supportedFamilies([.systemMedium])
          }
      }
    • 14:03 - Adding deep links

      struct DailyReadingGoalWidget: Widget {
          let kind = "DailyReadingGoalWidget"
      
          var body: some WidgetConfiguration {
              StaticConfiguration(
                  kind: kind,
                  provider: DailyReadingGoalProvider()
              ) { entry in
                  DailyReadingGoalView(book: entry.book,
                                       message: entry.message,
                                       timeOfDay: entry.timeOfDay)
                  .environment(\.colorScheme, .dark)
                  .containerBackground(for: .widget) {
                      Background()
                  }
                  .widgetURL(URL(string: "bookclub://reading/\(book.bookID)"))
              }
              .supportedFamilies([.systemMedium])
          }
      }
    • 18:17 - Accented rendering mode

      struct BookCoverImage: View {
          let imageName: String
      
          var body: some View {
              Image(imageName: bundle: .main)
                  .widgetAccentedRenderingMode(.fullColor)
          }
      }
    • 0:01 - Introduction
    • Widgets highlight your app's most important content across the system. The best widgets are glanceable, relevant, and personalizable. Learn how to build your first widget and keep it up to date, extending the reach of your app across platforms with WidgetKit and SwiftUI.

    • 1:03 - Fundamentals
    • Widgets should be glanceable, relevant, and personalizable. They are built by creating a widget extension that exposes a timeline of TimelineEntry values. Each TimelineEntry provides the data to render a SwiftUI view at a particular moment in time. Learn how to define a widget with a StaticConfiguration or AppIntentConfiguration, build a quality TimelineProvider, and select a timeline reload policy to keep your widget up to date. Discover the various sizes and placements for widgets with .supportedFamilies — including the new systemExtraLargePortrait family coming to macOS, iOS, and iPadOS 27.

    • 13:15 - Integrate with your app
    • WidgetKit offers three key integration points to tighten the connection between a widget and your app. Deep links route taps directly to specific content in your app. Configurable widgets let people personalize widget content. Interactive elements that let people perform the most important actions from within your app using App Intents.

    • 17:04 - Adapt with the system
    • Widgets are dynamic and adapt with the system appearance modes like full color, tinted, and clear. SwiftUI handles most of the adaptation automatically, though you can customize the behavior of particular Views with the .widgetAccentedRenderingMode(.fullColor) modifier. Learn techniques to test your widgets for considerations with appearance modes and budgeted reloads.

Developer Footer

  • Videos
  • WWDC26
  • WidgetKit foundations
  • Open Menu Close Menu
    • iOS
    • iPadOS
    • macOS
    • tvOS
    • visionOS
    • watchOS
    • App Store
    Open Menu Close Menu
    • Swift
    • SwiftUI
    • Swift Playground
    • TestFlight
    • Xcode
    • Xcode Cloud
    • Icon Composer
    • SF Symbols
    Open Menu Close Menu
    • Accessibility
    • Accessories
    • Apple Intelligence
    • Audio & Video
    • Augmented Reality
    • Business
    • Design
    • Distribution
    • Education
    • Games
    • Health & Fitness
    • In-App Purchase
    • Localization
    • Maps & Location
    • Machine Learning & AI
    • Security
    • Safari & Web
    Open Menu Close Menu
    • Documentation
    • Downloads
    • Sample Code
    • Videos
    Open Menu Close Menu
    • Help Guides & Articles
    • Contact Us
    • Forums
    • Feedback & Bug Reporting
    • System Status
    Open Menu Close Menu
    • Apple Developer
    • App Store Connect
    • Certificates, IDs, & Profiles
    • Feedback Assistant
    Open Menu Close Menu
    • Apple Developer Program
    • Apple Developer Enterprise Program
    • App Store Small Business Program
    • MFi Program
    • Mini Apps Partner Program
    • News Partner Program
    • Video Partner Program
    • Security Bounty Program
    • Security Research Device Program
    Open Menu Close Menu
    • Meet with Apple
    • Apple Developer Centers
    • App Store Awards
    • Apple Design Awards
    • Apple Developer Academies
    • WWDC
    Read the latest news.
    Get the Apple Developer app.
    Copyright © 2026 Apple Inc. All rights reserved.
    Terms of Use Privacy Policy Agreements and Guidelines