Demos

You can try out a recent build of all of the SproutCore demos.

The source code for the demos is available on GitHub. To get them running on your machine, first install SproutCore, then:

  1. $ git clone git://github.com/sproutit/sproutcore-samples.git Initialized empty Git repository in /Users/tomdale/work/test/sproutcore-samples/.git/ remote: Counting objects: 2644, done. remote: Compressing objects: 100% (1381/1381), done. remote: Total 2644 (delta 1436), reused 2137 (delta 1130) Receiving objects: 100% (2644/2644), 1.88 MiB | 892 KiB/s, done. Resolving deltas: 100% (1436/1436), done.
  2. $ cd sproutcore-samples/
  3. $ sc-server Starting server at http://0.0.0.0:4020 in debug mode To quit sc-server, press Control-C >> Thin web server (v1.2.5 codename This Is Not A Web Server) >> Maximum connections set to 1024 >> Listening on 0.0.0.0:4020, CTRL+C to stop
  4. Open http://localhost:4020/ in your browser

Sample Controls

A showcase of all the built-in controls in SproutCore. Note that all 400+ views are generated on demand, in JavaScript.
View Demo

Bindings Overload

As myriad buttons fly around the screen, you can instantly update the title of each by editing a text field.

The title of the buttons is bound to a controller, which is also bound to the value of the text field. No glue code necessary.
View Demo

⇡ Return to top