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.
212 sites
18 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 Saso Stanojev
    Sat, Aug 30, 2014, 6:00 AM
    Hi Eduardo,

    first i have to say that this theme is awesome. Congrats smile

    I have the same error as posted by Elberth

    "An error happened while building the styles" ... Visual style manager does not load.

    My Moodle site is not direct at my server root - www.mysite/moodle and i got this error.
    When i put Moodle site at server root i works fine.

    If you have time please check out.
  • Picture of Eduardo Ramos
    Sat, Aug 30, 2014, 6:33 AM
    Hi Saso,
    Thank you smile

    That's right. Some URLs in the visual styles manager were not taking into account Moodle wwwroot.

    I just uploaded a new version that should fix this problem.

  • Germán and Temudgin
    Sun, Aug 31, 2014, 12:25 AM
    Hi Eduardo,

    I have been using your UIKit theme and it looks great smile

    But, I miss the 'Moodle Docs for this page' link at the bottom of all pages when I use your theme. Would it be too dificult to add this link ? I have found it very useful when teachers are working with Moodle and need some additional help, which is always available in the Moodle Documentation in line that this link points-to.

    The mexican spanish translation for your updated plugin is complete now smile

    If you think the international spanish language pack maintainers are taking too long to accept your contribution, you can contact our Moodle translation coordinator, Koen Roggemans, at

    After all, you wrote the plugin and you are a native Spanish speaker. I don't see any reason it would take a long time to accept your translation.

    Saludos desde la Ciudad de México.
  • Picture of Saso Stanojev
    Sun, Aug 31, 2014, 2:48 AM
    Hi Eduardo,

    thanks for your help.

    I have to inform you, that this version is better, but there are still a problem.

    Visual style manager now loads at the left side and i can make changes, But at the right side of the window i can't see my actual moodle site ( Instead of that i see my webpage at wwwroot.

    Hope u understand what i mean.

  • Picture of Eduardo Ramos
    Sun, Aug 31, 2014, 4:35 AM
    Hi German,

    Thank you!
    I added a new setting to enable the Moodle docs section. Please try the new version.

    I will contact Moodle translation coordinator to try to get spanish translation accepted faster.


  • Picture of Eduardo Ramos
    Sun, Aug 31, 2014, 4:36 AM
    Hi Saso,
    Sorry, I forgot to fix the site URL in the right column.
    Please try the new version I just uploaded.
  • Germán and Temudgin
    Mon, Sep 1, 2014, 12:10 AM
    Hi Eduardo,
    The new version is fantástica smile

    The optional link to 'Moodle Docs for this page' works perfectly.
    Using this link, I just added a new Moodle Docs page at , which I think could be the basis for the 'More documentation for this plugin' useful link section which goes up here, at the Moodle plugins database description of the plugin.

    Please feel free to add or amend as necessary this Documentation page and its Spanish translation page.

    Muchas gracias por este lindo tema.

    Saludos desde la Ciudad de México
  • Germán and Temudgin
    Mon, Sep 1, 2014, 1:11 AM
  • Picture of Eduardo Ramos
    Mon, Sep 1, 2014, 3:43 AM
    Hi German,
    Thanks! I just set the 'More documentation for this plugin' link to the wiki page.
  • Picture of Luckas luckas
    Fri, Sep 5, 2014, 1:44 AM
    Is it possible to add a login block into the main page? (with username and password)
  • Picture of Eduardo Ramos
    Fri, Sep 5, 2014, 1:55 AM
    Hi Luckas,
    Yes, you can add the login block just like in any other Moodle theme.
  • Picture of Luckas luckas
    Fri, Sep 5, 2014, 5:12 AM
    Thank you. The block is hidden at the bottom of the page (with administrator user)
  • Picture of Luckas luckas
    Fri, Sep 5, 2014, 5:18 AM
    I've testing the theme and I have a small problem.
    When I go to the login webpage or any https (https://yourmoodleserver/moodle/login/index.php) the icons don't show.
  • Picture of Eduardo Ramos
    Sat, Sep 6, 2014, 7:43 AM
    Hi Luckas.
    Please try the new release. It should fix a problem with browser mixed content blocking (

    Login page will now work under https if you use the $CFG->loginhttps config. If you access other pages under https but your wwwroot is not https it still won't work due to the mixed content policy and how Moodle loads resources.
    In that case, try to enable the 'FontAwesome from CDN' option in the theme general settings.
  • Picture of Luckas luckas
    Sat, Sep 6, 2014, 5:13 PM
    Thank you very much!
    I'm testing the new release.
    Now, all the pages in http shows without icons (in firefox and chrome). I must active the "FontAwesome from CDN" to work fine.

    Muchas gracias Eduardo (si quieres te puedo pasar por privado la página web para que veas que ahora no van los iconos por http cuando antes sí que iban)
Please login to post comments