\n \n \n \n \n \n

\n \n

\n \n Pro Tip\n

\n Click the \"+\" button on any command to add it to your prompt builder. Mix and match to create magical image prompts!\n

\n\n

\n {activeTab === 'explore' &&

Welcome to Midjourney Dictionary

\n Learn how to use Midjourney with Midjourney for Noobs. Click on different commands and techniques in the Explore Dictionary to discover powerful ways to enhance your AI art creation. Each entry includes usage examples and professional tips to help you master Midjourney.\n

\n \n

\n \n setSearchTerm(e.target.value)} className=\"w-full pl-10 pr-4 py-3 bg-black/30 border border-white/10 rounded-lg focus:outline-none focus:border-gray-400 text-white placeholder-white/70\" />\n

\n \n

\n\n {isFilterOpen &&

\n \n Categories\n

\n {categories.map(category => )}\n

}\n \n

\n {filteredPrompts.length} {filteredPrompts.length === 1 ? 'Command' : 'Commands'} Found\n

\n \n {filteredPrompts.length === 0 ?

\n \n

No commands found

Try a different search term or category

\n {categories.filter(category => category.id !== 'all' && filteredPrompts.some(prompt => prompt.category === category.id)).map(category => {\n const categoryPrompts = filteredPrompts.filter(prompt => prompt.category === category.id);\n if (categoryPrompts.length === 0) return null;\n return

\n \n

{category.name}

\n {category.id === 'parameter' && 'Control image generation settings and technical parameters'}\n {category.id === 'style' && 'Apply artistic styles, aesthetics, and visual treatments'}\n {category.id === 'composition' && 'Control camera angles, lighting, and photographic techniques'}\n {category.id === 'special' && 'Create unique effects, materials, and special visual elements'}\n {category.id === 'advanced' && 'Advanced techniques for precise control and complex compositions'}\n

\n \n {categoryPrompts.length} {categoryPrompts.length === 1 ? 'command' : 'commands'}\n \n

\n \n

\n {categoryPrompts.map(prompt =>

toggleSection(prompt.id)}>\n

\n {prompt.category === 'parameter' && }\n {prompt.category === 'style' && }\n {prompt.category === 'composition' && }\n {prompt.category === 'special' && }\n {prompt.category === 'advanced' && }\n

{prompt.name}

\n \n

{prompt.description}

\n \n {expandedSections[prompt.id] &&

\n \n Usage\n

\n {prompt.usage}\n

\n \n

\n \n Examples\n

\n {prompt.examples.map((example, index) =>

viewPromptExample(example)}>\n

\n \n

{example.text}

\n \n

)}\n

\n \n {prompt.tips &&

\n \n Tips\n

{prompt.tips}

}\n

)}\n

;\n })}\n

}\n

}\n\n {activeTab === 'builder' &&

\n \n Prompt Builder\n

\n \n

\n Your Prompt\n

\n \n \n

setPromptBuilderText(e.target.value)} rows={4} className=\"w-full p-4 bg-black/40 border border-gray-900/30 rounded-lg focus:outline-none focus:border-gray-500 text-white resize-none\" placeholder=\"Start your prompt here or add modifiers from the dictionary...\" />\n                    </div>\n                  </div>\n                  \n                  <div className=\"flex flex-wrap gap-3 justify-between\">\n                    <button onClick={() => copyToClipboard(promptBuilderText)} className={`px-5 py-3 rounded-lg flex items-center space-x-2 ${copied ? 'bg-gray-500' : 'bg-gray-700 hover:bg-gray-600'}`}>\n                      <Copy className=\"h-4 w-4\" />\n                      <span>{copied ? 'Copied!' : 'Copy Prompt'}</span>\n                    </button>\n                    \n                    <div className=\"flex flex-wrap gap-3\">\n                      <button onClick={() => setActiveTab('explore')} className=\"px-5 py-3 bg-black/40 hover:bg-black/50 rounded-lg flex items-center space-x-2\">\n                        <Book className=\"h-4 w-4\" />\n                        <span>Explore Dictionary</span>\n                      </button>\n                      \n                      <button onClick={() => {\n                    setGeneratorPrompt(promptBuilderText);\n                    setActiveTab('generator');\n                  }} className=\"px-5 py-3 bg-gray-700 hover:bg-gray-600 rounded-lg flex items-center space-x-2\">\n                        <Sparkles className=\"h-4 w-4\" />\n                        <span>Test This Prompt</span>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              \n              <div className=\"bg-black/30 rounded-lg border border-gray-700/30 p-5\">\n                  <h3 className=\"text-lg font-bold text-white mb-4 flex items-center\">\n                    <Sparkles className=\"h-5 w-5 mr-2 text-white\" />\n                    <span>Common Ingredients</span>\n                  </h3>\n                  <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3\">\n                    {['--ar 16:9', 'cinematic lighting', 'highly detailed', '8k', 'dramatic', '--stylize 1000', '--v 5.2', '--v 6', 'vibrant colors', '--quality 1', '--q 2', '--seed 123', '--weird 500', '--no text', 'studio ghibli style', 'watercolor style', 'oil painting', 'retro futurism', 'art nouveau style', 'flat design', 'aerial view', 'macro photography', 'bokeh effect', 'cybernetic', '--niji 5', '--fast', '--hd', '--swatch', '--video', 'AND', 'vaporwave aesthetic', 'art deco style', 'tilt-shift effect', 'glass material', 'metallic surface', '1950s style', 'kodachrome film', 'isometric view'].map((suggestion, index) => {\n                  const isParameter = suggestion.startsWith('--');\n                  return <button key={index} onClick={() => addToPromptBuilder(suggestion)} className={`\n                            p-4 rounded-lg text-sm transition-all duration-300\n                            bg-gradient-to-br from-gray-900 to-black\n                            border border-white/10 hover:border-white/30\n                            shadow-md hover:shadow-white/5\n                            flex items-center justify-between\n                            relative overflow-hidden group\n                          `}>\n                          <div className=\"absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700\"></div>\n                          <span className={`font-mono ${isParameter ? 'text-gray-300' : 'text-white'}`}>\n                            {suggestion}\n                          </span>\n                          <div className=\"ml-2 p-1.5 bg-gray-800/80 rounded-full flex items-center justify-center\">\n                            <PanelRight className=\"h-3.5 w-3.5 text-white opacity-80 group-hover:opacity-100\" />\n                          </div>\n                        </button>;\n                })}\n                  </div>\n                </div>\n              \n              <div className=\"bg-black/30 rounded-lg border border-gray-700/30 p-5\">\n                  <h3 className=\"text-lg font-bold text-white mb-4 flex items-center\">\n                    <Star className=\"h-5 w-5 mr-2 text-white\" />\n                    <span>Pro Tips</span>\n                  </h3>\n                  <ul className=\"space-y-3 text-white/90\">\n                    {[\"Start with a clear subject, then add style modifiers\", \"Use commas to separate different elements in your prompt\", \"Add parameters like --ar and --stylize at the end of your prompt\", \"For more control, use prompt weighting with :: syntax (e.g., red::2)\", \"Save seeds (--seed) of images you like for consistent results and variations\", \"Use --quality 0.5 for tests, then --quality 1 for final images to save time\", \"Use negative prompting (--no) to remove unwanted elements and fix common issues\", \"Try combining different art styles (vaporwave + cyberpunk) for unique results\", \"Specify time periods and material properties for more precise control\"].map((tip, index) => <li key={index} className=\"flex items-start bg-black/40 p-3 rounded-lg border border-gray-900/20\">\n                        <span className=\"inline-flex w-6 h-6 bg-gray-600 rounded-full text-xs text-white font-bold items-center justify-center mr-3 mt-0.5\">\n                          {index + 1}\n                        </span>\n                        <span>{tip}</span>\n                      </li>)}\n                  </ul>\n                </div>\n              </div>}\n              \n          {activeTab === 'generator' && <div className=\"space-y-5\">\n                <div className=\"bg-black/30 rounded-lg border border-gray-700/30 p-5\">\n                  <h2 className=\"text-xl font-bold text-white mb-4 flex items-center\">\n                    <Sparkles className=\"h-6 w-6 mr-2 text-white\" />\n                    <span>Image Generator</span>\n                  </h2>\n                  \n                  <div className=\"mb-5\">\n                    <div className=\"flex items-center justify-between mb-3\">\n                      <label className=\"text-sm font-medium text-gray-200\">Your Prompt</label>\n                      <button onClick={() => setGeneratorPrompt(promptBuilderText)} className=\"p-2 text-sm bg-black/40 hover:bg-black/50 rounded-lg flex items-center space-x-1\">\n                        <PanelRight className=\"h-3.5 w-3.5\" />\n                        <span>From Builder</span>\n                      </button>\n                    </div>\n                    <div className=\"relative\">\n                      <textarea value={generatorPrompt} onChange={e => setGeneratorPrompt(e.target.value)} rows={4} className=\"w-full p-4 bg-black/40 border border-gray-900/30 rounded-lg focus:outline-none focus:border-gray-500 text-white resize-none\" placeholder=\"Enter your prompt to generate an image...\" />\n                    </div>\n                  </div>\n                  \n                  <button onClick={generateImage} disabled={generatingImage || !generatorPrompt.trim()} className={`w-full py-4 rounded-lg flex items-center justify-center space-x-3 ${generatingImage ? 'bg-gray-700/70 cursor-wait' : !generatorPrompt.trim() ? 'bg-black/40 cursor-not-allowed' : 'bg-gray-600 hover:bg-gray-500'}`}>\n                    {generatingImage ? <>\n                        <div className=\"animate-spin\">\n                          <Sparkles className=\"h-5 w-5\" />\n                        </div>\n                        <span>Generating...</span>\n                      </> : <>\n                        <Sparkles className=\"h-5 w-5\" />\n                        <span>Generate Image</span>\n                      </>}\n                  </button>\n                </div>\n                \n                {generatedImage && <div className=\"bg-black/30 rounded-lg border border-gray-700/30 p-5\">\n                    <h3 className=\"text-lg font-bold text-white mb-4 flex items-center\">\n                      <Star className=\"h-5 w-5 mr-2 text-white\" />\n                      <span>Your Creation</span>\n                    </h3>\n                    \n                    <div className=\"rounded-lg overflow-hidden border border-gray-700/30 mb-4\">\n                      <img src={generatedImage} alt=\"Generated image\" className=\"w-full h-auto object-cover\" />\n                    </div>\n                    \n                    <div className=\"flex flex-wrap gap-3\">\n                      <button onClick={() => {\n                  setPromptBuilderText(generatorPrompt);\n                  setActiveTab('builder');\n                }} className=\"px-5 py-3 bg-gray-700 hover:bg-gray-600 rounded-lg flex items-center space-x-2\">\n                        <Wand2 className=\"h-4 w-4\" />\n                        <span>Edit in Prompt Builder</span>\n                      </button>\n                      \n                      <button onClick={() => generateImage()} className=\"px-5 py-3 bg-gray-600 hover:bg-gray-500 rounded-lg flex items-center space-x-2\">\n                        <Shuffle className=\"h-4 w-4\" />\n                        <span>Generate Again</span>\n                      </button>\n                    </div>\n                  </div>}\n                \n                <div className=\"bg-black/30 rounded-lg border border-gray-700/30 p-5\">\n                <h3 className=\"text-lg font-bold text-white mb-4 flex items-center\">\n                    <Star className=\"h-5 w-5 mr-2 text-white\" />\n                    <span>Generator Tips</span>\n                  </h3>\n                  <ul className=\"space-y-3 text-white/90\">\n                    {[\"Be specific about what you want - details matter!\", \"Start with a subject, then add style, lighting, and composition details\", \"Test different Midjourney versions (--v 5.2, --v 6) to see different styles\", \"Add parameters like --ar 16:9 for widescreen or --ar 1:1 for square images\", \"Use --quality 1 or --q 2 for highest quality images (costs more GPU time)\", \"Try specific artist names or art movements for distinctive styles\", \"Use the Prompt Builder to construct complex prompts before testing\"].map((tip, index) => <li key={index} className=\"flex items-start bg-black/40 p-3 rounded-lg border border-gray-900/20\">\n                        <span className=\"inline-flex w-6 h-6 bg-gray-600 rounded-full text-xs text-white font-bold items-center justify-center mr-3 mt-0.5\">\n                          {index + 1}\n                        </span>\n                        <span>{tip}</span>\n                      </li>)}\n                  </ul>\n                </div>\n              </div>}\n          </div>\n      </main>\n      \n      {activePrompt && <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/80 backdrop-blur-sm\">\n          <div className=\"max-w-4xl w-full bg-gradient-to-br from-gray-800/90 to-black/90 rounded-lg overflow-hidden relative border border-gray-600/30 shadow-2xl\">\n            <button onClick={closePromptExample} className=\"absolute top-4 right-4 p-2 bg-black/40 hover:bg-black/60 rounded-lg text-white transition-colors z-10\">\n              <ChevronDown className=\"h-5 w-5\" />\n            </button>\n            \n            <div className=\"p-5\">\n              <div className=\"mb-4\">\n                <h3 className=\"text-xl font-bold text-white mb-3 flex items-center\">\n                  <Sparkles className=\"h-5 w-5 mr-2 text-white\" />\n                  <span>Example</span>\n                </h3>\n                <div className=\"flex justify-between items-start p-4 bg-black/50 rounded-lg border border-gray-700/30\">\n                  <p className=\"text-white/90 text-sm\">{activePrompt.text}</p>\n                  <button onClick={() => copyToClipboard(activePrompt.text)} className=\"p-2 ml-2 bg-black/30 hover:bg-black/50 rounded-lg\">\n                    <Copy className=\"h-4 w-4 text-white\" />\n                  </button>\n                </div>\n              </div>\n              \n              <div className=\"max-h-[60vh] overflow-hidden rounded-lg border border-gray-700/30\">\n                <img src={activePrompt.image} alt=\"Prompt example\" className=\"w-full h-auto object-contain\" />\n              </div>\n              \n              <div className=\"mt-5 flex flex-wrap gap-3 justify-between\">\n                <button onClick={() => addToPromptBuilder(activePrompt.text)} className=\"px-5 py-3 bg-gray-600 hover:bg-gray-500 rounded-lg flex items-center space-x-2\">\n                  <PanelRight className=\"h-4 w-4\" />\n                  <span>Add to Prompt Builder</span>\n                </button>\n                \n                <button onClick={closePromptExample} className=\"px-5 py-3 bg-black/50 hover:bg-black/60 rounded-lg\">\n                  Close\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>}\n      \n      <div className=\"fixed bottom-6 right-6 z-20\">\n          <button onClick={() => {\n          if (showLandingPage) {\n            return;\n          }\n          setActiveTab('explore');\n          window.scrollTo({\n            top: 0,\n            behavior: 'smooth'\n          });\n        }} className=\"p-3 bg-gray-700 hover:bg-gray-600 rounded-lg shadow-lg\" title=\"Back to Top\">\n            <Info className=\"h-5 w-5 text-white\" />\n          </button>\n        </div>\n        </>}\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\",\"react-router-dom\":\"6.18.0\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[81,85,87,89,91,93,95,97,99,101,103,105,107,109,111],{"_82":83,"_84":57},"day","2025-07-12","runCount",{"_82":86,"_84":57},"2025-07-13",{"_82":88,"_84":57},"2025-07-14",{"_82":90,"_84":57},"2025-07-15",{"_82":92,"_84":57},"2025-07-16",{"_82":94,"_84":57},"2025-07-17",{"_82":96,"_84":57},"2025-07-18",{"_82":98,"_84":57},"2025-07-19",{"_82":100,"_84":57},"2025-07-20",{"_82":102,"_84":57},"2025-07-21",{"_82":104,"_84":57},"2025-07-22",{"_82":106,"_84":57},"2025-07-23",{"_82":108,"_84":57},"2025-07-24",{"_82":110,"_84":57},"2025-07-25",{"_82":86,"_84":40},"snapshot","ogImage","https://cdn.dev.fun/og/image/0411c6f5cf01c83f2284/a32e246c.webp","isDevbase","commitDetail","livestream","actionData","errors"]
</article></body></html>

\n Midjourney for Noobs\n

Explore Dictionary

Prompt Builder

Image Generator

Pro Tip

\n Midjourney Dictionary\n

Welcome to Midjourney Dictionary

\n \n Categories\n

\n {filteredPrompts.length} {filteredPrompts.length === 1 ? 'Command' : 'Commands'} Found\n

No commands found

{category.name}

{prompt.name}

\n \n Usage\n

\n \n Examples\n

\n \n Tips\n

\n \n Prompt Builder\n