Loads a modified and optimized version of the UIkit Framework prepared specifically for Gantry 5
First of all, let me explain what UIkit is. UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. In general, it is kind of the same thing as Bootstrap (a front-end framework), but it is lighter, it is more flexible and it comes with some really awesome and quite advanced components that are still missing in Bootstrap. And most importantly, the UIkit framework does not break the backward compatibility by renaming classes and so on, while Bootstrap is well-known for doing that!
As you probably already know, the Gantry 5 framework comes with its own, very basic, front-end framework called Nucleus. The really awesome thing about Nucleus is that it uses the Flexbox model but Nucleus in general does not offer any JavaScript goodies, there is no JavaScript code at all, it is a pure CSS (SCSS) framework.
So here comes the "UIkit for Gantry5" atom, the missing piece in the Gantry 5 framework!
We are maintaining a modified and optimized version of the UIkit framework. Here are the things we did that show why using the atom is incomparable to loading the UIkit assets manually:
- If you load the original UIkit assets manually your website will change its look and will become quite messy. The reason is that the core HTML styles from UIkit are in conflict with those from Gantry 5. So, since Gantry5/Nucleus already provides the core HTML styles, we removed them from UIkit (styles for
html
, body
, a
, img
, p
, ul
, h1-h6
and so on).
- We removed the Print component from UIkit because you already have it in your Gantry 5 template and we also removed the Contrast component because it is not really needed.
- We packed everything together in just two files (
uikit.min.css
and uikit.min.js
). That's how we reduce the HTTP requests to the server and therefore you get a better performance.
- We did some other small improvements and modifications so it works absolutely flowlessly with the Gantry 5 framework.
- Well, we coded it into an atom, so you just need to drag & drop it in your layout :)
And here are the things you get by simply installing and enabling the "UIkit for Gantry5" atom (these are the most noticeable ones, you actually get much more that that). And yes, the "UIkit for Gantry5" atom is totally platform independent (as all our particles and atoms) so you can use it in both Joomla and Wordpress.
- Additional Grid/Columns options.
- Additional Utility classes.
- Great eye-catching Animations.
- The so needed and useful Modals.
- Scrollspy detection.
- Smooth scroll everything you want.
- You need a Dynamic Grid for your Portfolio and Gallery, right?
- Oh boy, Lightboxes, really?
- Everybody needs a Slider.
- Or you prefer a Slideset?
- What about a Slideshow? Psst, we already provide this as a FREE Particle :)
- Accordion and Tabs. Yeah, we provide those as a FREE Particle as well.
- Parallax... yeah, you heard it right.
- Sticky Header or make everything else sticky. For a Fixed/Sticky header you can also use our free Atoms :)
- How often do you think about Tooltips?
You can use all of the above goodies in your articles or you can use them to build some really awesome and powerful particles! This is exactly what we do - we use the UIkit functionality in our own particles.
InspireTheme documentation
Démo Vidéo