Your Moodle version

Themes: UIkit

Maintained by Picture of Eduardo Ramos Eduardo Ramos
This theme is built from its core to work with UIkit (a framework similar to Twitter Bootstrap). It is designed to be easily customizable using an interactive visual styles manager.

UIkit Theme for Moodle

  • Features a very advanced and interactive visual styles customizer
  • 3 base themes to build your site appearance
  • 2 different page layouts: the original Grid based layout and a new one based on new CSS Flex features
  • Fully responsive design
  • Support of Google fonts
  • Integrates Fontawesome 4.3 for displaying most icons in Moodle
  • A renovated Slideshow with many animations and effects, marketing spots and social networks for your site frontpage like in the essential theme
  • Many other cool features such as: login page and navigation menu customization, possibility of showing only enrolled courses in combo lists and google analytics integration

It supports Moodle 2.5 to 2.8

License GNU GPL v3 or later

This theme is based on the UIkit CSS framework version 2.16.2 (

It is inspired by bootstrapbase theme and essential theme ( A big thank you to the creators of these two themes.

Many features and settings are based on the essential theme, while others are new for this theme, specially the visual style manager.

This theme includes an advanced Visual Style Customizer to change the appearance of the whole site with a few clicks. This customizer is inspired by the UIkit customizer (

Notice: these theme is NOT an official UIkit team release.




Picture of Eduardo Ramos
Eduardo Ramos (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Ben Pearce
    Wed, Feb 4, 2015, 11:20 AM
    Hola Eduardo,
    Thanks for making such a user friendly interface. It's great! The only problem for me is that it's not working properly. Admittedly I'm out of my depth a bit with coding/programming which is what makes the UIkit so perfect for me. One problem I have is the "Post Process Failed" message I saw that user Kai ner Maa Pitanta also had.
    Sometimes it won't/can't save my styles.
    Another issue I have is sometimes it will completely destroy the formatting/layout. The nav bar is messed up, and when I scroll down it sticks but the z-value is all messed up.
    I'm working on a project with two PC users and I'm using a Mac. That's the only difference we can think of. Maybe something to do with MAMP?
    Any insight would be greatly appreciated as I need to use UIkit for this project because aside from these issues it's just fantastic.
  • Picture of Cristian Quagliozzi
    Fri, Feb 13, 2015, 11:17 PM
    Hola Eduardo: como te aclaró Mary Evans hace unos días también nosotros tenemos problemas en la implementación de el theme sobre Moodle 2.8. Lo que ocurre es que duplica el sistema de calificaciones.
  • Picture of Eduardo Ramos
    Tue, Feb 17, 2015, 5:45 AM
    Hi Cristian, the problem with the grader will be solved in the next release.

  • Picture of Eduardo Ramos
    Tue, Feb 17, 2015, 5:51 AM
    Hi Ben,
    About the "Post Process Failed", yes, it's likely something about the server configuration. I use XAMPP and only have seen it fail with IIS due to some messy configuration on it.

    You could try to enable debugging in moodle and looking at the php and apache log files in case some further information about this problem can be found there.
  • Picture of Luckas luckas
    Fri, Mar 6, 2015, 12:26 AM
    I have a problem with the last version of theme.
    If I go to home I can see all the bars (Panel control, courses,...), but inside a course it disappears.
    You can see it at home:
    and inside a course:
  • Picture of Luckas luckas
    Tue, Mar 10, 2015, 6:23 PM
    Nobody can help me?
  • Picture of Eduardo Ramos
    Wed, Mar 11, 2015, 3:03 AM
    Hi Luckas,
    I can't reproduce the problem. Can you send me access information to your site?
  • Picture of Luckas luckas
    Fri, Mar 13, 2015, 2:10 AM
    If you force for a course, a language it doesn't show.
    How to reproduce:
    1) Go to a course.
    2) Course Administration | Edit Settings.
    3) Appearance | Force Language. And change to a Language (English, Spanish, Catalan,...)

    Espero que lo encuentres.
  • Picture of Eduardo Ramos
    Fri, Mar 13, 2015, 2:59 AM
    Thanks Luckas, I can reproduce it now. I created the issue in github:
  • Picture of Luckas luckas
    Fri, Mar 13, 2015, 5:12 AM
    Thank you very much.
    It works very well!
  • Picture of Ares Daniel Spinella
    Fri, Mar 13, 2015, 7:33 PM
    Hello, compliments for the great theme!
    is fully compatible with IE8?

    thank you
  • Picture of Eduardo Ramos
    Sat, Mar 14, 2015, 6:58 AM
    Hi Ares,
    I don't think it works in IE8 since uikit is IE9+ (, but you can try it and share your results with us
  • Picture of Steven Swanepoel
    Thu, Mar 19, 2015, 9:58 AM
    Hi Eduardo,

    I've recently installed UiKit after testing multiple themes. After I installed UiKit, I noticed I'm unable to see the "My Dashboard" and "My Courses" buttons. I can't remember if disable it on another theme while testing different layouts. Would this effect the UiKit theme? Some troubleshooting and can't seem to figure out what made them disappear.

  • Picture of Eduardo Ramos
    Thu, Mar 19, 2015, 11:32 PM
    Hi Steven,
    Can you check if you disabled them in "Custom Menu" settings page under Site administration - Appearance - Themes - UIkit?

    Changes to other themes should not affect this theme
  • Picture of Steven Swanepoel
    Fri, Mar 20, 2015, 8:28 AM
    Yeah I checked and everything is default there.

    I upgraded from Build: 2015021901 to Build: 2015031200 and this solved this problem.

    Thanks for getting back to me.

1 2 3 4 5
Please login to post comments