AstroTool SiteCorporate Website

cannonball — Astro Tool Template

By treefarmstudio

Cannonball is a modern splash page / coming soon page template built with Astro, including a newsletter signup form, released under the MIT license.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews

Author preview

Visit websiteOpens in a new tab

Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

Splash page / coming soon page template built with Astro

Built-in newsletter signup form for collecting visitor email addresses

Provides a base layout and page layout, plus a generic Button component

Integrates Andy Bell's modern CSS Reset and Utopia fluid typography scaling

Includes an automatically generated sitemap and claims to be SEO-friendly

Released under the MIT license, allowing free use, modification, commercial use, and distribution

Template Details

Cannonball is an Astro template published by treefarmstudio on GitHub, positioned as a modern splash page or coming soon page. It was inspired by a Framer template and is accompanied by a YouTube video explaining the creation process. The core element of the page is a newsletter signup form, suitable for collecting visitor email addresses before a product or website officially launches.

The template provides a base layout and page layout, a generic but flexible Button component, and integrates Andy Bell's modern CSS Reset and Utopia's fluid typography scaling. Global settings such as site title and description are centralized in src/data/settings.ts, while social links and icons are configured in src/data/socials.ts. The template also includes an automatically generated sitemap and claims to be SEO-friendly.

For usage, the README offers two paths: open the repository online via StackBlitz, or run npm i && npm start locally to start development. For deployment, the README only points to Astro's official deployment guide and does not provide configuration for specific hosting services. The repository is released under the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, but third-party assets such as demo images, fonts, and icons require separate license verification, and external services such as domains and hosting may also incur costs.

AstroTool siteCorporate website

Is it right for your project?

Use Cases

Build a coming soon page to collect email addresses before a product or website officially launches
Create a single-page splash page for a new product launch
Use as a starting template for an Astro project, replacing copy and social links to go live quickly
Preview and try the template online in StackBlitz

Suitable For

Developers who need to quickly build a single-page pre-launch page
Teams using the Astro stack who want to reuse existing layouts and components
Projects that need a newsletter signup form to collect potential user email addresses

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Modify global settings such as site title and description in src/data/settings.ts
2
Configure social links and icons in src/data/socials.ts
3
For local development, run npm i && npm start; you can also open the repository online via StackBlitz
4
For deployment, refer to Astro's official deployment guide; the template does not provide specific hosting configuration
5
Third-party assets such as demo images, fonts, and icons require separate license verification

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope applies to this version of the code and does not mean external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version of the code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

The README only suggests voluntary donations to support further development; this is not a condition of use. You may use, modify, commercially use, and distribute the template for free under the MIT license without donating.
Obtaining support requires joining its Discord community or submitting an issue in the repository; these are optional help channels and do not affect the free use of the template itself.
Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

If you find this theme useful, please consider donating to support the continued development of it with the link below
Original README

Please feel free to reach out to us on our Discord if you have questions or file an issue on the repo.
Original README

https://github.com/treefarmstudio/cannonball/blob/main/LICENSE https://github.com/treefarmstudio/cannonball/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 77 / 100
Technologies: Astro
Website type: Tool Site · Corporate Website

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2022-12-16
Screenshot last checked: 2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Astro as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 4d0aa23639dfadfaea4228245915c8a9b399586d028d138c09a957adced4a9a7

2026-10-02T09:51:58.839Z

Source file / repository

<p align="center">
  <img src="assets/gh-banner.png" alt="Cannonbal Theme Banner">
</p>

<br/>
<div align="center">
  <a href="https://twitter.com/littlesticksdev">
  <img src="assets/twitter-badge.svg" alt="Follow Little Sticks on Twitter"/>
</a>
  <a href="https://littlesticks.lemonsqueezy.com/checkout/buy/ce15f246-6ffb-417d-b380-0745aeef69a9">
    <img src="assets/sponsor-badge.svg" alt="Sponsor This Repo" />
  </a>
  <a href="https://littlesticks.dev/discord">
    <img src="assets/discord-badge.svg" alt="Join our Discord" />
  </a>
  
</div>
<br/>

# Cannonball Splash Page 💦

This is a template for a modern splash page/coming soon page inspired by [this Framer template](https://coming-soon.framer.website/).

You can learn more about this template/theme's creation in [this YouTube video](https://www.youtube.com/watch?v=o58kSpPMuuI)

## Features

- ✅ Modern Design
- ✅ Email Signup Form
- ✅ SEO friendly
- ✅ Modern CSS Reset via Andy Bell
- ✅ Fluid typography scaling via Utopia
- ✅ Base and Page Layouts
- ✅ A generic but flexible Button component
- ✅ Automatic Sitemap

## Get Started 

Customize the global site settings such as the title and description in the `src/data/settings.ts` file

Set your own social profile links and icons in the `src/data/socials.ts` file

<p>
  <a href="https://stackblitz.com/github/littlesticks/cannonball">
  <img src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" height="36px" />
  </a>
</p>

OR

## Local Development

```sh
npm i && npm start
```

## Deploy

Astro has [an in-depth guide](https://docs.astro.build/en/guides/deploy/) on how to deploy an Astro project to each service.

## Sponsor

If you find this theme useful, please consider donating to support the continued development of it with the link below

[Donate to Little Sticks](https://littlesticks.lemonsqueezy.com/checkout/buy/ce15f246-6ffb-417d-b380-0745aeef69a9)

## Support

Please feel free to reach out to us on our Discord if you have questions or file an issue on the repo.

[Join our Discord](https://littlesticks.dev/discord)

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

astrowind

AstroWind is a free, open-source Astro starter theme using Astro and Tailwind CSS, released under the MIT license.

Astro · Blog

astro-paper

AstroPaper is a minimal, responsive, accessible, and SEO-friendly Astro blog theme. Articles are stored as Markdown/MDX in src/content/posts/, with subdirectories affecting URLs.

Astro · Blog

astro-theme-cactus

Astro Cactus is an Astro-based blog and portfolio theme that uses Markdown/MDX content collections to manage posts, notes, and tags, with frontmatter type-checked by a schema.

Astro · Portfolio

astrofy

Astrofy is a free and open-source personal portfolio website template built with Astro and TailwindCSS, with built-in blog, CV timeline, project showcase, store, and RSS feed modules.

Astro · Portfolio

astro-landing-page

An Astro + Tailwind CSS landing page example template with theme variables, dark mode, responsive layout, and Open Graph tags, under the MIT license, suitable as a starting point for single-page product, event, or corporate homepage sites.

Astro · Corporate Website

Tailcast

Tailcast is a dark-themed corporate website template built with Astro and Tailwind CSS for a fictional startup.

Astro · Corporate Website