MythMaker Fantasy World Generator

MythMaker lets you type a name or theme to instantly generate rich fantasy worlds—complete with myths, factions, creatures, and lore cards—for writers and RPG fans.

Comment

🛠️ Project Story: MythMaker

✨ About the Project

MythMaker was born from a love of fantasy storytelling and tabletop roleplaying games. As a writer and gamer, I often dreamed of a tool that could quickly spark inspiration — whether for a new campaign world, a short story, or just an intriguing creature or myth.

With Bolt.new’s single-prompt power, I decided to test how far AI could go in turning a simple idea into a full-fledged interactive app — and the results exceeded my expectations.

🤖 Built Entirely by AI — With One Prompt

This entire project was generated using a single, structured prompt. From the layout and logic to the UI styling and interaction design, everything you see in MythMaker was created in one go by AI.

Here is the exact prompt used: App Name: MythMaker

Goal: Empower fantasy writers and tabletop RPG fans to generate rich, interactive worlds from a single word, name, or theme — complete with culture, myth, creatures, and maps — all displayed as beautifully animated lore cards.

⸻

🛠 Technical Requirements • Use Tailwind CSS for all styling • Use shadcn/ui components for layout and cards • Use Lucide icons (e.g. Globe, BookOpen, Dragon, Sparkles) for visual hierarchy • Animate lore card transitions using Framer Motion • Fully responsive layout optimized for desktop, tablet, and mobile • All content should be generated using a single prompt entry (one-click output)

⸻

💡 Core Features

  1. World Input • Input field (max 100 characters): accepts a world name, theme, or starting idea • Input should be validated (no special characters, clear error messaging)

  2. World Generator Output

Each input generates a full world consisting of: • World Overview Card: • 🌍 Climate (1–2 sentences) • 🏰 Factions (2 short group names) • 🌞 Origin Myth (1–3 sentences) • Random Folk Tale Card: • 📜 Generated in a poetic or oral-tradition style (1–3 sentences) • Tone: whimsical, mysterious, or eerie • Creature Card: • 🐉 Name + short description (max 50 words) • Optional tags: beast, spirit, humanoid, etc.

  1. Interactive Lore Cards • Cards must include: • Icon header with section title • Smooth reveal animation • Hover + tap states with slight elevation • Expand/collapse button for longer lore (mobile-friendly)

⸻

🎨 UI/UX • Color scheme: • Primary: #4B0082 (Indigo Magic) • Secondary: #20B2AA (Mystic Teal) • Background: Gradient from dark stone to parchment • Accent: #FFD700 (Gold Ink Highlights) • Icons styled with subtle shadow/glow • Input area glows faintly when active • Cards spaced in a scrollable, snapping layout

⸻

📤 Sharing & Export Features • Export lore cards as: • 📸 PNG screenshot (1080x1920 story-ready) • 📄 PDF world pack • Share to: • Twitter/X with tags like #MythMaker, #FantasyWorld, #TTRPGTools • Copy link to clipboard with embedded world ID • Optional world permalink for reloading or editing later

⸻

🧠 Content Style & Constraints • Style: High fantasy meets folklore (Tolkien, Ghibli, D&D) • Output max length per card: • Myth: 3 sentences • Creature: 50 words • Tale: 3 sentences • No real-world references • Avoid offensive topics or horror violence • Tone: Wonder-filled, mysterious, imaginative

Example Myth:

“In the age before rain, the sky wept only once — birthing the Serpent River, whose flow bends time.”

Example Creature:

“Emberwight — A fox-sized fire spirit that feeds on lies. It glows brighter in the presence of deceit.”

⸻

🔐 Performance, Moderation & Safety • Response time < 3s on generation • All lore AI-generated with filtering for violence/sensitive content • Optional SFW mode toggle • Offline fallback for cached worlds • Clear privacy notice + user report system

📚 What I Learned

  • How powerful and efficient structured prompting can be, especially with tools like Bolt.new.
  • The importance of UI/UX clarity when presenting rich, creative content like lore and fantasy ideas.
  • How Tailwind CSS and shadcn/ui can be combined for sleek, responsive design — without writing a line of CSS manually.

🧩 Challenges Faced

none really, the prompt as well as the code was written by AI - truly amazing

🌍 Final Thoughts

MythMaker proves that with the right tools and the right prompt, anyone can go from idea to working product in minutes. Whether you're a writer, a DM, or a dreamer, this app brings whole worlds to life — one prompt at a time.

Built With

  • bolt.new
  • chatgpt
Share this project:

Updates