YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Introducing Widgetkit

Introducing Widgetkit

We are proud to finally announce the first release of Widgetkit our next generation tool set. Widgetkit is the successor of the famous YOOtools we first introduced in January 2008. Back then the YOOtools were only built to work with Joomla 1.5 and Joomla 1.0 (for those who remember the old times) and until today enriched countless websites. As time flies by so fast in the web, our tools aged and were due for a major update. So we started working on a new version of our tools back in August 2010, right after we finished our work on the Warp 5.5 theme framework.

When we started we basically had two choices, the easy one would be to take each YOOtool and update it's code to work with our default JavaScript library jQuery and keep everything else. Each tool would still require you to use Joomla articles to fill their content. This seems like a reasonable approach, but we thought if we have the opportunity to re-design the tools what can we do differently now to make them even better. We also wanted to achieve compatibility with Joomla 1.6 and to make them available for WordPress. Giving all this a lot of thought, we came up with great ideas which are now implemented in Widgetkit. With Widgetkit we created a whole new concept to make the tools easier to use, install, update and extend.

Widgetkit basically acts as a platform for all our widgets. It installs as a single component in Joomla 1.5 and Joomla 1.6 or as a plugin in Wordpress 3.x. The Widgetkit dashboard presents you an overview of all widgets. You can create, edit or delete all widgets and their content in one place. And after you have created the content for your first widget you can either use a shortcode or a module to display your widget anywhere on your website. In fact you can do both because once have you created a widget you are able to display it multiple times and reuse it on different parts of your website.

Our first Widgetkit BETA offers you four commonly used widgets which are Slideshow, Lightbox, Spotlight and Twitter. All widgets are written from scratch using HTML5 markup, CSS3 features and JavaScripts based on jQuery. Here is a quick overview of all the widgets features:


The Widgetkit Slideshow is the most interesting widget of the Widgetkit BETA release. It takes full advantage of the very user-friendly Widgetkit administration user interface. You can easily create and manage slideshows and their different slides. It comes with 15 eye-catching transition effects which are all based on hardware accelerated CSS3 animations with a JavaScript fallback for all Internet Explorers. This makes the slideshow run smoothly on iPads, iPhones and Android phones. As icing on the cake the slideshow can be browsed using swipe gesture on mobile phones.


The Widgetkit Lightbox is our new and shiny lightbox. It is originally based on the great Fancybox for jQuery. We did some optimization, removed IE6 support and used CSS3 and HTML5. It also comes with support for YouTube and Vimeo videos as well as SWF movies. It replaces our old lightbox so there is no need to use the YOOeffects plugin anymore.


We also added the Spotlight effect to Widgetkit which you all know from our Warp5.5 themes. That's the reason why we removed it from Warp6. The new Spotlight effect, is also enhanced and is a lot easier to use than the previous version.


The Widgetkit Twitter widget replaces our old YOOtweet module. It is completely rewritten and the caching is optimized. The tweets will show up even if Twitter is not available.

What's next?

Since this is the first BETA version of Widgetkit, we will give it some time to collect all appearing issues and bugs and release a second BETA in the next weeks. But of course we are already working on new widgets which will be added to Widgetkit. Following widgets are currently planned: Accordion, Maps, Gallery, Tooltips and of course more Slideshow styles. So enjoy Widgetkit and take it for a test drive!

By Steffan | | Posted in Widgetkit

Comments (119)

  • Morgan


    Amazing, will check it out right now!
  • One Deko

    One Deko

    Nice work !! Thx
  • weble


    | Profile |
    OMG!!! This is AWESOME!!!
  • ivo.haarmann


    | Profile |
    sounds great, but what will happen to the old yootools and is there a migration path from old yootools to the new widgetkit? I wonder how that can be done. Nevertheless I think starting from scratch and make it HTML5 and CSS3 based was the right decision.
  • alessio.menotti


    | Profile |
    I am impressed for real. Gonna try it out rightnow and report any issues
  • matt.bord


    | Profile |
    That's what I'm talking about...!

    GO...YOO Team....and GO Widgetkit...

  • molillelund


    | Profile |
    Sound great! Could you show it in action?
  • Jens


    bririlliant. Very interesting approach. i'm impressed.
  • peter.russell.64


    | Profile |
    Tried out the slideshow and works a treat. I guess my only issue is that it would be nice to have access to the editor in the slideshow content area, maybe that's to come later. But a quick piece of HTML and presto the image was there. Can I assume that the spotlight function will work within the slideshow, if it does it will be very nice.
    I like the way you have put it together, a component which allows you to set it up, then either a module to display the output or classes to activate. Nice work with a nice interface, although a few tooltips for some of the more obscure fields would have been nice.
    Thanks Yootheme
  • As always, great job guys! Its nice to see that you are very active in the development! have planned a demo and documentation section in the short, or in the meantime should download and test locally?!? Thanks
  • guido.volkmann


    | Profile |
    Very good, for the first step ;-)
  • matt.bord


    | Profile |
    Already testing on my page....great work!
  • bojan.trosic


    | Profile |
    Fantastic job guys.
    Do you plan to integrate Widgetkit with Zoo?
    • sascha


      | Profile |
      Yes, we are working on it :-)
      • Karim


        Have you guys been able to integrate widgetkit with zoo yet?
  • bigfrontdoor


    | Profile |
    Is it just Lightbox, slideshows and spotlight that are included in the beta ? I don't see twitter anywhere (1.5 install)
    • Danny


      just check module manager
    • matt.bord


      | Profile |
      For Twitter go to modules....it's right there....
  • james.hink


    | Profile |
  • anders.k.jonsson


    | Profile |
  • hugo.a.perez


    | Profile |
    Nice, I'll try right away
  • ed ventura

    ed ventura

    where do we download it?
  • magicspon


    | Profile |
    is there a demo/download available anywhere?

    sounds very promising

    good stuff yoo
  • iluvtofu


    Great! Finally! Will these tools be made available as a part of Zoo for 1.6 since they are missing Zoo tools?
    • sascha


      | Profile |
      Yes, ZOO and Widgetkit will work together soon...
  • ryan.jones


    | Profile |
    I have been messing around with this for the last hour and I have to say that I am very impressed!
    Keep the additional widgets coming!

    I am really looking forward to this months template release now and hope that YOOtheme can blow us all away!!
  • joon2008


    | Profile |
  • tqddn_hmzh


  • phil


    There has ben a lot of promise about the tools for ZOO 1.6 as at the moment there are modules for zoo 1.5 but not for 1.6

    Will this toolkit replace the zoo 1.5 tools and be usable for zoo 1.6? I dont see any mention of Zoo in the blog!
    • sascha


      | Profile |
      Yes, Widgetkit will work with ZOO together soon...
  • carlos.l.zetula


    | Profile |
    thanks a lot!
  • Big Sun Photography

    Big Sun Photography

    Please include a 'help' tab with all of this. I'm not clear at all on how to actually use these widgets.
  • jennifer.adamowsky


    | Profile |
    is there a live demo anywhere?
  • TuQ


    I love you! ;)
  • houston


    Thanks god, Sasha! We delayed all projects for this release. Greetings!
  • hugo.sousa


    | Profile |
    My congratulations on the excellent work they have developed, so that we can all make the web look good (:
  • hugo.a.perez


    | Profile |
    Any Documentation?
  • Erik


    THANK YOU. Please please PLEASE do the YooCarousel next! That's the most powerful and useful tool ever in my opinion. And I desperately need it for a new Wordpress site about to launch :)
    • Jona


      I'm pretty sure the functionality of Carousel has been wrapped up into the Slideshow widget.
  • GreenHostIt.com


  • Carlos


    WOOOW Amazing !!
  • doogledesign


    | Profile |
    Zoo Integration would be A MUST or make sure to preserve the Zoo Tools that are currently there. Being able to include a ZOO item in the tools is MUST MUST MUST.

    Great work so far. Love the work so far.
  • phuongha


    | Profile |
    This is incredible. I cannot wait for the other widgets. Awesome work!
  • thomas.schlander


    | Profile |
    Excellent!!! I love the slideshow. It is perfect!
  • sammer


    | Profile |
    Does it support (RTL) Right-To-Left Languages ?
    And does it support RTL from the beginning ?
  • valentin.dedu


    | Profile |
    I like that.
  • Brian


    This is going to make the annual renewal less painful (though not quite offsetting the sinking of the dollar). Well done!
  • ronny.steinmetz


    | Profile |
    Well this is huge... And awesome...
    Really looking forward to the upcoming widgets...
    Missing a little the good old "Reflect"Effect... ;)

    Good job everybody!!!
  • Paul


    Fantastic news! you guys have great timing, specially for the gallery. Will test it out and give you my feedback.
  • Nico


  • tenekes


    thanx a lot !!!! ;-)
  • nike1me


    | Profile |
    i geuss the june tempalte will have a live demo. I would say great work but id like to see them in action. Thx for the big effort.
  • very good news!!!
    Thank you.
  • fabio.cuzzi


    | Profile |
    THANKS!!!! Will be waiting for the rest of the tools.
  • Benjamin


    Good news! Slideshow works great, but where can i find the element.style min-height:?
    • sascha


      | Profile |
      Just update to the latest theme version and you problem will be solved...
  • robert.coemans


    | Profile |
    Already testing slideshow on my page and it works good but this widget can have some more functionality like more effects, include HTML editor, allow overlay text, control where to place the overlay text etc. Looking forward to see the future functionality of Widgetkit like ajax login form etc.
    • sascha


      | Profile |
      We added an HTML editor and text overlays to the latest BETA version :-)
  • gaetano.bucci.66


    | Profile |
    Finally...yes!!!!! ;)
  • Maico


    Great! Can't wait to see the other tools. Smooth slideshow. suggestion: it would be nice to be able to select a whole map of images at once.
  • Hoping to see the BETA version finished soon! ;O)
  • jennie


    Awesome! As others have mentioned, I hope to see more options with the slideshow, like description text overlays that can be placed in different areas over the image. The use of thumbnails as navigation controls is another option. More styles will definitely make this the best slideshow ever, assuming you can have text overlays with links.
    • sascha


      | Profile |
      We added text overlays for the Slideshow to the latest BETA version :-)
  • SandbergPDX


    How do I download Widgetkit?
    • robbert


      | Profile |
      Just login at the Member Area, and go to Downloads.
  • donnie.l.rollins


    | Profile |
    Yootheme Development staff please strongly consider in your web 2.0 slideshows to include a "loader" option in the widget kit that you can turn on or off. We get many customer complaints about the lack of loaders on the yootheme carousel on clients websites. We get the same complaints with the Zoo Content Slideshow. We often have to select less desirable slide shows because they have loaders.
  • Crozy


    Yoo guys rock. Love it!
  • Thofr


    it's a pitty that the spotlight effect doesn't work on a mobile device.
    • sascha


      | Profile |
      Touch devices have no hover state... You don't have a mouse cursor ;-)
  • David Soden

    David Soden

    Very good release and core architect. I have not tested but am a bit concerned about HTML5 and browser compatability at the current moment but I would not change this. I think by 2012 this Widgetkit will be as or more amazing then the current tools are now for 1.5. Very pleased and confidence is restored for 1.6.

    Thank you Yoo Team! and congradulations...
  • seunweb.com


    this is good news to all web admins and J & W users in general. A complete suite of widgets on the go.
  • Christian


    Tada! Another great Job done by the Yootheme-Team. It's georgius!
  • yofee


    | Profile |
    that's great!
    But will it be working on Joomla 1.7+?
  • bojan.popic


    | Profile |
    Aahhh... timing is JUST PERFECT! Thank you!
  • Ben


    On the slideshow widget it says it supports html text, does this allow you to control the text size, style, color, background and location on the slide?
  • robert.redam


    | Profile |
  • neejoh


    | Profile |
    Does this mean the current tools will not be ported to Joomla 1.6, but our only option is getting on the Widgetkit bandwagon?
  • indyfx


    | Profile |
    With Slideshow set to 'auto' the user can click the button to advance to the next slide. When finished, I'd suggest that the Slideshow should revert to 'auto' rather than remaining on the clicked slide.
    • jennie


      I totally agree! And I would also like to see a way to link a slideshow image to an article or custom URL. There should be a nice UI for picking an existing article or entering in a custom URL link. Oh, and text caption Titles and article Descriptions would be awesome.
      • Sabature


        I think this is already there.
  • benjamin.jackson


    | Profile |
    How do we get Widgetkit?
  • Mo Didley

    Mo Didley

    Really great but one thing would make it even greater: Please allow image uploading for the Slideshow as this would make it very userfriendly! Thanks a lot!
    • Sabature


      If they did that we would have to link the slides using .txt files in the slideshow folder. I think this way is better because we can link the files...we can also use HTML slices and have different boxes within an HTML slide link seperately...You can even add videos to the HTML slides you do. I quite like this.
  • cfpmadrid


    | Profile |

    It´s just install and run.

    Perfect I´m waiting for the rest
  • clank


    where do I download it? I want to test it on a site I have in development. Thank you.
  • jose


    perhaps a stupid question... where can I download it?
  • gracie


    Can you please provide an update on when the final tool set will be released. Seems like the tools were announced a few months back, but there are only a few available. Also, I think only beta 3 has been released, but seems like many features are still missing, especially in the slideshow. Hope more tools and updates will be released soon. Thanks for the great work.
  • preston


    yootheme just keeps gettings better and better, thanks to all of you who develop these nifty tools!
  • I<3Yoo


    When can we expect further updates for this?

    The BETA is awesome, i am looking forward to a stable release and more widgets!
  • Bryce


    Before I buy, is it possible to use the lightbox within the slideshow? As in, slide 1 is visible, click it and open a video in lightbox. Slide 2 rolls in, click it to pop up an outside webpage lightbox. And so on...
    Thank you!
  • Tuhin Rahman

    Tuhin Rahman

    Good Job. I like it
  • John Venturs

    John Venturs

    This works with any template for example "Template Studio for WP"?
    Thanks for all
  • zrocweb


    | Profile |
    Perhaps in the next release of the widgetkits, you could make them available in modules too, not just content. If you try to load a widget in a module with the shortcode, it does not work.... unless I'm missing something
  • steve babbitt

    steve babbitt

    Ok guys, looks like a dream come true. Everything the Yootools had in a much easier package EXCEPT for tabs in the slideshow...

    Is it in the plans?


    Steve Babbitt
  • hugues81


    | Profile |
    Great component! would be nice to see zoo and k2 integration...
  • Rishah


    WidgetKit is Freakin' Sweet...but how do you do module overrides???
  • Wesley


    Is it possible to enable the lightbox to handle PDF files?
  • Nice work !!!! Very nice, good job!
  • Richitron


    The best modules for joomla, only from yootheme !

    In a wish list I wonder. . .

    1.- The media player can maybe have a playlist for multimple videos !? ( this can be great i think )
    2.- A module for create advanced forms !?
    3.- A module for facebook !?
    4.- A Shoutbox module for the site !? ( this can be great i think )
    5.- YOOcarousel !??

    Yoo rules !! Great job like always !! The best for the community yoo !!
  • mfragk


    excellent work!!
  • rudi.van.der.duim


    | Profile |
    I like to know how to use the widgetkit
  • anna.robinson


    | Profile |
    Perfect - even more perfect - and then there is Widgetkit :-)
  • pablo


    Great stuff! The best :) THX YOOtheme™
  • Can i use widgetket media player for zoo. Thank you.
  • david.raila


    | Profile |
    I have an older site that uses youcarousel, which slideshows content
    pages from a category. Is this possible using the widget slideshow?
    I have not seen this option, and I really don't want to go through changing
    all of the old content, but perhaps I'll have to.
    • sascha


      | Profile |
      The old YOOcarousel is not supported anymore. You have to use Widgetkit instead. You can also load Joomla articles like in the old YOOcarousel. So you only have to pick a style which fits your needs :-)
  • marius.sirbu


    | Profile |
    Can I insert a widget into module? In articles works fine, but inside modules not working
  • danilo.lutti


    | Profile |
    we need auto article's thumbnail slideset / carousel!! please.. develope this...
  • marios.andreou


    | Profile |
    Is widgetkit compatible to k2 component?
  • nicolas.coquio


    | Profile |

    i cant get my slideset widget have a transparent background, its using:

    class="module mod-box deepest"

    intead of

    class="module mod-blank deepest"

    also, i bought the yooshelf template, and its impossible to switch color and style... whats going on?

    thanks for the help

Leave a comment

Please login to leave a comment.