Combines Astro static rendering with React interactive components, with TypeScript for type checking
mobile-app-landing-template — Astro Business Template
By sofiyevsr
A mobile app landing page template built with Astro, React, TypeScript, TailwindCSS, and DaisyUI. Adjust copy, sections, and theme via a centralized configuration file. Suitable for indie developers and small teams to quickly set up a product website.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Builds responsive interfaces with TailwindCSS and DaisyUI, supporting switching across all DaisyUI themes
Includes preset sections such as partners, features, and testimonials, which can be reordered or modified
Centralizes site content and theme configuration in src/utils/config.ts, reducing the need to directly edit components
Mobile-first responsive layout, adapting to both desktop and mobile displays
Template Details
This is a landing page template for mobile apps, using Astro for static rendering, React for interactive components, and TypeScript for code. The styling layer uses TailwindCSS and DaisyUI. The template provides preset sections such as partners, features, and testimonials. Sections can be reordered or modified, and all DaisyUI themes are supported, making it easy to adjust the visual style consistently.
For usage, the template recommends centralizing site content and theme configuration in src/utils/config.ts. In most cases, there is no need to directly modify component code. Local development and build use pnpm dev and pnpm build respectively, with build output to the dist directory. The runtime requires Node.js (v20 or higher recommended) and pnpm.
Note that third-party assets used in the template—such as fonts, iPhone frames, avatars, icons, 3D icons, SVG shapes, and app screenshots—come from sources including Google Fonts, Figma, Pexels, uxwing, freesvg, 3dicons, and fffuel. Their licenses must be checked individually. The code itself is under the MIT license, allowing free use, modification, commercial use, and distribution, provided copyright and license notices are retained.
Is it right for your project?
Use Cases
- Indie developers creating a product introduction page for a published mobile app
- Small teams quickly building an app website and adjusting brand theme colors consistently
- Landing page prototypes that need to reuse sections such as partners, features, and testimonials
- Deploying to static hosting platforms as an Astro static site
Suitable For
- Indie developers and small teams
- Projects requiring a mobile app landing page
- Front-end developers familiar with Astro, React, and TailwindCSS
- Users who prefer customizing pages via configuration files rather than changing code
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Requires Node.js (v20 or higher recommended) and pnpm
- 2
Install dependencies with pnpm i; use pnpm dev for local development
- 3
Build the production version with pnpm build; output goes to the dist directory
- 4
Modify site content and theme primarily in src/utils/config.ts
- 5
Third-party assets such as fonts, avatars, icons, and screenshots must be checked against their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in a public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- Permits free use, modification, commercial use, and distribution of that version's code.
- 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
- Fonts used in the template come from Google Fonts and must be checked against their respective licenses; the MIT code license does not cover these third-party assets.
- Avatar assets come from Pexels and must comply with Pexels' own license; they cannot be used solely under the MIT code license.
- Icons come from uxwing and freesvg and must be checked against their respective licenses, which may include attribution or usage restrictions.
- App screenshots come from Figma community files and must comply with that file's license; the MIT code license does not cover them.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely under 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
### Fonts - [CabinSketch](https://fonts.google.com/specimen/Cabin+Sketch) - [Rowdies](https://fonts.google.com/specimen/Rowdies)
Original README
### Avatars - [Pexels](https://pexels.com)
Original README
### Icons - [Swirl arrows, company logos](https://uxwing.com) - [Wreath icon](https://freesvg.org)
Original README
https://github.com/sofiyevsr/mobile-app-landing-template/blob/main/LICENSEhttps://github.com/sofiyevsr/mobile-app-landing-template/blob/main/README.md### Screenshots - [App screenshots](https://www.figma.com/community/file/874598319834758320)
Original README
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 · 86 / 100
- Technologies
- Astro · React
- Website type
- 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
- 2025-02-18
- 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: b76f928f01472cf630906d154c83c4f3a959d8c38c69426d7d51bed9b40892e9
2026-10-02T16:05:19.382Z
Source file / repository# Mobile App Landing Page Template This project is a customizable landing page template for mobile apps, built with Astro, React, TypeScript, TailwindCSS, and DaisyUI. It offers seamless theme support using all the available themes from DaisyUI and can be easily tailored to fit your needs. ## Features - Built with Astro & React: Combines the power of Astro for static rendering with the flexibility of React for interactive components. - Built with TypeScript: Ensures a more robust codebase with type-checking capabilities. - TailwindCSS & DaisyUI: Provides an easy-to-customize, responsive design, supporting all DaisyUI themes for quick and consistent styling. - Responsive Layout: Mobile-first approach with full responsiveness for all devices. - Customizable Sections: Includes pre-designed sections for partners, features, testimonials, and more. Sections can be reordered or modified easily. ## Prerequisites Ensure you have the following installed: - Node.js (v20 or higher recommended) - pnpm ## Installation ```bash pnpm i ``` ## Local Development ```bash pnpm dev ``` ## Building for Production ```bash pnpm build ``` This will generate a dist folder containing the optimized production build. ## Customization If you just want to get your site up and running quickly, you probably don't need to modify the code directly, all you need to change is src/utils/config.ts. It probably includes all configuration you need. ## Theme You can change the theme from src/utils/config.ts too. See all available themes [here](https://daisyui.com/docs/themes/). ## Used assets ### Fonts - [CabinSketch](https://fonts.google.com/specimen/Cabin+Sketch) - [Rowdies](https://fonts.google.com/specimen/Rowdies) ### Iphone frames - [Iphone 15](https://www.figma.com/community/file/1385659531316001292) ### Avatars - [Pexels](https://pexels.com) ### Icons - [Swirl arrows, company logos](https://uxwing.com) - [Wreath icon](https://freesvg.org) ### Misc - [3D icons](https://3dicons.co) ### SVG Blobs - [SVG Generator](https://fffuel.co) ### Screenshots - [App screenshots](https://www.figma.com/community/file/874598319834758320)
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-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

Positivus
Positivus is an Astro and Tailwind CSS landing page theme for digital marketing agencies, maintained by manulthanura with a demo on Vercel.
Astro · Corporate Website

qwind
Qwind is a free and open-source website template built on Qwik and Tailwind CSS, featuring directory-based routing via QwikCity, a Markdown blog, dark mode, and static deployment configuration.
Astro · Tool Site

agency-landing-page-Astrojs
A single-page digital agency landing page template built with Astro and Tailwind CSS, featuring light and dark themes and a modular component directory. Suitable for static showcase pages, with MIT-licensed code and third-party assets requiring separate license verification.
Astro · Corporate Website
