Gatsby - Themes and Starters
Tags: gatsby, webdev, appseed
Published: 2019-09-04 14:30:06

---
title: Gatsby - Themes and Starters
published: true
description: 20+ Open-Source Themes and Starters coded in GatsbyJS for pretty much anything 
cover_image: https://raw.githubusercontent.com/app-generator/static/master/products/gatsby-fashion-portfolio-intro.gif
tags: gatsby, webdev, appseed
---

Hello coders, 

In this article, I will present a collection with **[GatsbyJS starters](https://appseed.us/apps/gatsbyjs)** and themes suitable for simple projects: one page websites, markdown / MDX blogs, and simple coming-soon pages. 

--- 

## What is [GatsbyJS](https://www.gatsbyjs.org)

GatsbyJS is the most impressive app generator I've seen in the last few years for a few good reasons:
 
- modern tooling out of the box. 
- plugins for almost anything
- all apps built with Gatsby will score more than 90 on Lighthouse
- usable starters for many types of apps and technologies: one-page, eCommerce, blogs
- comprehensive docs
- live support on [spectrum](https://spectrum.chat/gatsby-js) & Discord 

---

## Get Started with **Gatsby**

In order to start building apps with Gatsby we need a few sets of tools installed into the working station:

- Node & Npm 
- Gatsby CLI - the Gatsby console 
- GIT - if we want to clone some starters 

The [official documentation](https://www.gatsbyjs.org/tutorial/part-zero/) has a comprehensive section about this initial setup, feel free to access it and follow the instructions applicable for your OS. 

```
# install Gatsby globally 
$ npm install -g gatsby-cli
$
# test the installation
$ gatsby --help
``` 

---

## Licensing Info

All starters and themes are released under permissive licenses (MIT or CCY 30) inherited from the design providers. Before using a starter, please read the license file. Thank you!

---

## [GatsbyJS Paradigm](https://appseed.us/apps/gatsbyjs/gatsby-html5up-paradigm)

A nice [GatsbyJS](https://appseed.us/apps/gatsbyjs) starter that uses a simple design crafted by Html5UP agency.

![GatsbyJS Paradigm - Open-Source Gatsby starter.](https://raw.githubusercontent.com/app-generator/static/master/products/gatsby-html5up-paradigm-intro.gif)


> How to use the starter

```bash
$ git clone https://github.com/app-generator/gatsby-html5up-paradigm.git
$ cd gatsby-html5up-paradigm
$ yarn # install modules
$ yarn start # start in development mode
$ yarn deploy # live FTP deployment ( Edit FTP credentials in deploy.js first)
```

---

## [GatsbyJS Fashion](https://appseed.us/apps/gatsbyjs/gatsby-fashion-portfolio)

Simple [GatsbyJS](https://appseed.us/apps/gatsbyjs) starter with a creative layout released under the MIT license. 

![GatsbyJS Fashion - Open-Source Gatsby starter.](https://github.com/app-generator/static/blob/master/products/gatsby-fashion-portfolio-intro.gif?raw=true)

---

## [GatsbyJS Multiverse](https://appseed.us/apps/gatsbyjs/gatsby-html5up-multiverse)

A [GatsbyJS](https://appseed.us/apps/gatsbyjs) starter suitable for photographers and *visual* projects. 

![GatsbyJS Multiverse - Open-Source Gatsby starter.](https://github.com/app-generator/static/blob/master/products/gatsby-html5up-multiverse-intro.gif?raw=true)

> To build this app, type in your terminal

```
$ git clone https://github.com/app-generator/gatsby-html5up-multiverse.git
$ cd gatsby-html5up-multiverse
$ yarn # install modules
$ yarn start # start in development mode
```

---

## [GatsbyJS Spectral](https://appseed.us/apps/gatsbyjs/gatsby-html5up-spectral)

One-page [GatsbyJS](https://appseed.us/apps/gatsbyjs) web app with a design provided by Html5 Up agency. 

![GatsbyJS Spectral - Open-Source Gatsby starter.](https://github.com/app-generator/static/blob/master/products/gatsby-html5up-spectral-intro.gif?raw=true)

---

## [GatsbyJS Aerial](https://appseed.us/apps/gatsbyjs/gatsby-html5up-aerial)

A simple coming-soon app with a rolling background with a design provided by Html5 Up. 

![GatsbyJS Aerial - Open-Source Gatsby starter.](https://github.com/app-generator/static/blob/master/products/gatsby-html5up-aerial-intro.gif?raw=true)

---

## [GatsbyJS Highlights](https://appseed.us/apps/gatsbyjs/gatsby-html5up-highlights)

An open-source app built with GatsbyJS on top of HTML5Up Highlights design.

![GatsbyJS Paradigm - Open-Source Gatsby starter.](https://raw.githubusercontent.com/app-generator/static/master/products/gatsby-html5up-highlights-intro.gif)


--- 

## [Gatsby](https://www.gatsbyjs.org) Resources

- [Gatsby Apps](https://github.com/app-generator/gatsbyjs) - the full index published on Github
- [Gatsby Docs](https://www.gatsbyjs.org/docs/) - official documentation
- [Gatsby Starters](https://www.gatsbyjs.org/starters/?v=2) - the official list with starters sorted by technologies and usage
- [Gatsby Apps](https://appseed.us/apps/gatsbyjs) - Gatsby apps supported by **AppSeed**


---
Thank you!