A brand new DartPad.dev with Flutter support

John Ryan
John Ryan
Dec 4, 2019 · 3 min read

Today we’re announcing a major upgrade of DartPad.dev with a fresh new look-and-feel and support for the popular Flutter UI toolkit. DartPad is our online editor that runs Dart programs directly in your browser, and now it runs Flutter apps too.

Make something today

To create a new Flutter project, click the New Pad button and choose Flutter.

This adds some starter code to the editor and runs it. Any time that DartPad sees that you’re using package:flutter, a panel comes up to display the UI. Or use the Samples menu to find a Flutter sample.

Features

All of Flutter’s core libraries, like cupertino and material, are available to use, and DartPad can display their documentation. Select a symbol to see the documentation in the bottom panel.

DartPad formats code using the Dart formatter (dartfmt), offers assists, provides fixes, suggests auto-completions, and shows errors and warnings.

When you’re ready to share your snippet, you can create a GitHub gist and put the gist ID in a URL like this: https://dartpad.dev/<GistID>. You can share this link in a bug report, in a StackOverflow question, or on your social media platform of choice. Check out the sharing guide for more details.

You can also embed DartPad into a page, like in this codelab. Embedded DartPads are especially good for articles, codelabs, and tutorials. (Check out this guide if you’re interested in using DartPad in codelabs and tutorials.) To learn more about adding DartPad to a page, check out the embedding guide.

Thanks!

DartPad is part of the Dart open-source project. If you’ve filed issues or submitted changes to DartPad, thank you for making it better. If you’d like to contribute, get started at github.com/dart-lang/dart-pad. To learn more about running Flutter on the web, visit flutter.dev/web.

We can’t wait to see what you build!

Dart

Dart is a client-optimized language for fast apps on any platform. Learn more at https://dart.dev.

Thanks to Kathy Walrath

John Ryan

Written by

John Ryan

Dart

Dart

Dart is a client-optimized language for fast apps on any platform. Learn more at https://dart.dev.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade