ai-lnading-page — React SaaS模板

SHA-256: cf89c934442bee24c8a4a9c805aef03783c2e13ec9abd55e231f413e9a0cf4ce

2026-10-02T23:29:26.529Z

<a name="readme-top"></a>

![StarForge - Ai SaaS Website](/.github/images/img_main.png "StarForge - Ai SaaS Landing Website")

<p align="center">
  <h3 align="center">StarForge</h3>
  <p align="center">
    Ai SaaS Landing template for your next project
    <br />
    <a href="https://ai-saas-landing-starter.vercel.app/"><strong>Explore »</strong></a>
    <br />
    <br />
    &middot;
  </p>

<details>
<summary>Table of Contents</summary>

- [About the Project](#about-the-project)
- [Getting Started](#-getting-started)
- [Screenshots](#-screenshots)
- [Technologies Used](#-technologies-used)
- [Contributing](#-contributing)
- [Acknowledgements](#-acknowledgements)
- [Follow Me](#-follow-me)
- [Deployment](#-deployment)
- [Give A Star](#-give-a-star)
- [Star History](#-star-history)

</details>

## About the Project

**StarForge** is a Modern UI/UX website, developed using Next.js, React, and
Tailwind CSS, exemplifies modern UI/UX principles. Its sleek design, seamless
animations, and overall user experience set a high standard, serving as a
reference or inspiration for future modern applications or websites in general.


## 🧰 Getting Started

1. Make sure [Git](https://git-scm.com/downloads) and [Node.js](https://nodejs.org/en/) are installed.
2. Fork this repository on GitHub and clone **your fork** to your local machine:

   ```bash
   git clone https://github.com/ArazMaher/ai-lnading-page.git
   cd ai-landing-page
   ```
3. Open the terminal in the project root and run `pnpm install` to install dependencies.
4. Start the development server with `pnpm dev`.
<!-- 5. Visit **[http://localhost:3000](http://localhost:3000)** in your browser to see it live 🚀. -->

## 📷 Screenshots

![Modern UI/UX Hero](/.github/images/img1.jpeg "Modern UI/UX Hero")

![Animated Bento grid](/.github/images/img2.jpeg "Animated Bento grid")

<!-- ![Animated Pricing section](/.github/images/img3.jpeg "Animated Pricing section")

![Beautiful Grid](/.github/images/img4.jpeg "Beautiful Grid") -->


## ✨ Technologies Used

<details><summary><b>StarForge</b> is built using the following technologies:</summary>

- [TypeScript](https://www.typescriptlang.org/): TypeScript is a typed superset
  of JavaScript that compiles to plain JavaScript.
- [Next.js](https://nextjs.org/): Next.js is a React framework for building
  server-side rendered and statically generated web applications.
- [Tailwind CSS](https://tailwindcss.com/): Tailwind CSS is a utility-first CSS
  framework for rapidly building custom user interfaces.
- [ESLint](https://eslint.org/): ESLint is a static code analysis tool for
  identifying problematic patterns found in JavaScript code.
- [Prettier](https://prettier.io/): Prettier is an opinionated code formatter.
- [React Just Parallax](https://www.npmjs.com/package/react-just-parallax):
  React Just Parallax is a simple and lightweight parallax component for React.
</details><br/>

[![Technologies Used](https://skillicons.dev/icons?i=ts,nextjs,tailwind)](https://skillicons.dev)

<!-- ## :wrench: Stats

[![Stats for StarForge](/.github/images/stats.svg "Stats for StarForge")](https://pagespeed.web.dev/analysis?url=https://ai-saas-landing-starter.vercel.app/ "Stats for StarForge") -->



## 🔧 Contributing

Contributions are what make the open source community such an amazing place to
learn, inspire, and create. Any contributions you make are **greatly
appreciated**.

To fix a bug or enhance an existing module, follow these steps:

1. Fork the repo
2. Create a new branch (`git checkout -b improve-feature`)
3. Make the appropriate changes in the files
4. Commit your changes (`git commit -am 'Improve feature'`)
5. Push to the branch (`git push origin improve-feature`)
6. Create a Pull Request 🎉

## 💎 Acknowledgements

I'd like to express my gratitude to the following people who helped me with this
project and made it possible:

- [Next.js](https://nextjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Prettier](https://prettier.io/)
- [ESLint](https://eslint.org/)
- [React Just Parallax](https://www.npmjs.com/package/react-just-parallax)

<!-- ## :coffee: Buy Me a Coffee

[<img src="https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black" width="200" />](https://www.buymeacoffee.com/aayushbharti "Buy me a Coffee") -->

## 🚀 Follow Me

<!-- [![Telegram](https://img.shields.io/badge/Telegram-@aayushbharti-2CA5E0?style=social&logo=telegram&logoColor=000000)](https://t.me/aayushbharti) -->
[![Follow Me](https://img.shields.io/github/followers/aayushbharti?style=social&label=Github&maxAge=2592000)](https://github.com/ArazMaher "Follow Me")
<!-- [![Twitter](https://img.shields.io/twitter/follow/iaayushbharti.svg?style=social)](https://twitter.com/intent/follow?screen_name=iaayushbharti) -->
<!-- [![Instagram](https://img.shields.io/badge/Instagram-aayushbharti-grey?style=flat&logo=instagram&logoColor=b0c0c0&labelColor=8134af)](https://www.instagram.com/aayushbharti) -->


## 📃 Deployment

| Method                     | Description                              | Action                                                                                                                                                                           |
| :------------------------- | :--------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **🔧 Manual Build**        | Create an optimized production build.    | `pnpm build`                                                                                                                                                         |
| **▲ Vercel (Recommended)** | Deploy instantly on the Vercel platform. | [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Faayushbharti%2Fai-saas-landing-starter)                |
| **🌐 Netlify**             | Deploy easily on Netlify.                | [![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/aayushbharti/ai-saas-landing-starter) |

For more details, check the [Next.js deployment docs](https://nextjs.org/docs/deployment).


## ⭐ Give A Star

You can also give this repository a star to show more people and they can use this repository.

<br />
<p align="right">(<a href="#readme-top">back to top</a>)</p>