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 Roberto Carlos Ferrer García
    Thu, Oct 16, 2014, 6:29 AM
    Hola eduardo, gracias por tu respuesta, no tengo problema con los títulos en la resolución clave.
    para ilustrarte la situación puedes ver esta imagen:
    http:// .jpg (Sin los espacios.)
    hay te explique lo que pasa... es algo mas la ubicación de los bloques de dos columnas a una y el espacio que ocupan en la pantalla.
    gracias por revisar!. se que usaron de base para este tema el essential, probe con ese y todo va perfecto, no obstante me agrada mucho mas este tema, y de poder arreglar ese detalle seria perfecto! gracias!.
  • Picture of Jonathon Hike
    Wed, Oct 22, 2014, 9:11 PM

    Our moodle login page has the normal login and the "create an account" sections. I would like these two sections to show in two different columns, as opposed to in one vertical column like they are now. I went in to the CSS file and edited the code to match another theme where I know the two columns works. No changes I make in the CSS file seem to be reflected in the website. Can you provide any insight into this?
  • Picture of Malcolm Abel
    Thu, Oct 23, 2014, 6:56 AM
    This theme is a great idea, well done. Being able to customize so much is great for the development phase smile

    I'm creating a Moodle site where there will be a common 'theme' across 4 to 8 sections and we would like each section to have it's own background and heading colours.

    As this theme is so flexible, is there a way to save multiple configurations then apply a different configuration (so different background and colours) to different categories or courses within the site? Thanks.
  • Picture of Jesús A.
    Thu, Oct 23, 2014, 7:16 PM
    Hola Eduardo,
    Gracias por este fantático theme.
    Hay algo que echo de menos, un campo donde añadir CSS personalizado, otros temas lo llevan y es muy útil.
    Estoy intentando asociar un archivo con mis estilos CSS pero no veo la forma de importarlo con @import al css general. ¿Es posible hacer esto?

    Un saludo
  • Picture of Moodle User
    Tue, Oct 28, 2014, 9:37 PM
    Hi Eduardo,

    How do I center the login screen ?
  • Gareth J Barnard
    Mon, Nov 17, 2014, 9:40 AM
    Hi Eduardo,

    I see that you are using cslider which was in Essential. It has transpired that it is not GPLv3 compatible or can be redistributed, please see:

  • Picture of Eduardo Ramos
    Tue, Nov 18, 2014, 7:26 AM
    Hi Gareth,
    Thanks for the notice.

    I was planning to replace it with new UIkit slideshow in the next version anyway (

  • Picture of Eduardo Aspe
    Fri, Nov 28, 2014, 11:14 PM
    Que tal Eduardo. Primero que nada Gracias por este estupendo tema.

    Solo tenemos un pequeño problema cuando usamos ipad para visualizar el sitio, ya que los módulos centrales no se ajustan apropiadamente al ancho de pantalla y en vez de mantener dos columnas, solo se muestra una y envia el contenido de la segunda columna al siguiente "renglon".

    Hay alguna manera para ajustar esto? Solo pasa con Ipads.

    De nuevo gracias.
  • Picture of Joel Derfner
    Sat, Jan 3, 2015, 11:19 PM
    Hey, I absolutely LOVE this theme. I opened a new issue on github (about a weird problem I'm having with blocks)—just wanted to let you know.

    Hope you're having a great 2015!
  • It's only an avatar...
    Mon, Jan 5, 2015, 12:22 AM

    Hola Eduardo
    ¿Es usted consciente de que hay problemas con UIKit tema?
    Me di cuenta de que se ha excluido el grade / report / grader / style.css. Esto romperá el libro de calificaciones en Moodle 2.6 / 2.7 / 2.8 temas.
    Moodle ha pasado desde que creó este tema y tengo serias dudas sobre la utilidad de este tema si es defectuoso como este, así que por favor solucionar los problemas.
  • Picture of Eduardo Ramos
    Wed, Jan 7, 2015, 8:47 PM
    Hi all,
    Thanks for the feedback and bug reports.

    I will check them as soon as I have the time.
  • Picture of Ben Pearce
    Wed, Feb 4, 2015, 11:20 AM
    Hola Eduardo,
    Thanks for making such a user friendly interface. It's great! The only problem for me is that it's not working properly. Admittedly I'm out of my depth a bit with coding/programming which is what makes the UIkit so perfect for me. One problem I have is the "Post Process Failed" message I saw that user Kai ner Maa Pitanta also had.
    Sometimes it won't/can't save my styles.
    Another issue I have is sometimes it will completely destroy the formatting/layout. The nav bar is messed up, and when I scroll down it sticks but the z-value is all messed up.
    I'm working on a project with two PC users and I'm using a Mac. That's the only difference we can think of. Maybe something to do with MAMP?
    Any insight would be greatly appreciated as I need to use UIkit for this project because aside from these issues it's just fantastic.
  • Picture of Cristian Quagliozzi
    Fri, Feb 13, 2015, 11:17 PM
    Hola Eduardo: como te aclaró Mary Evans hace unos días también nosotros tenemos problemas en la implementación de el theme sobre Moodle 2.8. Lo que ocurre es que duplica el sistema de calificaciones.
  • Picture of Eduardo Ramos
    Tue, Feb 17, 2015, 5:45 AM
    Hi Cristian, the problem with the grader will be solved in the next release.

  • Picture of Eduardo Ramos
    Tue, Feb 17, 2015, 5:51 AM
    Hi Ben,
    About the "Post Process Failed", yes, it's likely something about the server configuration. I use XAMPP and only have seen it fail with IIS due to some messy configuration on it.

    You could try to enable debugging in moodle and looking at the php and apache log files in case some further information about this problem can be found there.
Please login to post comments