Updated UIkit for Pinegrow Plugin available

Plugins Third Party Plugins
1

After a small snafu, I’ve gotten a major update to the UIkit for Pinegrow plugin finished. In addition to updating the UIkit to the latest version it now has a components tab in the Library panel. This allows you to bring blocks of code into your project more quickly.

uikit-components
uikit-components1130×1558 240 KB

You can check it out here: https://plugins.springhilldesign.net/uikit-for-pinegrow/

3 Likes
2

Hi Rob. I’ve purchased your UIkit plugin and am trying to learn what all it does. Thanks for making it. Seems super useful. But as I’m still learning Pinegrow, and being unfamiliar with UIkit (and other frameworks too for that matter) I’m stumbling around in a dark room and keep banging my shins on the furniture. I think I’m starting to figure out that the power of UIkit comes from being able to use these components by stringing them together. My learning method at the moment involves going through all the UIkit components one by one on their website. I’m SORT OF starting to get an idea of the power of this thing, but am wondering if there are any tutorials available (or coming out soon) for how to use UIkit in Pinegrow. Advantages of UIkit vs. Bootstrap, for instance.

3

Hi and thanks for purchasing my plugin. I would be happy to put a tutorial together when I have the chance. As it stands, there are some tutorials out there for using UIkit, but none in Pinegrow.
The UIkit people have some tutorials on their site for the older version 2 of UIkit.
https://getuikit.com/v2/docs/tutorials.html
This one from Sitepoint is also pretty good, but it jumps in with both feet - not exactly a beginners intro to UIkit.


Cheers,
Bob
1 Like
4

Thanks Bob, these are SUPER helpful. Exactly what I needed. After the “Intro” vid, I feel better already. (I’d welcome some future tut regarding UIkit in Pinegrow. but I also realize you have a full plate right now.)

Diving into them now.

5

Hello Bob,

I was reading the thread, and then I went to search for the UIKit, and found a sort of few different sources:
Is that the Uikit from Yooheme?, if so, I see that they have Pro Version (YOOtheme Pro.) but also look to be specific for WordPress not for Bootstrap.

  • Are these resources for Bootstrap?
  • Is it a library of sources that comes with the plugin? or sources from a third-party library that we will be able to access within PineGrow by using the Plugin?

Can you please help me clear the confusion?

Alberto

6

Hi Alberto (@arpagrow ),
So UIkit is released as both an open source framework library by Yootheme and a wordpress Pro version. It is a stand-alone framework, completely independent from Bootstrap - like Materialize or Foundation that are built into Pinegrow.
You can look at the documentation at https://getuikit.com. Basically, my plugin adds the framework in, along with drag-and-drop elements, Properties panel controls, and components much like the Pinegrow built-in frameworks. It is all built-in to the plugin.
Bob

7

Hello Bob,

Ok, I see it now, thanks for the clarification.

Alberto