Try out new online flutter compiler

It’s a bit long ago flutter has released stable version for web. DartPad was initially supported to test only basic dart code. It is now possible to test Flutter on DartPad and develop applications with Flutter. All you have to do is:

Go to Dartpad for flutter.

Click on new pad.

Select flutter.

There you go.

You can try whatever UI you want.This is very helpful for developers with low-end systems or who are getting started with Flutter.

Here is how I made the above UI.

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage>
    with SingleTickerProviderStateMixin {
  AnimationController controller;
  Animation animation;
  CurvedAnimation curve;
  @override
  void initState() {
    controller =
        AnimationController(vsync: this, duration: Duration(seconds: 2));
    curve = CurvedAnimation(curve: Curves.easeIn, parent: controller);
    animation =
        Tween(begin:Offset(0.0, -10), end: Offset(0.0, 10.0)).animate(curve);
    super.initState();
  }
@override
  Widget build(BuildContext context) {
    controller.forward();
    return Scaffold(
      body: new Center(
        child: SlideTransition(
          position: animation,
          child: new Text(
            "Hello world",
            style: TextStyle(color: Colors.black, fontSize: 20.0),
          ),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () async {
          await controller.reverse();
          controller.forward();
        },
        child: new Icon(Icons.refresh),
      ),
    );
  }
}

It’s the same code to develop for mobile. Try out dartpad at https://dartpad.dartlang.org/flutter

Flutter Community