Skip to content

A customizable Astro theme to showcase your mobile app.

Notifications You must be signed in to change notification settings

WKMN-Development/app-showcase

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mobile App Showcase Astro Theme

pb-rounded

This theme is a fully responsive and customizable landing page for showcasing mobile apps. Built with Astro, it utilizes simple HTML and CSS for design and layout, ensuring simplicity and speed. Ideal for developers and designers looking for a lightweight starting point to promote their app.

Features

  • No Dependencies: Apart from Astro, this theme does not use any external dependencies.
  • Fully Customizable: Customize every element of the theme including fonts, images, and text by simple edits.
  • Responsive Design: Ensures your app looks stunning on both desktop and mobile devices.

Usage

To begin using this theme for your mobile app landing page, we recommend taking advantage of the GitHub "Use this template" feature, located above the Clone button. This will allow you to create a separate repository where you can customize the theme as you wish.

Getting Started

  1. Create a new repository by clicking "Use this template".
  2. Navigate to the project directory and install dependencies with npm install.
  3. Start the development server with npm start.

Customization Guide

Content

Edit the frontmatter section at the top of /src/pages/index.html to update the website content, including text and images.

Styles

All CSS is located in /src/styles/main.css. Modify this file to change the look and feel of the site.

Images

Replace images by uploading new ones to the /public/images folder and update the references in the frontmatter of index.html.

Fonts

Add new font files to /public/fonts and reference them in /src/styles/main.css to change fonts. For easy integration of Google Fonts into your project, check out Hermes.

Project Structure

  • /src/pages/index.html: The main HTML file for your landing page.
  • /src/styles/main.css: CSS file for styling your landing page.
  • /public/images: Directory for storing images.
  • /public/fonts: Directory for storing fonts.

Deployment

This theme can be deployed on any static site hosting service that supports Astro. Follow the hosting provider's instructions for deploying an Astro project.

To view a live version of this site, see https://partybanner.app.

About

A customizable Astro theme to showcase your mobile app.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 49.3%
  • Astro 48.0%
  • JavaScript 2.7%