JavaScript
Article

My Top 5 AngularJS Demo Applications

By Sam Deering

Here are the top 5 demos/apps that I have seen (so far!) which use AngularJS framework. Demos/rankings current as of 16-11-2012. If you haven’t heard of Angular JS before it is a JavaScript Framework which is great for creating dynamic HTML templates which can utilize cool features such as two way data binding and custom HTML tags. Although it’s definitely a usable framework as it stands now, it is one to look out for in the future.

1. Sublime2 and Textmate Theme Creator

Awesome design, easy to use and download your custom theme.

Sublime2-and-Textmate-Theme-Creator-image.jpg
View Demo

2. Movies search IMDB

Fast, awesome slider filter, nice category filters. Built with jQuery, AngularJS and taffyDB JavaScript database.

Movies-search-IMDB-image.jpg
View Demo

3. Angular JS Panels

Nice demo of two way data binding and model structure.

Angular-JS-Panels-image.jpg
View Demo

4. Awesome Todo List

Simple but elegant.

Awesome-Todo-List-image.jpg
View Demo

5. Employee Login App

Nice UI – Built with AngularJS, CoffeeScript, Sass and Rails.

Employee-Login-App-image.jpg
View Demo

6. Wine Cellar App

There is one more demo which is pretty good and worth a mention.

Wine-Cellar-App-image.jpg
View Demo

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

  • Johny Huy

    Good! I need them! Thanks so much!

  • Peter van Bussel

    There are 6 examples you noob!

    • Roy

      Peter – chill!

      • http://jquery4u.com/ jQuery4u

        Lolz – yes I gave 1 extra! .. but it is a GOOD one! :)

    • http://jquery4u.com/ jQuery4u

      +1 for using noob

  • Muhamad Akbar Bin Widayat

    nice!

  • michaelfillier

    The wine demo doesn’t work anymore.

    “fromJson error: {“error”:{“text”:SQLSTATE[42S02]: Base table or view not found: 1146 Table ‘demo.wine’ doesn’t exist}} SyntaxError”

  • Pingback: Plain Average Mind()

  • Royce Lithgo

    #5 (Employee Login) doesn’t work in Firefox, works fine in Chrome.

  • Josh Holloway

    Awesome all the tutorials !. Please provide the source code for these tutorials.

  • krigoo

    Movie IMDB search seems to be dead link… #RIP

  • Parth Mehta

    demo wine not work….

  • http://www.jharaphula.com/ JHARAPHULA

    Examples are the best way to learn AngularJS. Assume you already know
    JAVASCRIPT, then what more you required? Only Examples are good enough
    to get basics of AngularJS. Look at this link
    http://jharaphula.com/category/programming-solutions/learn-angularjs-with-examples
    here I collected all the fundamentals of AngularJS. its easy n fun to
    learn.

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.