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.
Moodle 2.5, 2.6, 2.7, 2.8, 2.9, 3.0

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

Show comments
  • Picture of José Aguilar
    Mon, Feb 8, 2016, 7:08 AM
    I have a problem. By using this theme, in sections puts the repeated name.
    Help me.
  • Picture of Eduardo Ramos
    Thu, Feb 11, 2016, 4:19 AM
    Hi José,
    These problems should be fixed with the new release.

  • Picture of Sebastián Villalba
    Thu, Feb 11, 2016, 11:31 PM
    Hola Eduardo. Perdón por haberte escrito por privado. Soy nuevo y mi intensión no fué molestar por ese medio. El problema que estoy teniendo es que al habilitar el modo edición de algún recurso y/o actividad, no aparecen los botones para guardar o cancelar.
    ¡Saludos y muchísimas gracias por tus aportes!
  • Picture of Sebastián Villalba
    Thu, Feb 11, 2016, 11:49 PM
    Si de algo sirve, el recaptcha de para evitar que spammers saquen cuentas en Moodle al momento de registrarse tampoco levanta. sad ¡Saludos!
  • Picture of Eduardo Ramos
    Fri, Feb 12, 2016, 4:06 AM
    The hidden sections problem should now be fixed with latest version
  • Picture of José Aguilar
    Fri, Feb 12, 2016, 5:20 AM
    Excelente Eduardo.

    Muchas gracias por los cambios hechos.

    Saludos cordiales.
  • Picture of José Aguilar
    Sun, Feb 14, 2016, 6:59 AM
    Hola Eduardo, primero pues darte un agradecimiento enorme por compartir tus conocimientos.

    Segundo, hay un detalle que mencionar con el tema y es que no está mostrando el nombre completo del curso. Cuando un usuario accede a su curso, debiera mostrar el nombre completo del curso en la parte superior pero no lo está haciendo. Habrá que activar alguna característica?

    Saludos cordiales.
  • Picture of Naaman Fallouh
    Mon, Feb 15, 2016, 6:13 PM
    It looks awesome, but what about Arabic support?
    When applying Arabic language an error message appeared: "Trying to reference an unknown block region side-post"
  • Picture of Guillaume Allègre
    Thu, Mar 17, 2016, 5:12 PM
    Hi Eduardo, and many thanks for your work.
    About the "repeated names in sections", you wrote "These problems should be fixed with the new release."

    Could you please precise the specific commit of the fix ? I can't apply directly the whole update, because I have local modifications.
    Thank you.
  • Picture of Eduardo Ramos
    Thu, Mar 17, 2016, 5:49 PM
  • Picture of Sebastián Villalba
    Thu, Mar 17, 2016, 11:24 PM
    Hola Eduardo!. Espero que estés muy bien. Quería consultarte acerca de la posibilidad de incluir algo que (según me dijeron, yo no recuerdo) antes estaba disponible y en las nuevas versiones desapareció y es la posibilidad de mover secciones enteras dentro de un curso. Por ejemplo, "Tema 3" moverlo hacia arriba o abajo, con todas las actividades y recursos que lo componen. Antes aparecían al lado del nombre de la sección (o semana en caso que sea formato semanal) unas "cruces" cuádruples, como las que sirven para mover bloques, Espero ser claro. ¡Saludos!
  • Picture of Janice Johnson
    Wed, Apr 13, 2016, 7:21 PM
    Hello Eduardo - I just migrated my moodle site from a classic host to a cpanel host. All works fine, except for the my frontpage slideshow. I get the following error when I click Administration > Appearance > Themes > UIKit > Frontpage Slideshow: Can not read file, either file does not exist or there are permission problems.

    This error is related to

    Can you tell my which file is missing?

  • Picture of Eduardo Ramos
    Wed, Apr 13, 2016, 8:49 PM
    Hi Janice,
    It could be any moodle file, but in case your copy is missing a file from this them, it probably is moodle/theme/uikit/settings/slideshow.php

    Anyway you should review that all your files were copied correctly.
  • Picture of Niall Sheehan
    Mon, Apr 25, 2016, 11:02 PM
    Having an issue when trying to use a background image. The UIKIT settings for background tiles the background only. It would be nice if settings like cover, no-repeat, fixed could be selected instead. Using the background image selected under UIKIT > General Settings is impossible to find with Firebug so modifying the CSS here hasn't helped. The classes called in the body tag change based on content, too many options to ensure that the static background image is displayed on all pages.

    Would it be possible to add some options in the Customizer? Or point me to the correct class to add the required styles?

    Thank you
  • Picture of Eduardo Ramos
    Tue, Apr 26, 2016, 3:48 AM
    Hi Niall,
    I had that mostly implemented but didn't work very well...:

    The page background is currently in the html element, maybe you can change it with some custom CSS
1 2 3 4 5 6 7 8 9
Please login to post comments