Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/harshxraj/saas-landing-nextjs
SaaS Landing Page, built with React, Next.js, TailwindCSS, and Framer Motion. It aims to provide a visually appealing and highly performant landing page for SaaS products.
https://github.com/harshxraj/saas-landing-nextjs
design framer-motion homepage landing-page nextjs react saas saas-application startup tailwindcss template
Last synced: 8 days ago
JSON representation
SaaS Landing Page, built with React, Next.js, TailwindCSS, and Framer Motion. It aims to provide a visually appealing and highly performant landing page for SaaS products.
- Host: GitHub
- URL: https://github.com/harshxraj/saas-landing-nextjs
- Owner: harshxraj
- Created: 2024-07-21T15:45:08.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-22T09:09:58.000Z (6 months ago)
- Last Synced: 2024-11-18T22:02:52.013Z (2 months ago)
- Topics: design, framer-motion, homepage, landing-page, nextjs, react, saas, saas-application, startup, tailwindcss, template
- Language: TypeScript
- Homepage: https://saas-landing-nextjs.vercel.app
- Size: 3.53 MB
- Stars: 11
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SaaS Landing Page
Welcome to the Stunning SaaS Landing Page project! This project is built with React, Next.js, TailwindCSS, and Framer Motion. It aims to provide a visually appealing and highly performant landing page for SaaS products.
## Table of Contents
- [Demo](#demo)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Preview](#preview)## Demo
Check out the live demo of the project [here](https://saas-landing-nextjs.vercel.app/).## Features
- Responsive design
- Smooth animations with Framer Motion
- Modern UI with TailwindCSS
- Server-side rendering with Next.js
- Easy to customize## Technologies Used
- **React**: A JavaScript library for building user interfaces
- **Next.js**: A React framework with server-side rendering capabilities
- **TailwindCSS**: A utility-first CSS framework for rapid UI development
- **Framer Motion**: A library for creating animations in React## Installation
To get started with this project, clone the repository and install the dependencies:```bash
git clone https://github.com/harshxraj/saas-landing-nextjs.git
cd saas-landing-nextjs
npm install
```## Usage
To start the development server, run:```bash
npm run dev
```Open [http://localhost:3000](http://localhost:3000) in your browser to see the project.
## Preview
![image](https://github.com/user-attachments/assets/85e0357d-65a3-45a5-94fb-ead789a718e2)