JAMstack Apps - Open-Source and built with Automation Tools
Tags: jamstack, tools, appseed
Published: 2019-08-17 09:55:06

---
title: JAMstack Apps - Open-Source and built with Automation Tools
published: true
description: A curated list with generated JAMstack apps, released under permissive licenses - MIT, CCY
cover_image: https://github.com/app-generator/static/blob/master/products/jamstack-paper-kit-intro.gif?raw=true 
tags: jamstack, tools, appseed
---
Hello Coders, 

In this article, I will present a curated list with open-source [JAMStack](https://jamstack.org/) apps built using automation tools on top of some well-known designs provided by HTML5Up and Creative-Tim agencies. 

> *Thanks for reading!* - Content provided by **[App Generator](https://appseed.us/)**.

---

The automation process executes in a loop a few steps, listed below:

- The flat HTML design is parsed and normalized to be compatible with an existing JAMstack boilerplate (this phase is detailed in a separate article - [HTML Parser](https://dev.to/sm0ke/html-parser-developer-tools-5d85) ) 
- inject the processed design into the JAMstack boilerplate, already equipped with scrips and builders (gulp, sass processing .. etc)
- start the app and repeat the previous steps in a loop if something is wrong (wrong paths, missing images) 

Using this simple workflow, I'm able to skip over the manual work when I start a new project using a new design requested by the customer. 

---

## Why **JAMstack**

After using for years Php and Python frameworks, I decided to switch on JAMstack pattern for simple apps and one-page websites based on facts:

- most of the times, I don't need a database
- speed matters 
- any design can be easily integrated into a [JAMstack](https://jamstack.org/) [boilerplate code](https://appseed.us/boilerplate-code)
- the deployment is automatized 
- the apps are 100% secure because is generated in plain HTML

---

## [JAMStack Paper Kit](https://appseed.us/apps/jamstack/jamstack-paper-kit)

This application is built on top of a beautiful UI kit provided by Creative-Tim. The boilerplate comes with sample pages (landing, login, and register) and the license is MIT. 

### App Links

- [JAMstack Paper demo](https://jamstack-paper-kit.appseed.us/)
- [JAMstack Paper sources](https://github.com/app-generator/jamstack-paper-kit)

![JAMstack Paper Kit - Gif animated intro.](https://github.com/app-generator/static/blob/master/products/jamstack-paper-kit-intro.gif?raw=true)

### Build from Sources

```bash
$ git clone https://github.com/app-generator/jamstack-paper-kit.git
$ cd jamstack-paper-kit
$ yarn
$ yarn start
$ yarn build
```

--- 

## [JAMStack Argon Design](https://appseed.us/apps/jamstack/jamstack-argon-design)

Argon Design design is another free UI Kit released under the MIT license by Creative-Tim. 

### App Links

- [JAMstack Paper demo](https://jamstack-argon-design.appseed.us/)
- [JAMstack Paper sources](https://github.com/app-generator/jamstack-argon-design-system)
 
![JAMstack Argon Design - Gif animated intro.](https://github.com/app-generator/static/blob/master/products/jamstack-argon-design-intro.gif?raw=true)

### Build from Sources

```bash
$ git clone https://github.com/app-generator/jamstack-argon-design-system.git
$ cd jamstack-argon-design-system
$ yarn
$ yarn start
$ yarn build
```

---

## [JAMStack Fractal](https://appseed.us/apps/jamstack/html5up-fractal)

Open-Source app with [HTML5Up Fractal](https://html5up.net/fractal) design - [CCA 3.0](https://html5up.net/license) License (inherited from Html5up)

### App Links

- [JAMstack Fractal demo](https://jamstack-fractal.appseed.us/)
- [JAMstack Fractal sources](https://github.com/app-generator/jamstack-fractal)
 
![JAMstack Fractal - Gif animated intro.](https://github.com/app-generator/static/blob/master/products/jamstack-html5up-fractal-intro.gif?raw=true)

### Build from Sources

```bash
$ git clone https://github.com/app-generator/jamstack-fractal.git
$ cd jamstack-fractal
$ yarn
$ yarn start
$ yarn build
```

---

## [JAMStack Big Picture](https://appseed.us/apps/jamstack/html5up-big-picture)

Open-Source app with [HTML5Up BigPicture](https://html5up.net/big-picture) design - CCA 3.0 License (inherited from Html5up).

### App Links

- [JAMstack BigPicture demo](https://jamstack-big-picture.appseed.us/)
- [JAMstack BigPicture sources](https://github.com/app-generator/jamstack-big-picture)
 
![JAMstack BigPicture - Gif animated intro.](https://github.com/app-generator/static/blob/master/products/jamstack-html5up-bigpicture-intro.gif?raw=true)

### Build from Sources

```bash
$ git clone https://github.com/app-generator/jamstack-big-picture.git
$ cd jamstack-big-picture
$ yarn
$ yarn start
$ yarn build
```

---

## [JAMStack Landed](https://appseed.us/apps/jamstack/html5up-landed)

Open-Source app with HTML5Up Landed design - CCA 3.0 License.

### App Links

- [JAMstack Landed demo](https://jamstack-landed.appseed.us/)
- [JAMstack Landed sources](https://github.com/app-generator/jamstack-landed)
 
![JAMstack Landed - Gif animated intro](https://github.com/app-generator/static/blob/master/products/jamstack-html5up-landed-intro.gif?raw=true)


### Build from Sources

```bash
$ git clone https://github.com/app-generator/jamstack-landed.git
$ cd jamstack-landed
$ yarn
$ yarn start
$ yarn build
```

---

## [JAMStack Now UI Kit](https://appseed.us/apps/jamstack/jamstack-now-ui-kit)

Blazing fast application coded in JAMstack pattern on top of Now UI design - MIT License.

### App Links

- [JAMstack Now UI demo](https://jamstack-now-ui-kit.appseed.us/)
- [JAMstack Now UI sources](https://github.com/app-generator/jamstack-now-ui-kit)
 
![JAMstack Now UI - Gif animated intro.](https://github.com/app-generator/static/blob/master/products/jamstack-now-ui-intro.gif?raw=true)

### Build from Sources

```bash
$ git clone https://github.com/app-generator/jamstack-now-ui-kit.git
$ cd jamstack-now-ui-kit
$ yarn
$ yarn start
$ yarn build
```

---

## [JAMStack Material Kit](https://appseed.us/apps/jamstack/jamstack-material-kit)

Blazing fast application coded in JAMstack pattern on top of Material Kit design - MIT License.

### App Links

- [JAMstack Material Kit demo](https://jamstack-material-kit.appseed.us/)
- [JAMstack Material Kit sources](https://github.com/app-generator/jamstack-material-kit)
 
![JAMstack Material Kit - Gif animated intro.](https://github.com/app-generator/static/blob/master/products/jamstack-material-kit-intro.gif?raw=true)

### Build from Sources

```bash
$ git clone git clone https://github.com/app-generator/jamstack-material-kit.git
$ cd jamstack-material-kit
$ yarn
$ yarn start
$ yarn build
```

--- 

## More [JAMstack Apps](https://appseed.us/apps/jamstack)

- [BulmaLanding](https://github.com/app-generator/bulmalanding) - MIT License
- [BulmaPlay](https://github.com/app-generator/bulmaplay) - MIT License

---

## Other JAMstack resources

- [JAMstack](https://jamstack.org/) - the official webiste
- [WTF is JAMstack](https://jamstack.org/) - JAMstack related website
- [JAMstack apps](https://appseed.us/apps/jamstack) - index provided by **AppSeed**

---

> Thank You!