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.
561 sites
14 fans
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 Eduardo Ramos
    Fri, 12 Feb 2016, 4:06 AM
    The hidden sections problem should now be fixed with latest version
  • Picture of José Aguilar
    Fri, 12 Feb 2016, 5:20 AM
    Excelente Eduardo.

    Muchas gracias por los cambios hechos.

    Saludos cordiales.
  • Picture of José Aguilar
    Sun, 14 Feb 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, 15 Feb 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, 17 Mar 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, 17 Mar 2016, 5:49 PM
  • Picture of Sebastián Villalba
    Thu, 17 Mar 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, 13 Apr 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, 13 Apr 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, 25 Apr 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, 26 Apr 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
  • Picture of yael duckwen
    Wed, 15 Jun 2016, 5:12 AM
    Hola Eduardo, muchas gracias por este gran trabajo!
    Tengo una duda, quiero agregar algunas clases de Uikit (trabajo con el hace un tiempo ya) en el sistema de moodle, pero tengo la duda de que si cuando instale futuras actualizaciones de tu theme estos cambios que hice desaparecerán.
    Muchas gracias!
  • Picture of Eduardo Ramos
    Wed, 15 Jun 2016, 3:44 PM
    Hola Yael,
    Depende de como introduzcas esos cambios. Modificas el código del tema? En ese caso sí los perderás al actualizar.
    Lo que puedes hacer es un fork del repositorio git e ir haciendo merge de mis futuros cambios en tu fork.
  • Picture of Alex Ferrer
    Wed, 20 Jul 2016, 6:43 PM
    Hola Eduardo,
    ¿Hay prevista una nueva versión del tema para Moodle 3.1?
    He instalado la última versión del tema en una instalación local de moodle 3.1 y no va muy fina.
    Gracias por tu trabajo.
  • Picture of Eduardo Ramos
    Thu, 21 Jul 2016, 2:30 AM
    Hola Alex,
    Hay prevista una nueva versión pero no sé cuando podrá ser
1 2 3 4 5 6 7 8 9
Please login to post comments