Discussion 28 Comments

1. n1tr0b says:

   August 25, 2011 at 2:37 pm

   Awesome! Thanks for this very much!

   Reply
2. mojo706 says:

   August 25, 2011 at 3:05 pm

   Awesome thank you this invaluable

   Reply
3. Odog4ever says:

   August 25, 2011 at 7:18 pm

   Can anybody point me toward a tutorial on how to implement UI elements like this with HTML and CSS? Several search engine queries have yield less than stellar results.

   I’m particularly interested in the application of the form elements (check box, radio button) and drop-down box , tool tips, slider, etc.

   Reply
   • Luke S says:

     August 25, 2011 at 7:23 pm

     Just style your form inputs, elements etc with CSS, it isn’t hard.

     Reply
   • Ico says:

     August 25, 2011 at 8:58 pm

     For tooltips, you can have tooltipsy : http://tooltipsy.com/ . For radio button, checkboxes, you can use jQuery UI.

     I am currently creating a plugin to enable to create his own dropdown box and checkboxes buttons, if you want more infos, you can subscribe to the newsletter here : http://prbaron.free.fr/pbform/ . I will send an email when the plugin will be released (very soon for the dropdown).

     Regards

     Reply
   • Techeese says:

     August 25, 2011 at 11:36 pm

     Same here please..

     only hint i know is jquiry’s UI

     Reply
     • Odog4ever says:

       August 26, 2011 at 1:26 am

       OK thanks. I’ve only just gotten started with JavaScript/JQuery so I’ll look into it.

       Reply
   • Ian Yates says:

     August 26, 2011 at 7:27 am

     Staff

     We’ve covered jQuery’s UI toolkit before on Webdesigntuts+, but rest assured that there’ll be more UI tuts to come..

     Reply
   • dustin says:

     August 28, 2011 at 5:46 am

     Hey i plan to use this ui kit, maybe slightly modifiy some elements for an online based invoicing system geared towards mobile devices and (hopefully) being able to do some jquery touchscreen gesture detection. i was wondering what license, if any is with this. My system will be built almost entirely from this ui kit, and although open source i plan to sell it to people as well. If it conflicts with any license then i wont sell it, but if not i would also love to make a donation after so many sells of my invoicing system.

     This is absolutely sleek, i was actually going to use a similar colorscheme/design style until i bumped into this, why reinvent the wheel i say :)

     Also i suggest a dark version, although converting this to a dark version myself aint too hard. oh man, i love this ui kit

     Reply
     • Ian Yates says:

       August 29, 2011 at 9:47 am

       Staff

       Hi Dustin,

       Vue is completely free for personal or commercial use. Incorporating it in an app, such as the one you described, is exactly what it’s here for. Don’t sell the .psd however, and for redistribution please always link back to this page.

       Credit isn’t necessary, but Fares and Webdesigntuts+ will always appreciate a shout out where possible ^^

       Reply
4. Brendan says:

   August 25, 2011 at 9:57 pm

   This is great, thanks!

   Would it be possible for a tutorial on implementing these elements – particularly the css and/or jquery required to make these elements work.

   Reply
5. Sethciv says:

   August 26, 2011 at 5:31 am

   Thanks for this nice UI package!

   Reply
6. PSDExplorer says:

   August 26, 2011 at 5:37 am

   This is really slick and clean. Great job!

   Reply
7. custom icon design says:

   August 26, 2011 at 7:49 am

   it’s a good elements for web design. but how can I got the special font([sign painter],[house script])? many thanks.

   Reply
   • Fares Farhan says:

     August 26, 2011 at 8:07 am

     Author

     I use Sign Painter House Script only for “Vue” text. Not for the actual text used across the UI elements.
     So I think you don’t need it to use the UI Kit.

     Reply
8. behi says:

   August 26, 2011 at 10:33 am

   Thanks For Ul

   Reply
9. Adi says:

   August 26, 2011 at 3:52 pm

   amazing…..

   Reply
10. Leandro says:

    August 31, 2011 at 3:30 pm

    Thanks you guys. I’m going to incorporate some of this UI element in my site. Im also linking this page on my facebook page as a way of thanking you guys.

    Reply
11. ex3mist says:

    September 3, 2011 at 7:50 am

    That’s just great! Thanks a lot!

    Reply
12. Kevin says:

    September 5, 2011 at 6:32 am

    This looks great. I’m going to try to implement it in one of my future projects.. thanks guys!

    Reply
13. marhol says:

    September 6, 2011 at 6:28 pm

    i wanna marry you! thx XD

    Reply
14. quangtran says:

    September 7, 2011 at 7:12 am

    Thanks for share, but I waiting for someone make this UI with CSS+HTML.

    Reply
15. sapna says:

    September 19, 2011 at 6:11 am

    how to download Vue UI kit

    Reply
16. Jyoti says:

    September 19, 2011 at 6:41 am

    How to down load it man

    Reply
17. Ian Yates says:

    September 19, 2011 at 9:12 am

    Staff

    @sapna @Jyoti – there’s a massive DOWNLOAD SOURCE FILES link at the top of the page!

    Reply
18. Luka Cosic says:

    October 20, 2011 at 3:19 am

    OHHHH, this ui is tooo good, i can’t look at it for more than 10 seconds (that might be a bad thing :)

    Reply
19. Ricardo Mello says:

    March 8, 2012 at 12:04 am

    Hi guy!
    The link to download the Vue UI Kit its broken!
    Can you fix it?

    Reply
    • Ian Yates says:

      March 8, 2012 at 8:21 am

      Staff

      Hi Ricardo – I’m not sure what the problem was, but it certainly isn’t broken now. Try again!

      Reply