# Updated UIkit for Pinegrow Plugin available

**URL:** https://forum.pinegrow.com/t/updated-uikit-for-pinegrow-plugin-available/4178
**Category:** Third Party Plugins
**Created:** [May 25, 2020, 7:42pm UTC](https://forum.pinegrow.com/t/updated-uikit-for-pinegrow-plugin-available/4178 "2020-05-25T19:42:43Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [May 25, 2020, 7:42pm UTC](https://forum.pinegrow.com/t/updated-uikit-for-pinegrow-plugin-available/4178/1 "2020-05-25T19:42:43Z")

</div>

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](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/1d1c4267b3ceca0dd769ae448a49a58e6896bd73.jpeg)  
You can check it out here: [https://plugins.springhilldesign.net/uikit-for-pinegrow/](https://plugins.springhilldesign.net/uikit-for-pinegrow/)

---

<div class="post-metadata">

### Author: ![SilverT](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/silvert/32/2240_2.png) [@SilverT](https://forum.pinegrow.com/u/SilverT)
#### Post date: [May 31, 2020, 9:32am UTC](https://forum.pinegrow.com/t/updated-uikit-for-pinegrow-plugin-available/4178/2 "2020-05-31T09:32:40Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [May 31, 2020, 11:27am UTC](https://forum.pinegrow.com/t/updated-uikit-for-pinegrow-plugin-available/4178/3 "2020-05-31T11:27:03Z")

</div>

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](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.

> **[Building a Responsive Portfolio with UIkit — SitePoint](https://www.sitepoint.com/building-responsive-portfolio-uikit/)**
>
> UIkit has a component not available in other popular frameworks: Dynamic Grid. Ivaylo shows us how to use this feature to build a responsive portfolio.

  
Cheers,  
Bob

---

<div class="post-metadata">

### Author: ![SilverT](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/silvert/32/2240_2.png) [@SilverT](https://forum.pinegrow.com/u/SilverT)
#### Post date: [May 31, 2020, 12:46pm UTC](https://forum.pinegrow.com/t/updated-uikit-for-pinegrow-plugin-available/4178/4 "2020-05-31T12:46:22Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![arpagrow](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/arpagrow/32/2591_2.png) [@arpagrow](https://forum.pinegrow.com/u/arpagrow)
#### Post date: [January 15, 2021, 2:48am UTC](https://forum.pinegrow.com/t/updated-uikit-for-pinegrow-plugin-available/4178/5 "2021-01-15T02:48:13Z")

</div>

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

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [January 15, 2021, 11:20am UTC](https://forum.pinegrow.com/t/updated-uikit-for-pinegrow-plugin-available/4178/6 "2021-01-15T11:20:27Z")

</div>

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](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

---

<div class="post-metadata">

### Author: ![arpagrow](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/arpagrow/32/2591_2.png) [@arpagrow](https://forum.pinegrow.com/u/arpagrow)
#### Post date: [January 15, 2021, 1:28pm UTC](https://forum.pinegrow.com/t/updated-uikit-for-pinegrow-plugin-available/4178/7 "2021-01-15T13:28:12Z")

</div>

Hello Bob,

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

Alberto
