# Tutorials on building a plugin to integrate UIkit into Pinegrow

**URL:** <https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121>\
**Category:** Tutorials & Courses related to Web Development\
**Created:** [June 24, 2019, 5:10pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121 "2019-06-24T17:10:56Z")\
**Posts on this page:** 19\
**Page:** 2

<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:** [August 31, 2019, 1:50pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/21 "2019-08-31T13:50:24Z")

</div>

Thanks! The final plugin will also contain a lot of comments. It will serve as a document to help out with your own builds. I’m trying to blog a lot in long form, but there is a lot!!!

---

<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:** [August 31, 2019, 1:53pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/22 "2019-08-31T13:53:45Z")

</div>

Yeah - I have to set-up an easy way to update. I’m not sure if I go the licensing route and then have an account you can log into for new downloads, or … I also have to think about how to structure the pricing so that I’m being at least supported a little 5 years from now when I’m still doing upgrades but perhaps not selling very many new copies. I hate selling time-limited software - I would prefer a one-time fee. Any thoughts?

---

<div class="post-metadata">

**Author:** ![horman](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/horman/32/602_2.png) [@horman](https://forum.pinegrow.com/u/horman)\
**Post date:** [September 2, 2019, 12:02pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/23 "2019-09-02T12:02:21Z")

</div>

Waiting for it, how long does it take?

---

<div class="post-metadata">

**Author:** ![Pervasive](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pervasive/32/2251_2.png) [@Pervasive](https://forum.pinegrow.com/u/Pervasive)\
**Post date:** [September 2, 2019, 1:02pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/24 "2019-09-02T13:02:48Z")

</div>

my thoughts on the matter are:

If it’s something you like doing…  
It’s something that you’d do anyway…  
It’s something beneficial for everyone…

then do it, but with an understanding that some day this way of doing things will be obsolete.

I would say that an end-of-life 5-year limit on the software would be good, with minor fixes/improvements after 3 years.

Just go with these lower expectations and then you can always over-deliver. But don’t promise the stars and fail to get to the moon, as that is totally wrong.

But it is also 100% important that you keep up with any improvements that you see along with security fixes.

_ **You own this!** _ _That’s the joys of being a consultant… working for big companies making the big-bucks, doing the best you can, but_ not owning anything _(upkeep, fixes, obsolescence)._

So what I am saying is that if you are going to do this thing, then put your whole heart into it for at least 3-solid years, not wavering.

---

<div class="post-metadata">

**Author:** ![Pervasive](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pervasive/32/2251_2.png) [@Pervasive](https://forum.pinegrow.com/u/Pervasive)\
**Post date:** [September 2, 2019, 1:25pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/25 "2019-09-02T13:25:34Z")

</div>

I like the following:

… early adopter …  
$20 / Sep-Oct / Permanent License (5 yr limited)

… price increase …  
$30 / Nov-??? / Permanent License (5 yr limited)

… possible final increase …  
$??? /???-??? / Permanent License (???)

… option …  
Ongoing (somewhere between $3 to $7) per month subscription.

**You can always extend the final life of your product.**

_note: These are just guidelines and suggestions. Price setting is an illegal practice and NOT what I am saying. Do as you wish._

---

<div class="post-metadata">

**Author:** ![horman](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/horman/32/602_2.png) [@horman](https://forum.pinegrow.com/u/horman)\
**Post date:** [September 2, 2019, 2:19pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/26 "2019-09-02T14:19:41Z")

</div>

> [@Pervasive](#):
>
> … option …  
> Ongoing (somewhere between $3 to $7) per month subscription.

You’re kidding, right?

---

<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:** [September 2, 2019, 2:31pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/27 "2019-09-02T14:31:19Z")

</div>

I’m shooting for mid-Sept. So, another two weeks or so to make sure that I have all the ducks in a row.

---

<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:** [September 2, 2019, 2:36pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/28 "2019-09-02T14:36:20Z")

</div>

I think I like the 5 year idea. That will at least generate some cash down the road if UIkit is still popular/being updated.  
With regards to your prior message - it is something I will be using and keeping up to date. So yeah, I am committed to not dropping out of communication. I also like the trajectory (except documentation) that Pinegrow is taking. Some other products out there don’t seem to have a clear development trajectory. Makes me nervous that something developed now might be made obsolete in short order, without much notification.  
Thanks for the feedback!

---

<div class="post-metadata">

**Author:** ![Pervasive](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pervasive/32/2251_2.png) [@Pervasive](https://forum.pinegrow.com/u/Pervasive)\
**Post date:** [September 2, 2019, 2:55pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/29 "2019-09-02T14:55:35Z")

</div>

> [@horman](#):
>
> You’re kidding, right?

yup! It’s not my baby.

> [@RobM](#):
>
> Thanks for the feedback!

You’re quite welcome… anytime, and glad to help.

---

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [October 2, 2019, 6:00am UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/30 "2019-10-02T06:00:45Z")

</div>

@RobM hello RobM, how is it proceeding?

---

<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:** [October 2, 2019, 9:27am UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/31 "2019-10-02T09:27:19Z")

</div>

I _think_ the plugin is complete. I’m just testing to make sure nothing conflicts and that all the options turn up when they should. There are still some user interface items I’m tweaking. I didn’t quite realize how many moving parts there are to the UIkit framework. I also have to do some administrative things (set-up a Woocommerce page and sign-up system). I really thought I would be done, but don’t want to put out a product that will generate a ton of tickets right away! It is probably silly, but I want the code to be nicely readable for those using it for learning purposes, so I’m trying to put in extra comments (that might not fully happen on the first iteration).

---

<div class="post-metadata">

**Author:** ![horman](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/horman/32/602_2.png) [@horman](https://forum.pinegrow.com/u/horman)\
**Post date:** [October 7, 2019, 12:28pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/32 "2019-10-07T12:28:24Z")

</div>

Hey, I’d like to see some photos or a short video showing the features. Is that possible?

---

<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:** [October 7, 2019, 1:23pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/33 "2019-10-07T13:23:07Z")

</div>

Yeah, I’m putting together a page that will have a video or two. I can also put them on the tutorial page.

---

<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:** [October 7, 2019, 7:13pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/34 "2019-10-07T19:13:50Z")

</div>

Well, I put together a quick video - and realized I suck at making videos!! I forget everything I want to say or lose my place if I’m reading a script. Anyway, here is an overview. I just uploaded it, so it will take YouTube a while to get the higher resolution versions processed.

---

<div class="post-metadata">

**Author:** ![Pervasive](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pervasive/32/2251_2.png) [@Pervasive](https://forum.pinegrow.com/u/Pervasive)\
**Post date:** [October 8, 2019, 1:29am UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/35 "2019-10-08T01:29:54Z")

</div>

ahh, that’s why you use cue cards… sort of a in the middle approach. Almost like an outline, but definitely hitting every point you want to cover.

I haven’t seen the video yet, but headed there now and probably you’re being a little bit hard on yourself.

Note: I thought it was a good video and a very, very small taste of what is available. Is there a trial… perhaps best overview video could win a copy. Just a suggestion (in which I won’t be competing).

---

<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:** [October 11, 2019, 7:17pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/36 "2019-10-11T19:17:57Z")

</div>

Okay, a little bit of an update on the release date. A couple of things are holding me up:

1. I had been using just the Sass files because I’m not that comfy with Less - tried to incorporate the Less files and there seems to be a bug in Pinegrow
2. UIkit has 5 possibilities for CSS - Sass with and without theming, Less with and without theming, and static CSS - I had been planning to release with different templates for each. Instead I decided to make a feature like there is for Bootstrap to convert your page through a menu selection. This is taking a little bit of time to implement
3. I realize I need to put together a small documentation package to make sure people know how to install the plugin and access features - again a delay in time.
4. I needed to redo my website to make it more sutable for presentation, sales, support tickets.

**Overall** , I just want to make sure that no one buys my plugin and then is disappointed. I want to make the UX nice and to make sure that the support people need is there.

Sorry! Another couple of weeks I’m thinking

---

<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:** [October 11, 2019, 10:28pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/37 "2019-10-11T22:28:21Z")

</div>

All good 🙂  
Is it ok to go back to your tutorial in a bit and if I hit a wall again, check in to see if I can finish it?  
I was enjoying, but alas, I couldn’t nail 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:** [October 12, 2019, 9:58am UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/38 "2019-10-12T09:58:48Z")

</div>

Of course. I still have one more part (at least) to release. Any questions would be great.

---

<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:08pm UTC](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121/39 "2019-11-16T22:08:32Z")

</div>

I’ve posted the next and final tutorial on implementing a plugin to integrate the UIkit framework into Pinegrow. Hope somebody finds it useful!!!

> **[Adding UIkit to Pinegrow: Part 7 - From the Donkey's Mouth](https://www.robertmeans.net/adding-uikit-to-pinegrow-part-7/)**
>
> Namaste!!     Welcome to the last (I think) part of our tutorial series on integrating the UIkit framework into Pinegrow. In previous sections, we have covered how to initialize a new plugin for Pinegrow, ran through the steps for adding a...

[Previous page](https://forum.pinegrow.com/t/tutorials-on-building-a-plugin-to-integrate-uikit-into-pinegrow/3121.md?page=1)
