# UIkit Usage/Tutorial/Blocks/Integration

**URL:** https://forum.pinegrow.com/t/uikit-usage-tutorial-blocks-integration/2988
**Category:** General
**Tags:** tutorial
**Created:** [May 11, 2019, 1:55pm UTC](https://forum.pinegrow.com/t/uikit-usage-tutorial-blocks-integration/2988 "2019-05-11T13:55:05Z")
**Posts on this page:** 8
**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 11, 2019, 1:55pm UTC](https://forum.pinegrow.com/t/uikit-usage-tutorial-blocks-integration/2988/1 "2019-05-11T13:55:05Z")

</div>

Hey All,  
Over on the Facebook group someone asked about the [UIkit framework](https://getuikit.com/)(free). This framework is fairly nice for putting together dynamic pages with Vue.js, but can also be used as a stand-alone static page tool. The people who made this also make a [WordPress theme](https://getuikit.com/pro) (paid) that looks really sexy.  
If there is enough interest I’ll put together a small tutorial on using the free framework with PG. At least one person posted here (@m-artin) about the framework last year and two people have shown interest on FB. Also, if there is enough interest I might put together some block resources.  
Cheers

---

<div class="post-metadata">

### Author: ![zedbuza](https://avatars.discourse-cdn.com/v4/letter/z/bbce88/32.png) [@zedbuza](https://forum.pinegrow.com/u/zedbuza)
#### Post date: [May 14, 2019, 12:01pm UTC](https://forum.pinegrow.com/t/uikit-usage-tutorial-blocks-integration/2988/2 "2019-05-14T12:01:33Z")

</div>

I discovered Uikit about a year ago and since it’s been my one and only framework I use with Pinegrow. the only thing missing is drag & drop ready components, but you can still use drag & drop Plain HTML from the sidebar and add the Uikit uk-\* specific classes from the class manager. at this moment I don’t have any spare time to come up with a tutorial so if @RobM can jump in with tutorials would be great. Uikit also has this great animation options with adding only classes to the html elements and it’s without touching any JavaScript.

---

<div class="post-metadata">

### Author: ![msavard](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@msavard](https://forum.pinegrow.com/u/msavard)
#### Post date: [May 17, 2019, 2:14am UTC](https://forum.pinegrow.com/t/uikit-usage-tutorial-blocks-integration/2988/3 "2019-05-17T02:14:28Z")

</div>

I started writing a framework plugin for uikit complete with scss compiling and variables and all. Maybe I’ll try and finish it up. It has many of the easier components as well as most of the common parameters.

---

<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 17, 2019, 9:30am UTC](https://forum.pinegrow.com/t/uikit-usage-tutorial-blocks-integration/2988/4 "2019-05-17T09:30:47Z")

</div>

I’m going to keep going on mine. It has been a good learning opportunity. Who knows if I will finish it, though!!!

---

<div class="post-metadata">

### Author: ![gour](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/gour/32/561_2.png) [@gour](https://forum.pinegrow.com/u/gour)
#### Post date: [May 18, 2019, 10:26am UTC](https://forum.pinegrow.com/t/uikit-usage-tutorial-blocks-integration/2988/5 "2019-05-18T10:26:18Z")

</div>

> [@zedbuza](#):
>
> …but you can still use drag & drop Plain HTML from the sidebar and add the Uikit uk-\* specific classes from the class manager. at this moment I don’t have any spare time to come up with a tutorial so if @RobM can jump in with tutorials would be great.

Hello,

I am just curious if it is recommended to use some CSS framework which is not explicitly supported by Pinegrow (it practically means only Bootstrap, since Foundation’s development since be a bit stalled and there are no news that Pinegrow will add support for some new ones)?

---

<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 18, 2019, 12:24pm UTC](https://forum.pinegrow.com/t/uikit-usage-tutorial-blocks-integration/2988/6 "2019-05-18T12:24:09Z")

</div>

It is possible to use most any framework with Pinegrow. Bootstrap is facilitated by PG, but setting up a different framework isn’t that hard. I’m planning on writing a tutorial about using UIkit including the Sass component soon, but the tutorial should be generalizable to any framework.

---

<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: [May 19, 2019, 9:59am UTC](https://forum.pinegrow.com/t/uikit-usage-tutorial-blocks-integration/2988/7 "2019-05-19T09:59:15Z")

</div>

> [@RobM](#):
>
> component soon, but the tutorial should be generalizable to any framework.

following this!!!

---

<div class="post-metadata">

### Author: ![Larotu](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Larotu](https://forum.pinegrow.com/u/Larotu)
#### Post date: [May 23, 2019, 3:02pm UTC](https://forum.pinegrow.com/t/uikit-usage-tutorial-blocks-integration/2988/8 "2019-05-23T15:02:57Z")

</div>

I would love to see a tutorial about how to integrate Uikit in PG, thanks Rob!
