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
    Sat, Sep 6, 2014, 9:15 PM
    Thank you!
    With the last version, it works fine.
  • Picture of Luckas luckas
    Sat, Sep 13, 2014, 12:27 AM
    Hello another time,
    I have another problem with this theme: I can't hide any resource o activity in course view.
  • Picture of Eduardo Ramos
    Sat, Sep 13, 2014, 3:19 AM
    Hi Luckas,
    I just released a new version that should fix this problem.
  • Picture of Luckas luckas
    Sat, Sep 13, 2014, 3:43 AM
    Now, it works like a charm!
  • Picture of Moodle User
    Wed, Sep 24, 2014, 4:48 AM
    Bom Dia,

    gostaria de saber se tem como modificar a disposição da pagina de login não consigo centralizar os campos, Theme UIkit
  • Picture of Richard Delgado
    Fri, Sep 26, 2014, 9:25 PM
    Hola. Excelente trabajo. Quiero plantear una duda: todo funciona a la perfección. Lo único que no logro es que funcione OCULTAR desde el menú desplegable EDICIÓN. Agradezco información sobre este asunto.
  • Picture of Eduardo Ramos
    Sun, Sep 28, 2014, 2:46 AM
    Hola Richard,
    ¿Qué versión del tema utilizas? Este problema debería estar resuelto en la versión 2014091200
  • Picture of Jérôme Mouneyrac
    Fri, Oct 3, 2014, 7:16 PM
    I think it's the first off canvas menu I have seen in a contributed Moodle theme.

    Great work Eduardo, it's one of my favorite theme smile Just by curiosity, why did you do a UIKit theme? For the fun? Or did you see some elements (apart from the off canvas menu) that you wanted to use in your theme that are not in boostrap?
  • Picture of Kai ner Maa Pitanta
    Tue, Oct 7, 2014, 1:19 PM
    Hi, Great theme but when I try to access visual style manager I receive error message " an error happened while building the styles".Post process failed.
  • Picture of Boris Malysh
    Fri, Oct 10, 2014, 4:08 PM
    Hello, Eduardo!
    First I want to thank you for a wonderfull job, I've been waiting for something like that, and it seems like I wasn't the only one )
    But there's an issue I'd like to point out: for some reason when a quiz is launched it only showes the following messages: "[MAIN CONTENT GOES HERE - oHpjj86eeU]" (for a student) and "[MAIN CONTENT GOES HERE - AR6Jcx4jYq]" (for teacher role).
    I've tried it with other themes and it works well, but I can't customize them the way I can do with UIkit theme...
    So is there a way to solve it?
    And again thanks for the theme other then this issue it's wonderful!
  • Picture of Roberto Carlos Ferrer García
    Sat, Oct 11, 2014, 5:28 AM
    Estamos utilizando este tema para nuestra plataforma academica, pero tenemos un único inconveniente... todo va perfecto para resoluciones superiores a 768 e inferiores a 768.. pero cuando específicamente el width es de 768 la vista no es la mas deseable... (todo es funcional pero visualmente se ve feo...)
    por ejemplo al observar el tema en un mini ipad se ve feo.. pero al observarlo en un ipad3, pc o celular se ve excelente.. ¿alguna ayuda?... estuve probando haciendo cambios en el css pero los cambios hechos no se reflejan..
  • Picture of Eduardo Ramos
    Wed, Oct 15, 2014, 5:12 AM
    Hi Jérôme Mouneyrac,

    I chose UIkit because it's created to be themable, provides 3 base themes (flat, almost-flat and gradient) and I like it better than bootstrap, aspect wise smile

    This theme was also created for a project that required high customization possibilities.
  • Picture of Eduardo Ramos
    Wed, Oct 15, 2014, 5:14 AM
    Hi Kai ner Maa Pitanta,

    Could you please post your environment details at ? It could help to track this problem down

    Thanks for the report
  • Picture of Eduardo Ramos
    Wed, Oct 15, 2014, 5:17 AM
    Hi Boris Malysh,

    Could you please create an issue including your Moodle and PHP version numbers at ?

    Thanks for the report!
  • Picture of Eduardo Ramos
    Wed, Oct 15, 2014, 5:43 AM
    Hola Roberto Carlos Ferrer García,

    Gracias por utilizar este tema smile

    Me ocuparé de probar el tema en resoluciones clave.
    ¿Qué problemas encontraste?

    Me imagino que lo que está ocurriendo es que los títulos de los bloques saltan de línea, no he podido comprobarlo todavía. En ese caso, puedes reducir el tamaño de letra de cabeceras de los bloques desde el gestor de estilos mientras yo lo reviso.

    En cuanto a que los cambios no se reflejan, ¿te refieres en el gestor de estilos? ¿Esto te ocurre al guardar o al refrescar? Si es CSS personalizado mediante la caja de texto, asegura que las reglas que introduces sean más prioritarias que las existentes.
Please login to post comments