UIkit released

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Jul
19
UIkit Released

Today we are happy and proud to present our new family member: say hello to UIkit! After months of developing and testing we are ready to introduce this lightweight and modular front-end framework. UIkit powers the Warp 7 framework and all our new themes starting with Nano3. Check out the features..

  • Modular and extendable components
  • Consistent and conflict-free naming conventions
  • Responsive and mobile-first
  • Developed in LESS
  • Extendable with themes
  • 2 themes to get you started
  • Real-time customizer
  • Responsive, fluid and nestable grid
  • Off-canvas navigations
  • Navs, dropdowns, modals, buttons and much much more
  • Supports RTL out of the box
  • Comprehensive documentation
  • And much more...

And the best thing about it? UIkit is completely MIT licensed, meaning that you can use it free for all your personal or commercial projects, without any restrictions. It's hosted on GitHub and open for everyone to contribute.

UIkit Website

UIkit themes

We put our 6 years of experience in building Joomla and WordPress themes into UIkit. One of the main goals was to make UIkit themeable and easy to customize. This is the most interesting part about UIkit and makes it a great choice for Joomla and WordPress theme developers.

By using LESS variables and mixins, we separated the core framework from the styling. It comes only with a very basic style which can be completely controlled using LESS variables. This is what makes UIkit so small and lightweight. But the best part is that UIkit can be extended with themes without creating any bloated code. Themes can easily be updated and customized. On top of that, you can create your own unique style in just one file.

What‘s next?

In the next days, we will publish a series of blog posts providing you with more details about UIkit. So what are you waiting for? Head over to the UIkit website, give us some feedback! You are welcome to participate in the development or help with the documentation.

Related Posts

If you missed one of our articles about UIkit, here you go:
Theming with UIkit

By Sascha | | Posted in UIkit

Comments (32)

  • eric.brissette.83

    eric.brissette.83

    | Profile |
    I see some duplication between some of your features in WidgetKit here in UIKit (Modals, tabbed interfaces, accordions, etc)

    Do you mind commenting on what your future plans are for these things in WidgetKit? Will you integrate WidgetKit with UIKit? If so, what kind of time frame are you looking at (this year?)
  • adso.de.melk

    adso.de.melk

    | Profile |
    That's brilliant. Simple, efficient, modern. Once again, Zoo team... YOU ROCK!! Thank you!
  • eric.brissette.83

    eric.brissette.83

    | Profile |
    Do you see yourselves having a paid license for UIKit as well, with access to UIKit themes, similar to what you have for WidgetKit? Since we only do custom website designs, I don't have a need for website template subscriptions. I am a fan of the Warp framework, however, and I'd would be happy to pay for monthly releases of nice unified sets of UI elements, possibly in the form of drop-in LESS files.
  • eric.brissette.83

    eric.brissette.83

    | Profile |
    Alright, one last question. In the Dropdown section you have some mega menus that I don't think Warp 7 would be able to build from the WordPress/Joomla menu system. If that's the case, then is it possible to just build these types of elements directly into a template with static markup (not tied to the actual menu system) or maybe inside of a Custom HTML module / Text widget?
  • nickwinters

    nickwinters

    | Profile |
    Is UIKit the new Warp 7 Master Theme? Or something totally different?
    • eric.brissette.83

      eric.brissette.83

      | Profile |
      UIKit provides the foundation for building the theme's markup, similar to Bootstrap from Twitter or Foundation from Zurb.
      • nickwinters

        nickwinters

        | Profile |
        Ok, thanks. Yeah I started to gather that after downloading the files.
  • lex.s

    lex.s

    | Profile |
    Awesome.

    I was just looking at Bootstrap and Foundation for my next project. How is UIkit different from those two? What are its main advantages over the Bootstrap and Foundation.

    I really want to know. Thanks
    • danny

      danny

      | Profile |
      One point which is important to me as a designer / theme developer is that I can really customize everything from backgrounds, border colors, font-sizes and much much more, so this means you can even create themes in every color and not only the white background based ones.
  • frank.aucoin

    frank.aucoin

    | Profile |
    You guys are good! Thanks.
  • sapan

    sapan

    | Profile |
    Thanks for bringing in the RTL in the customizer.
  • timothy.hill

    timothy.hill

    | Profile |
    The Yooteam is always one step ahead of the game. Nice work team.
  • amogh.gt

    amogh.gt

    | Profile |
    Rocking guys \m/
  • julienb

    julienb

    | Profile |
    Once again, well done yoo team!
    just finished going through getuikit.com and it's pretty impressive. That is a nice framework. It looks much cleaner and leaner as a base than what wrap6 is made of.

    But i did some searching and reading and could not find any info on the browser support. Not that i am an advocate of "support every browser at all cost", far from it. But it's always nice to know on which browser it is tested. Even knowing on what it was not tested is already helpful.

    As you know, some clients have specific needs in terms of browser support, therefore as a designer/developer it's always nice to know if what you will be using for a project fits the requirements. Of course i can fire up parallel or VMbox and start every browser version installed and test the site. But you must obviously know against what browser you've tested it.

    Again, great work and thank you for sharing it on github.
  • jules.kozak

    jules.kozak

    | Profile |
    Awesome guys - now I'm going to try actually figuring out how everything works... :)
  • ray.lawlor

    ray.lawlor

    | Profile |
    There's already a few things out there to get this into your Joomla site and ZOO:

    http://www.zoomodsplus.com/zoo-elements/uikit-for-yootheme-zoo.html

    and Mustaq has released this:

    http://mustaqsheikh.github.io/superuikit/

    Both very nice!
  • andrei.macsut

    andrei.macsut

    | Profile |
    Hi,

    Will there be an upgrade for the yoo-themes from 2013 that still use warp6 ?

    Thank you in advance for the answer.
    • ray.lawlor

      ray.lawlor

      | Profile |
      I think they have confirmed that Warp 6 will continue to be maintained.
      • andrei.macsut

        andrei.macsut

        | Profile |
        Thank you Ray.
        • hrymr

          hrymr

          | Profile |
          i'm still wondering if the older themes might get upgraded to warp 7 at a later point (even though 6 is still supported)?
          • ray.lawlor

            ray.lawlor

            | Profile |
            If history is anything to go by then no, older templates will not get an upgrade to new warp.

            The same thing happened when warp 6 came out, but it wasn't long before these requests died down.
          • hrymr

            hrymr

            | Profile |
            thanks for the swift answer. sad to hear though, as i really like some of the warp 6 templates.
  • marsu

    marsu

    | Profile |
    "made in Germany"

    there is nothing more to say about it
  • webworld

    webworld

    | Profile |
    Love your work... but you've got a typo in one of the headers "Heros" should be "Heroes"
  • dominique.maquin.18

    dominique.maquin.18

    | Profile |
    hi…
    is it possible to use UIKit as standalone ?
    • artur

      artur

      | Profile |
      yes, of course. UIKit is completely standalone.
  • lex.s

    lex.s

    | Profile |
    I started a project using UIkit today. Wow wow wow. I always liked the way you structure your code. This is treasure. Oh my God. You are geniuses.
  • ironcloud

    ironcloud

    |
    I second this :

    "made in Germany"

    there is nothing more to say about it
  • garth.newman

    garth.newman

    | Profile |
    the search using ajax isn't exactly using ajax if the results have to come from JSON though is it? More like AJAJ?

    *maybe just being a dumb arse.
  • pascal.tourneur

    pascal.tourneur

    | Profile |
    How can i use the uikit two colums Navbar? with this placeholder:



    Sorry my english :-)

Leave a comment

Please login to leave a comment.