More patterns for ya!  This is Version 2 of the first Axure stencil library.

Demo the HTML OR  Download the Axure (.rp) File

What’s new in this version?

I’ve gone a little nuts with some of these.  There are a few new techniques, described in my last post about Click and Drag simulation, as well as some simpler but useful widgets.

  • AJAX Field Validation
  • Carousel
  • Carousel with simulated “Click and Drag”
  • Field Validation
  • Hover Tip
  • iPod Menu
  • Map
  • Map with simulated “Click and Drag”
  • Progress Bar
  • Self-Healing Delete from List
  • Tabs Left

The “Click and Drag” widgets are still a bit rough around the edges, so I’ve marked them “beta” and recommend against using them for user testing.

What if I want to add something to this library?

People have contacted me interested in contributing to the library, and I think that’s a great idea.  Until a site gets set up where users can upload their own, the current method for submitting designs to this template is to e-mail me at: loren at acleandesign dot com.   I’ll be happy include well-polished masters and to credit the author.  It’s not a permanent solution, but I don’t have time to create a full community site.

27 Responses

  1. Gravatar Icon 1 Yvonne

    Great library, thank you!

  2. Gravatar Icon 2 Abid

    This is brilliant! For me, the lack of an Axure library was the software’s biggest disadvantage. Thanks for producing this.

  3. Gravatar Icon 3 MH

    I’m very new to Axure(moving from OSX to have a propper prototyping tool) – how do I install this brilliant library?

    The lack of a “widget library” is frustrating compared to Omnigraffle fx.

  4. Gravatar Icon 4 Loren

    The library is an .rp file – all you should have to do is open it with Axure. Alternatively, you can go to “File > Import from .rp File”, select the library and take whichever masters you need.

    If you’re having trouble downloading, try using Firefox. Some other browsers have trouble with the download.

  5. Gravatar Icon 5 Ezra

    Great Library! Thank you – kudos

  6. Gravatar Icon 6 Frankie

    This is absolutely brilliant! Thanks for taking the time to develop the library and for sharing it with everyone.

  7. Gravatar Icon 7 axure.org

    Great Library! Thank you!

    http://webppd.5d6d.com/thread-120-1-1.html

  8. Gravatar Icon 8 Jonathan

    Erk! This library is under a CC BY-NC-SA license!

    This means you can’t distribute derivative works based from it and make money from that. It’s in the nature of a pattern library that you can make derivative works from it. A BY-NC-SA restriction means very few people can legitimately this unless they were working in and for non-profit organisations.

    Is there a reason why this isn’t under simply a BY license?

  9. Gravatar Icon 9 Loren

    @Jonathan Because, being inexperienced with copyright law, I poked around creative commons and used one that looked reasonable without fully understanding the implications! Thank you for pointing that out – I’ll be sure to update the license ASAP.

  10. Gravatar Icon 10 Jonathan

    That’s OK Loren – and apologies for my ranting (and typos)!

    This does illustrate a potential problem with CC licensing though: it’s deceptively simple. For example, I think your use of the “share-alike” restriction would mean that any derivative work from this library would demand that the works (ie the web sites) that they were used in would also have to be under the same licence – what might be termed a “viral” effect. But I’m not sure, and it may depend on the jurisdiction, which in turn depends on whether CC has been “ported” to that jurisdiction… hm.

    And while I’m rambling, you can of course change the licence (or give the library more than one type), but a licence is non-revocable. This means that in theory you might still be able to prosecute somebody who made commercial use of a pattern while the library was under a non-commercial restriction. Whahoo!

  11. Gravatar Icon 11 Loren

    Thankfully I’m not the prosecutorial type :) if that’s even a word.

    I think it also depends on how you define derivative works – for instance, these widgets are used in Axure prototypes, which are just designs. If someone builds a website based on these designs, but reuses none of the code, does that count as reuse? Personally, I don’t think it does, but I am no expert.

  12. Gravatar Icon 12 Berry

    When I open the .rp file I only see the carousel and map widgets. How do I view the others?

    Thanks for the great work!

  13. Gravatar Icon 13 Loren

    Hi Berry,

    I think you’re downloading an .rp file from another post: http://www.acleandesign.com/2008/09/click-and-drag-simulation-in-axure/

    Try the one above on this page and it should work! http://www.acleandesign.com/m/Axure_Stencils_2_ACleanDesignDotCom.rp

  14. Gravatar Icon 14 Thomas

    Not sure if anyone has posted this here yet, but the Yahoo stencils are finally available for Axure. Since I haven’t had the chance to test them yet somebody else would have to do it. ;)

    http://developer.yahoo.net/blog/archives/2009/08/design_patterns.html

    It is also on the Axure page:
    http://www.axure.com/widgetLibraries.aspx#Widget_Libraries

    Keep up the great work.

    Cheers Thomas

  15. Gravatar Icon 15 Loren

    Thomas: You are absolutely right. I have a bit of updating to do :)

  16. Gravatar Icon 16 chris

    I’m just trying out Axure and I came across your library of interaction widgets. I am really impressed, this library alone pretty much makes the sale for moving to Axure.

    However, I just wanted to clarify the licence you have attached, as it still seems to be non-avaliable for commercial work.

    Are you intending to change it so that it can be used as part of commercial UX design work? As mentioned above, the library is incredible, but the current licence limits it pretty much to Not-for-profit work.

    Otherwise, great work!

  17. Gravatar Icon 17 Workerbee

    This is great. Nice job putting this together. This has saved me lots of time.

  18. Gravatar Icon 18 wickkevin

    Great stuff, thanks for making and sharing! I especially appreciate learning from your approaches to creating widgets and masters.

    I look forward to hearing you at AxureWorld this weekend.

    Yesterday, I posted a widget library where all the widgets look like they were pencil drawn. This sketchy look was based on the Visio stencil by Niklas Wolkert. Here’s the blog post with info, demo, and download: http://consulting.ascentium.com/blog/ux-seo/Post222.aspx

    Cheers!

Leave a Reply