A modern, responsive SaaS landing page built with Next.js, Tailwind CSS, and Framer Motion. This project showcases a sleek design with smooth animations and a mobile-first approach.
- Responsive design that looks great on all devices
- Smooth scroll animations using Framer Motion
- Dynamic pricing tables
- Animated testimonials
- Interactive hero section with floating elements
- Logo ticker for brand showcasing
Check out the live demo of the project: The SaaS Demo
- Node.js (v14 or later)
- npm or yarn
-
Clone the repository:
git clone https://github.com/sorenblank/the-saas.git -
Navigate to the project directory:
cd the-saas -
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev # or yarn dev -
Open http://localhost:3000 in your browser to see the result.
The design for this project was created by Frontend Tribe. You can find the Figma design file here: Light SaaS Landing Page Figma Design
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a pull request
This project is open source and available under the MIT License.
- This project was originally showcased at Frontend Tribe YT channel.
- Tutorial video: Build and Deploy a SaaS Website with Next.js, Tailwind CSS & Framer Motion
- Design inspiration and assets from Frontend Tribe's Figma Design
While the implementation code is licensed under the MIT License, please note that this does not extend to any design assets or other resources provided by Frontend Tribe. For usage of those elements, please refer to Frontend Tribe's terms and conditions.
Soren Blank - @sorenblank - soren@sorenblank.com
Project Link: https://github.com/sorenblank/motion