User Interface Design Framework
- GUI library - Hundreds vector elements for interface design
- Minimal UI icons set - 260 vector icons for Illustrator
- Styles library - 200 styles to apply in Illustrator
A free User Interface Design tool for Web Designers
• Design faster wireframes and create better mockup deliverables in Illustrator.
• Design usable application interface with hundreds of common GUI elements : just drop them from Illustrator Panels or pick them in the library files.
• Customize easily the vectors GUI elements to your own needs : you can easily resize, color or tweak their appearance.
• Benefit from a consistent UI elements library made by a web designer expert in application interface design.
Illustrator CS2 file format - Zipped pack : 2,5 Mo
This framework is released as a complete web designer kit for free. Even for commercial use.
I just require a link to this page if you use the elements, icons or styles on a online website :
: http://www.webalys.com/design-interface-application-framework.php
You don't need to make a link if you use it only in application wireframes or user interface mockups.
About the philosophy behind this framework : A GUI Design framework inspired by agile software development
A flexible GUI elements library for Illustrator
• The GUI elements are based on common interface patterns (accordion, expandable panel, progress bar, tags, slide show…).
• They integrate usability good practices and are perfect for wireframes design.
• They are also a good start for interface application design : the appearance is consistent, they are easily customizable and all states of interaction are provided.
See a Preview of common GUI elements
See a Preview of Navigation
See a Preview of Windows and Containers
The most complete vector icons library - 260 icons for free !
• A pixel precise icon collection created for interface designers and web designers.
• These icons are easy to adapt to your own needs. They can be used for website wireframes, online application design, software interface mockup...
• They are based on a precise 16 pixels grid, which means that they stay clear and have crispy look even at small sizes.
See a Preview of GUI minimal icons set
A Graphic Styles library to design attractive web interfaces
• 200 graphic styles for buttons, navigations menus or panels.
• 330 swatches harmonized with graphic styles for backgrounds, typography and other GUI interface elements.
See a Preview of Graphic style library
PS : I'm using the lovely Lobster font by Pablo Impallari for the stickers.
70 comments
Comments closed
You like this framework ?
I can design your application
I'm a freelance Web designer expert in Graphical User Interface design.
I have been designing GUI software for 12 years, with a focus on usability and user satisfaction.
I'm from France but I can work remotely by Skype or E-mail.
Have a look to my Portfolio or Contact me for interface design work.
Complete Application GUI library
All basics components for designing an application interface are provided : Windows, Scroll bar, Tabs, breadcrumbs, pagination... .
Crispy and pixel precise icons
All icons are carefully designed on a 16 pixel grid, which means that they have consistent proportions and stay readable even at small sizes.
Lastest releases
• Vector icons library released - 7 June 2010• V 1.0 released : GUI elements and graphic styles added - 20 july 2010 • Fixed : Panels now open with CS2 - 30 july 2010
Next releases
• New vector icons and GUI elements
• 12 px version for vector icons
• PNG transparent version for icons
• Patterns styles for Illustrator (metal, stripes, Polka dots...)
Subscribe to next releases announcement
Thank you so much for this. I and my team will definitely make use of this resource.
20 July, 2010 at 6:40 pm
Excellent travail, je trouve admirable de partager le fruit de longues heures de travail de cette façon. Encore bravo.
20 July, 2010 at 7:15 pm
The panel files seem to be CS4. Thanks by the way!
20 July, 2010 at 8:00 pm
Excellent site! But I suggest the following edit: Not idiomatic in English: "I design software GUI for 12 years" Better: "I have been designing GUI software for 12 years"
20 July, 2010 at 9:01 pm
Awesome! Thanks any chance for a photoshop version?
20 July, 2010 at 11:36 pm
I'm a lazy guy and I'm literally drooling at this resource. Thank you so much!
21 July, 2010 at 12:24 am
Congratulations on such a generous contribution to the web app development world. I only wish we had this resource before we released FusionHQ. With resources like this it should help reduce the number of terrible interfaces out there and make the world a better place :-) Thanks
21 July, 2010 at 4:17 am
Fabulous! Thank you for providing these. Perfect for mock-ups, and the Illustrator files can be opened and edited in Adobe Fireworks too.
21 July, 2010 at 6:03 am
Thank you very much for your work - it saved me loads of time preparing those libraries for Illustrator myself.
21 July, 2010 at 8:03 am
very impressive, thank you so much! :)
21 July, 2010 at 9:09 am
Thanks a lot for this man, it will come in real handy!
21 July, 2010 at 10:07 am
I'd been looking to do my own set of interface elements but you've saved me a long job. Many thanks. J
21 July, 2010 at 10:46 am
Great job, thanks so much! Beau boulot, merci bcp ! ;)
21 July, 2010 at 3:38 pm
Great job, thanks so much! Beau boulot, merci bcp ! ;)
21 July, 2010 at 3:52 pm
You are awesome. Even better than my library ;-). Thanks for sharing your hard work with the design community. Hope you are rewarded greatly.
21 July, 2010 at 4:12 pm
Thank you very much but the files located in cs2 folder I can load they in cs5. I need the navigation components to work in cs5 please . can you make right to left components for Arabic language?? thank you again and again
22 July, 2010 at 1:51 am
Merci pour ce superbe boulot !
22 July, 2010 at 1:48 pm
Very nice GUI elements. Here is another awesome icons library: http://www.greepit.com/open-source-icons-gcons
22 July, 2010 at 10:58 pm
Love the simplicity of these. THANKS!
23 July, 2010 at 5:32 pm
Great set of web elements! Thanks
23 July, 2010 at 8:30 pm
thank you ver much.
24 July, 2010 at 12:02 pm
AWESOME!!!! Incredible, thanks for sharing! definitely it's great.
24 July, 2010 at 2:39 pm
Definitely a big fat thank you for sharing this work!
24 July, 2010 at 3:06 pm
Thanks for sharing this will be extremely useful. You guys rock!
24 July, 2010 at 3:47 pm
Thank you for this extremely useful framework !
24 July, 2010 at 7:57 pm
This is INCREDIBLE. Is this useable in Inkscape? Can it be?
24 July, 2010 at 10:35 pm
nice work , thanks for releasing this free, but you shouldn't ask peoples to put a link on their webapps to your site, you probably know that most of the peoples won't like to do that in a professional app, so you may suggest people to add a link if the wish
24 July, 2010 at 11:38 pm
awesome! Thanks for making available free of cost. It's going to help thousands of designers/illustrators. -abdul
25 July, 2010 at 12:13 am
Kudos to you! I'll use it as skins :)
25 July, 2010 at 7:54 am
Very nice set. Thank you very much!
26 July, 2010 at 4:57 am
Thank you, great help
26 July, 2010 at 5:26 am
Thanks, thanks, thanks :)
26 July, 2010 at 12:31 pm
very good site with good articles, the theme is based sind.
26 July, 2010 at 5:30 pm
You are a great help to designers everywhere. Thank you very much!
26 July, 2010 at 7:47 pm
Thank you very much. Very valuable resources for designers!!
26 July, 2010 at 11:53 pm
Very valuable resources for designers!!thank you very much.
26 July, 2010 at 11:58 pm
Thanks, man. Excellent resource. A credit to your professionalism. You've saved a lot of people a lot of time and I hope your generosity is paid back in spades. Cheers for the crispy resources.
27 July, 2010 at 2:47 am
I created a Blueprint 960 Grid with Firefox browser chrome. Feel free to download it from my site http://www.nomadchique.com/free-design-tools/. Hope it helps you on your design quest!
27 July, 2010 at 3:06 am
AWESOME! Thanks for the share, will definitely use these in some upcoming projects!
27 July, 2010 at 12:23 pm
Thank you very much.
27 July, 2010 at 1:42 pm
gr8 resource...will surely help me in my designs...KUDOS!!!
27 July, 2010 at 6:13 pm
Very generous! Thank you.
27 July, 2010 at 10:11 pm
Big Thanks!
27 July, 2010 at 11:34 pm
Thank you very much guys, extremely useful stuff!
27 July, 2010 at 11:35 pm
Thank you very much for these useful tools. I will be using prob almost every day for idea generation and wireframes
27 July, 2010 at 11:59 pm
Thank you! this is a big help for me.
28 July, 2010 at 12:29 am
thankx a lot
28 July, 2010 at 9:14 am
Thank you. A great resource, I'll definitely be using this excellent resource.
28 July, 2010 at 10:32 am
Thank you. A great resource, I'll definitely be using this excellent resource.
28 July, 2010 at 10:44 am
One of the best sets (actually it is the best) I've seen in a really long time. I actually still don't use this stuff that much though.
28 July, 2010 at 10:50 am
Great pack! Thank you!
28 July, 2010 at 11:01 am
Please port these libraries to OmniGraffle.
28 July, 2010 at 5:12 pm
Great collection THANK YOU
28 July, 2010 at 6:27 pm
Super boulot :) Par contre impossible d'utiliser les panels sous CS3, normal ?
29 July, 2010 at 9:20 am
Thnx a lot for great pack! Great and useful tools.
29 July, 2010 at 12:23 pm
It's great & very useful stuff...
29 July, 2010 at 4:45 pm
Thanks for this! Awesome work!
29 July, 2010 at 5:59 pm
The panels don't seem to be compatible with CS3, any chance someone with a newer version of the CS suite could export them for use in earlier versions?
29 July, 2010 at 8:33 pm
Thanks everybody for all these great feedbacks and nice comments :-) Just fixed he problem with panels : now they open in CS2 and CS3
30 July, 2010 at 7:43 am
Excellent collection! defiantly will use on ur next project :)
31 July, 2010 at 1:03 pm
thank yo Aaron for posting this to face wall. it will become very usful.
1 August, 2010 at 7:15 am
I've been designing software interfaces & interaction for 16 years and this is the best digital set I've seen. And the licensing is unbeatable! Thank you!
2 August, 2010 at 7:03 pm
Fantastic work! Thanks for sharing.
3 August, 2010 at 6:37 pm
Thanks for posting all of this. The icon set was just what I was looking for.
4 August, 2010 at 3:12 pm
Merci, travail fantastique !
5 August, 2010 at 10:53 am
Hi! Don't know what to say - Wow! Great work. Thank you for this generous contribution.
5 August, 2010 at 1:34 pm
great stuff although i used to do all design in photoshop this is still great as inspiration pack (most complete i've seen)and i believe it's going to safe a lot of time and effort thx
5 August, 2010 at 3:50 pm
i love you!
5 August, 2010 at 5:12 pm
Very cool! Tks mates!
5 August, 2010 at 5:27 pm
Your contents are stolen by Jap.
6 August, 2010 at 5:04 am