An open API service indexing awesome lists of open source software.

https://github.com/ifechiglory/aurora

A sleek, modern landing page for a fictional SaaS platform built with React, Vite, Tailwind CSS, and Framer Motion. Fully responsive, smooth scrolling, and polished micro-interactions for a professional portfolio showcase.
https://github.com/ifechiglory/aurora

framer-motion responsive-design saas-application tailwindcss vite

Last synced: about 1 month ago
JSON representation

A sleek, modern landing page for a fictional SaaS platform built with React, Vite, Tailwind CSS, and Framer Motion. Fully responsive, smooth scrolling, and polished micro-interactions for a professional portfolio showcase.

Awesome Lists containing this project

README

          

# Aurora

Aurora is a modern, responsive landing page for a fictional SaaS platform. Built with **React**, **Vite**, **Tailwind CSS**, and **Framer Motion**, it showcases polished micro-interactions, smooth scrolling, and a professional design—perfect for a portfolio project.

---

## Features

- Fully **responsive** layout (mobile, tablet, desktop)
- Smooth scrolling navigation with internal links
- Animated **Hero**, **Features**, **Pricing**, and **CTA** sections using Framer Motion
- Reusable components: `Navbar`, `Hero`, `Features`, `Pricing`, `CTA`, `Footer`
- Polished **hover effects** and subtle **motion interactions**
- Modern design using **Tailwind CSS** and utility-first styling

---

## Installation

1. Clone the repo:

```bash
git clone https://github.com/your-username/aurora.git
```

2. Navigate to the project folder:

```bash
cd aurora
```

3. Install dependencies:

```bash
npm install
```

4. Start the development server:

```bash
npm run dev
```

5. Open the local server in your browser:

```bash
http://localhost:5173
```

## Technologies Used

1. React – Component-based UI library
2. Vite – Fast frontend build tool
3. Tailwind CSS – Utility-first CSS framework
4. Framer Motion – Animation library for React
5. JavaScript / JSX – Core scripting

## Folder Structure

```txt

src/
components/ # Reusable UI components (Navbar, Hero, Features, Pricing, CTA, Footer)
pages/ # Page components (if you expand beyond home)
App.jsx # Root component
main.jsx # Entry point
public/ # Static assets
```

## Contributing

This is a portfolio project, but feel free to fork and improve!
Pull requests, suggestions, and fixes are welcome.

## License

MIT License © 2025 [Efay]