Themes: UIkit

Maintained by Picture of Eduardo RamosEduardo 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.
204 sites
19 fans
Current versions available: 1

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.5 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 3.0

License GNU GPL v3 or later

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

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.


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5


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

Comments RSS


  • 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.

  • Picture of Alex Ferrer
    Thu, May 28, 2015, 3:05 PM
    Hola Eduardo.

    Lo primero decirte que has hecho un gran trabajo con este tema.
    Estoy trabajando con varias categorías y me necesito que cada una de ellas utilice el mismo tema pero con diferentes cabeceras y logos. He probado a clonar el tema sustituyendo "uikit" por "nombrecategoría" en todos los archivos y carpetas donde aparece pero falla en la instalación. He pensado en crear un tema hijo pero no consigo hacer que funcione.
    ¿Podrías decirme cómo puedo clonar el tema, o qué archivos necesito para crear un tema hijo y las modificaciones que hay que hacer?

    Gracias por adelantado.


    Hi Eduardo.

    I am working with several categories and I need that each use the same theme but with different headers and logos. I tried to clone the theme replacing the term "uikit" with "categoryname" in all files and folders that appear but fails to install. I thought about creating a child theme but I can't make it work.
    Could you tell me how I can clone the theme, or which files need to create a child theme and modifications to do?

  • Picture of max was
    Fri, May 29, 2015, 10:42 PM
    Hi there, is there a way of making this theme use two columns? Thanks, M
  • Picture of Eduardo Ramos
    Sat, May 30, 2015, 1:32 AM
    Hi Alex Ferrer,
    I am not sure how we could do that for categories, but copying the theme and replacing strings is very unlikely to work.

  • Picture of Eduardo Ramos
    Sat, May 30, 2015, 1:34 AM
    Hi max,
    There is no setting to use only 2 columns in the course view, but I think you can move all the course blocks to the other column.

Please login to post comments