# Adding Midjourney Videos [Midjourney](https://www.midjourney.com/) has rapidly emerged as a favorite tool for creators looking to generate visually stunning AI-generated images and videos. Its power lies in its ability to translate prompts into creative visuals with cinematic quality. But what happens when you want to use that visual inside a functional web-based tool? That’s where Dualite comes in. In this guide, we’ll walk you through how to take a video created in [Midjourney](https://www.midjourney.com/) and seamlessly embed it into a responsive web tool using Dualite's no-code design capabilities. Whether you're working on a product landing page, a portfolio, or a niche solution like real estate, this tutorial will help you elevate your visuals through smooth integration. ### Why Use Midjourney Videos in Dualite? [Midjourney](https://www.midjourney.com/) is known for producing artistic, high-resolution videos that can serve as impactful design elements, especially when used as hero backgrounds or immersive content blocks. When paired with Dualite, these videos don’t just stay pretty, they become part of a fully functional, dynamic interface.Using Dualite, you can: * Design tools or websites without writing code * Maintain responsiveness across devices * Adjust video format and quality * Ensure smooth performance even with rich media {% embed url="" %} ### Integrating Midjourney Videos on Dualite Before you begin, make sure you’ve already created your video in [Midjourney ](https://www.midjourney.com/)and have access to Dualite. #### Step 1: Generate a Video Using MidjourneyUse Midjourney on Discord to create your video. Once the video is ready: * Right-click on the video * Select “Copy Video URL”
This will give you the direct link you’ll need to pass into your prompt. #### Step 2: Head to Dualite and Craft Your Prompt Now that you have your video URL, head over to Dualite and start a new project. Here’s what you need to do: * Paste the video URL in your prompt * Describe your use case clearly * Specify the role of the video in the tool For example, if you're building a real estate platform, you can write:“Use this [Midjourney](https://www.midjourney.com/) video as a full-width background in the hero section of a modern, minimal real estate web tool. Ensure it is in 16:9 landscape format and optimized for high quality.” Dualite will parse this and configure your video appropriately within the layout.
#### Step 3: Let Dualite Build and Instantly Dualite takes over from here. It will: * Format the video to fit a 16:9 layout * Maintain video quality and responsiveness * Position the video as a live background in the hero section * Apply a clean, minimal design template suited to your context Once the tool is generated, you're not just looking at a preview, you can instantly deploy your tool. With just a click, your AI-powered site is live and ready to use or share. The end result? A fully functioning web-based tool with a visually engaging hero section powered by your [Midjourney](https://www.midjourney.com/) video. View the deployment here: to explore how seamlessly visual storytelling blends with functional web design. ### Conclusion Integrating Midjourney visuals into Dualite is a powerful way to bridge creativity and functionality. With just a simple video URL and a well-written prompt, it helps you build elegant, responsive tools with immersive design. Whether you’re a designer, a marketer, or an entrepreneur, this workflow unlocks a new way to prototype and publish rich media applications, without writing a single line of code. Explore the intersection of art and automation, start building with Dualite today. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://alphadocs.dualite.dev/tips-and-techniques/adding-midjourney-videos.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.