There are two versions of Hydejack: The Free Version includes basic blogging functionality and most of Hydejack's [Features], such as dynamic page loading and advanced animations.
The PRO Version includes additional features for professionals, such as a [portfolio], [resume], [Dark Mode][dark], [Forms], [Built-In Search][search] and customizable cookie banners.
The table below shows what's included in each version:
|
Free |
PRO |
[Blog] |
✔ |
✔ |
[Features] |
✔ |
✔ |
[Documentation][docs] |
✔ |
✔ |
[Portfolio] |
|
✔ |
Printable [Resume] |
|
✔ |
[Dark Mode][dark] |
|
✔ |
[Built-In Search][search] |
|
✔ |
[Custom Forms][forms] |
|
✔ |
[Newsletter Box][news] |
|
✔ |
[Grid layout][grid] |
|
✔ |
[Offline Support][ofln] |
|
✔ |
Table of Contents1 |
|
✔ |
Cookie Banner |
|
✔ |
No Hydejack Branding |
|
✔ |
License |
[GPL-3.0][lic] |
[PRO] |
Source |
[GitHub][src] |
Included |
Price |
Free |
$99 $69 One-Time Payment 2 |
===============================+=====================+===================== |
|
|
|
[Download][kit] |
[Buy PRO][buy]{:.gumroad-button data-gumroad-single-product="true"} |
{:.stretch-table.dl-table} |
|
|
<script type="module">
document.querySelectorAll('a[href="#_search-input"]').forEach(el => {
if (!el.dataset.done) {
el.addEventListener('click', () => document.getElementById('_search-input').focus());
el.dataset.done = '';
}
});
document.querySelectorAll('.ppi').forEach(async el => {
if (!el.dataset.done) {
const { name, emoji, code, discount } = await window._ppiData;
if (!code) return;
el.querySelectorAll('.name').forEach(el => { el.innerText = name });
el.querySelectorAll('.emoji').forEach(el => { el.innerText = emoji; el.title = name });
el.querySelectorAll('.code').forEach(el => { el.innerText = code.toUpperCase() });
el.querySelectorAll('.discount').forEach(el => { el.innerText = `${discount * 100}%` });
el.dataset.done = '';
}
});
document.querySelectorAll('.price').forEach(async el => {
if (!el.dataset.done) {
const { name, emoji, code, discount } = await window._ppiData;
if (!code) return;
el.querySelectorAll('.name').forEach(el => { el.innerText = name });
el.querySelectorAll('.emoji').forEach(el => { el.innerText = emoji; el.title = name });
el.querySelectorAll('.code').forEach(el => { el.innerText = code.toUpperCase() });
el.querySelectorAll('.new-price').forEach(el => { el.innerText = `$${99 - discount * 100}` });
el.dataset.done = '';
}
});
</script>