---
title: "Spirals – AI Spiral Art Generator"
description: "Spirals is an AI tool for you to generate beautiful spiral art with one click. Powered by Vercel and Replicate."
url: "https://vercel.com/templates/next.js/spirals"
links:
  repository: "https://github.com/steven-tey/spirals"
  demo: "https://spirals.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=Spirals+%E2%80%93%C2%A0AI+Spiral+Art+Generator&demo-description=Spirals+is+an+AI+tool+for+you+to+generate+beautiful+spiral+art+with+one+click.+Powered+by+Vercel+and+Replicate.&demo-url=https%3A%2F%2Fspirals.vercel.app%2F&project-name=spirals&repository-name=spirals&repository-url=https%3A%2F%2Fgithub.com%2Fsteven-tey%2Fspirals&env=REPLICATE_API_TOKEN&envDescription=Get+your+Replicate+API+key+here%3A&envLink=https%3A%2F%2Freplicate.com&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F5PgHYItl2eMGVpcFX61hgW%2F91a27726723236c1658f78c69d442386%2Fopengraph-image.png&stores=%5B%7B%22type%22%3A%22blob%22%7D%2C%7B%22type%22%3A%22integration%22%2C%22integrationSlug%22%3A%22upstash%22%2C%22productSlug%22%3A%22upstash-kv%22%7D%5D"
---

# Spirals – AI Spiral Art Generator

Spirals is an AI tool for you to generate beautiful spiral art with one click. Powered by Vercel and Replicate.

<a href="https://spirals.vercel.app">
  <img alt="Spirals – Generate beautiful AI spiral art with one click." src="/app/opengraph-image.png">
  <h1 align="center">Spirals</h1>
</a>

<p align="center">
  Generate beautiful AI spiral art with one click. Powered by Vercel and Replicate.
</p>

<p align="center">
  <a href="https://twitter.com/steventey">
    <img src="https://img.shields.io/twitter/follow/steventey?style=flat&label=steventey&logo=twitter&color=0bf&logoColor=fff" alt="Steven Tey Twitter follower count" />
  </a>
  <a href="https://github.com/steven-tey/spirals">
    <img src="https://img.shields.io/github/stars/steven-tey/spirals?label=steven-tey%2Fspirals" alt="Spirals repo star count" />
  </a>
</p>

<p align="center">
  <a href="#introduction"><strong>Introduction</strong></a> ·
  <a href="#tech-stack"><strong>Tech Stack</strong></a> ·
  <a href="#deploy-your-own"><strong>Deploy Your Own</strong></a> ·
  <a href="#author"><strong>Author</strong></a>
</p>
<br/>

## Introduction

Spirals is an AI app for you to generate beautiful spiral art with one click. Powered by Vercel and Replicate.

https://github.com/steven-tey/spirals/assets/28986134/9f0202d4-2a31-47a0-b43f-bdcd189743ef

## Tech Stack

- Next.js [App Router](https://nextjs.org/docs/app)
- Next.js [Server Actions](https://nextjs.org/docs/app/api-reference/functions/server-actions)
- [Bun](https://bun.sh/) for compilation
- [Vercel Blob](https://vercel.com/storage/blob) for image storage
- [Vercel KV](https://vercel.com/storage/kv) for redis
- [`promptmaker`](https://github.com/zeke/promptmaker) lib by @zeke for generating random prompts

## Deploy Your Own

You can deploy this template to Vercel with the button below:

[![Deploy with Vercel](https://vercel.com/button)](https://stey.me/spirals-deploy)

Note that you'll need to:

- Set up a [Replicate](https://replicate.com) account to get the `REPLICATE_API_TOKEN` env var.
- Set up [Vercel KV](https://vercel.com/docs/storage/vercel-kv/quickstart) to get the
- Set up [Vercel Blob](https://vercel.com/docs/storage/vercel-blob/quickstart)

## Author

- Steven Tey ([@steventey](https://twitter.com/steventey))

## Related Templates

### [Shooketh – AI bot fine-tuned on Shakespeare](https://vercel.com/templates/next.js/shooketh)

An AI bot built with the Vercel AI SDK, OpenAI gpt-4o mini, and fine-tuned on Shakespeare's literary works

### [ChatHN – Chat with Hacker News](https://vercel.com/templates/next.js/chathn)

AI chatbot that uses OpenAI Functions and Vercel AI SDK to interact with the Hacker News API with natural language.

### [Extrapolate – AI Aging App](https://vercel.com/templates/next.js/extrapolate)

Age transformation AI app powered by Next.js, Replicate, Upstash, and Cloudflare R2 + Workers.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.