# Cupertino design for Flutter

> Learn about Cupertino design for Flutter.



The Flutter Cupertino library is a collection
of widgets that implement Apple's iOS design language
for Flutter apps. The widgets have a similar look
and feel to iOS, including rounded corners, gradients,
and minimalistic design.
They also include iOS interactions and animations.

The following 15-minute video provides a high-level
glimpse of the Cupertino package:

<YouTubeEmbed id="3PdUaidHc-E" title="Flutter's Cupertino Package"></YouTubeEmbed>

To see some Cupertino widgets in action, the following videos from the
Widget of the Week series cover a few of them.

<div class="card-grid">
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="D0xwcz2IqAY" title="CupertinoRadio (Widget of the Week)"></YouTubeEmbed>
    </div>
  </div>
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="5H-WvH5O29I" title="CupertinoSheetRoute (Widget of the Week)"></YouTubeEmbed>
    </div>
  </div>
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="esnBf6V4C34" title="CupertinoSlidingSegmentedControl (Widget of the Week)"></YouTubeEmbed>
    </div>
  </div>
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="ua54JU7k1Us" title="CupertinoCheckbox (Widget of the Week)"></YouTubeEmbed>
    </div>
  </div>
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="24tg_N4sdMQ" title="CupertinoSwitch (Widget of the Week)"></YouTubeEmbed>
    </div>
  </div>
</div>

## More information {:.no_toc}

To learn more about using the Cupertino
package with Flutter,
check out the following resources:

* The (mostly visual) [Cupertino widget catalog][]
  on doc.flutter.dev
* The [Cupertino library][] page in the API docs
* The [Cupertino API examples][] on the flutter/flutter
  repo. ([Instructions][]) For example,
  to run `CupertinoSwitch`:

```console
cd path/to/flutter
cd examples/api
flutter run lib/cupertino/switch/cupertino_switch.0.dart
```

[Cupertino API examples]: https://github.com/flutter/flutter/tree/main/examples/api/lib/cupertino
[Cupertino library]: https://api.flutter.dev/flutter/cupertino/cupertino-library.html
[Cupertino widget catalog]: /ui/widgets/cupertino
[Instructions]: https://github.com/flutter/flutter/tree/main/examples/api#api-example-code