├── saas-ui-nextjs-landing-page-main.zip ├── magicuidesign-saas-template-12514ccfe8614a3204f886565bc3ab7b75bfded3.zip └── README.md /saas-ui-nextjs-landing-page-main.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ungaaaabungaaa/SaaS-Template-MagicUI/HEAD/saas-ui-nextjs-landing-page-main.zip -------------------------------------------------------------------------------- /magicuidesign-saas-template-12514ccfe8614a3204f886565bc3ab7b75bfded3.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ungaaaabungaaa/SaaS-Template-MagicUI/HEAD/magicuidesign-saas-template-12514ccfe8614a3204f886565bc3ab7b75bfded3.zip -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ### Preview 2 | 3 | Before you dive into the code, feel free to check out the preview of the template: 4 | 5 | [Preview the demo here](https://pro.magicui.design/) 6 | 7 | ## Screenshots 8 | 9 | Here are some images of the template to help you get an idea of the design: 10 | 11 | ### Homepage Layout 12 | ![Homepage](https://i.imgur.com/Kegywbi.png) 13 | 14 | ### Steps Layout 15 | ![Steps Layout](https://i.imgur.com/vORVffu.png) 16 | 17 | ### Bento Grid 18 | ![Bento Grid](https://i.imgur.com/RCEdvBR.png) 19 | 20 | # Magic UI Template Paid - FREE 21 | 22 | Welcome to the **Magic UI Template** repository! This is a paid template that I have legally purchased and am sharing for free. If you decide to use this template, please mention **Magic UI** as the original source. 23 | 24 | 25 | 26 | ## Features 27 | 28 | - **Modern Layouts:** The template includes a variety of pre-built layouts and UI components. 29 | - **Fully Responsive:** Works seamlessly across desktop, tablet, and mobile devices. 30 | - **Customizable:** Modify the files as needed to fit your project. 31 | 32 | ## Setup Instructions 33 | 34 | To get started with the template, follow these steps: 35 | 36 | ### 1. Unzip the Template 37 | 38 | First, unzip the main file you have downloaded. You'll find all the necessary files inside. 39 | 40 | ### 2. Install Dependencies 41 | 42 | Navigate to the project directory in your terminal and run the following command to install the required dependencies: 43 | 44 | ``` 45 | npm install 46 | 47 | ``` 48 | This will start the development server. Open your browser and go to http://localhost:3000 to view the template. 49 | 50 | 51 | ### 3. Start the Development Server 52 | 53 | Once the dependencies are installed, you can run the development server using: 54 | 55 | ``` 56 | npm run dev 57 | 58 | ``` 59 | This will start the development server. Open your browser and go to http://localhost:3000 to view the template. 60 | 61 | ### 4. Modify the Files 62 | 63 | You can now modify the template as needed to suit your project requirements. 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | --------------------------------------------------------------------------------