# UIkit plugin for Pinegrow available!

**URL:** <https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524>\
**Category:** Third Party Plugins\
**Created:** [November 16, 2019, 10:13pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524 "2019-11-16T22:13:30Z")\
**Posts on this page:** 14\
**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:** [November 16, 2019, 10:13pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/1 "2019-11-16T22:13:30Z")

</div>

I’ve finally finished my plugin to add the UIkit framework to Pinegrow. It adds more than 50 elements plus a raft of properties. I’ve added in a lot of custom controls, plus the ability to use either the LESS or SASS pre-processor, if that is the way you roll.

I’ve set up a Facebook page for dynamic discussions, but for those that don’t like the FB overlord, I’m good at responding to emails as well. If there is enough demand, maybe I will set-up a BB site like this one.

The code is fairly well annotated, so it can act as a learning tool for those that want to move and shake that direction!

[https://plugins.springhilldesign.net/pinegrow/](https://plugins.springhilldesign.net/pinegrow/)

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [November 17, 2019, 9:51pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/2 "2019-11-17T21:51:08Z")

</div>

Congratulations! I will try and carry on tinkering with your tutorials as I get the time\> I got so far then hit a wall, but it was great fun and as you say its an awesome learning tool because your explanations of things were really good.  
And, just wondering, how does this fine ready built baby different from the DIY one, from following your great tutorial?  
Just the major time saving and lack of learning? 😃Or other things too?

And either way, well done!  
You have entered the hallowed halls of @benhanna esque PG Productivity and supporting assets.  
awesome.

---

<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:** [November 18, 2019, 10:50am UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/3 "2019-11-18T10:50:47Z")

</div>

Thanks @schpengle!  
As to your question(s). My tutorials cover about 80% of the type of code that is in the final plugin. There are a lot of edge cases that aren’t in the tutorial. For example, converting a toggle link to a toggle button requires not only changing the tag, but also changing the class list.

I also only touch on one case of implementing a custom control in the tutorials - I have at least two (maybe three?) different ones in the final code.

In the tutorials, I also didn’t cover how to switch over to using the pre-processor or add items into the menus.

So, there is quite a bit I skipped. However, I would say that once you get your hands dirty with my tutorials and understand a little more about how Pinegrow works - reconstructing my plugin is mostly a work of labor. The final plugin main file (without the crutch of the UIKit code I had to inline) comes out at almost 9000 lines. That is code with line breaks and comments, non-minified, but still a reasonable amount of code.

Finally, I would say that I’m willing to work with people to write semi-custom tutorials to help them re-create my plugin from scratch. While I would like to capitalize on my labor there is a strong streak of socialism in my heart that wants all to benefit!

---

<div class="post-metadata">

**Author:** ![Marf](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/marf/32/1799_2.png) [@Marf](https://forum.pinegrow.com/u/Marf)\
**Post date:** [November 18, 2019, 10:57am UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/4 "2019-11-18T10:57:55Z")

</div>

@RobM Congratulations, great to see that your **“UIkit Plugin”** is now available!  
Nice work, Great job, Be proud !!! 👍

* * *

Your tutorial(s) on doing this and describing the building proces in such detail, is a great resource for anyone that is interested in building a “PG Plugin”. Thanks for taking the time and effort on doing this !!! ❤

> [@Tutorials on building a plugin to integrate UIkit into Pinegrow](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121):
>
> Hi All, I’ve published two part of a multipart tutorial on building a plugin for Pinegrow. In this case, I’m bringing the components of the popular UIkit framework into Pinegrow. Hopefully it will help some people out. [https://www.robertmeans.net/adding-uikit-to-pinegrow-pt-1/](https://www.robertmeans.net/adding-uikit-to-pinegrow-pt-1/) Feel free to reach out in the comment section or here if you see something bad or just plain wrong. I wouldn’t mind people reaching out if they enjoy it or learn something as well! slight_smile

* * *

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [November 18, 2019, 11:57pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/5 "2019-11-18T23:57:46Z")

</div>

It’s awesome! the amount you put into SHOWING how you did this!  
It really seems to offer an avenue down which PineGrow explorers can Saunter, in order to expand the app and add their own custom stuff.  
Fabulous, a sort of missing manual for the tinkerers which opens up a whole new angle on it.

…this is as well as the Plugin which adds a whole new string to the PG Bow… UIKit.

Really well done!  
Thanks 🙂

I will try and get back into this again,

---

<div class="post-metadata">

**Author:** ![k26](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/k26/32/1387_2.png) [@k26](https://forum.pinegrow.com/u/k26)\
**Post date:** [November 21, 2019, 5:38am UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/6 "2019-11-21T05:38:43Z")

</div>

thanks @RobM, just bought it ! I was waiting for it since I discovered UiKit and the blog posts you have written to present it !👍

---

<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:** [November 21, 2019, 12:24pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/7 "2019-11-21T12:24:07Z")

</div>

I hope it meets your expectations, @k26! Reach out if you need anything.

---

<div class="post-metadata">

**Author:** ![billiemead](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/billiemead/32/2405_2.png) [@billiemead](https://forum.pinegrow.com/u/billiemead)\
**Post date:** [January 8, 2020, 5:41pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/8 "2020-01-08T17:41:20Z")

</div>

Purchased. And thank you for the tutorials as I have a simple plugin I’d like to develop.

Cheers & Happy New Year,  
Billie

---

<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 8, 2020, 6:15pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/9 "2020-01-08T18:15:48Z")

</div>

Thanks a lot! I’ll be getting back on the tutorial bandwagon soon. Feel free to reach out if you need help/clarification. I’m hoping that developer’s resources for Pinegrow will be getting better soon.

---

<div class="post-metadata">

**Author:** ![matjaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/matjaz/32/5_2.png) [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Post date:** [January 10, 2020, 9:36am UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/10 "2020-01-10T09:36:48Z")

</div>

@RobM congratulations for the UIKit plugin and in-depth tutorials! And looking forward to improved developer docs 😉

---

<div class="post-metadata">

**Author:** ![465media](https://avatars.discourse-cdn.com/v4/letter/4/a698b9/32.png) [@465media](https://forum.pinegrow.com/u/465media)\
**Post date:** [March 5, 2020, 1:49pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/11 "2020-03-05T13:49:02Z")

</div>

Hi, I purchased the UIKit from your site (fyi you have a expired cert now - [https://www.screencast.com/t/F76ql0jZLDEJ](https://www.screencast.com/t/F76ql0jZLDEJ)) and opened a ticket a few days ago, ticket #2, and was hoping you would be able to follow up. Thanks so much.

---

<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:** [March 5, 2020, 2:37pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/12 "2020-03-05T14:37:05Z")

</div>

Thanks for the heads-up about the cert! I apologize about the delay in follow-up on your ticket. In the future you can contact me directly at [support@springhilldesign.net](mailto:support@springhilldesign.net) rather than through the forum. Again, my apologies.

---

<div class="post-metadata">

**Author:** ![Robert](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/robert/32/2509_2.png) [@Robert](https://forum.pinegrow.com/u/Robert)\
**Post date:** [June 12, 2020, 7:11pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/13 "2020-06-12T19:11:07Z")

</div>

@RobM Have you considered adding your plugin (by pull request) to the Awesome UIkit repository at GitHub?

> **[uikit/awesome-uikit](https://github.com/uikit/awesome-uikit)**
>
> 🎉 A curated list of awesome things related to UIkit - uikit/awesome-uikit

---

<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:** [June 12, 2020, 7:39pm UTC](https://forum.pinegrow.com/t/uikit-plugin-for-pinegrow-available/3524/14 "2020-06-12T19:39:39Z")

</div>

Didn’t even know this existed. Thanks!
