Morphica

Preview: Visit morphica.netlify.app for live demo

Morphica is an AI-powered image generation web application built with React and TypeScript. It allows users to create stunning images from text prompts, with advanced features such as prompt enhancement, negative prompt generation, style selection, and story generation. The app supports light and dark themes for a smooth user experience.

Features

• Generate images from user-provided text prompts
• Enhance prompts and suggest related prompts using large language models
• Generate negative prompts to refine image generation
• Select artistic styles to influence image output
• Generate creative stories based on prompts
• Download generated images
• Fullscreen image viewing
• Light and dark theme support with smooth transitions
• Error handling and user feedback

Installation

1. Clone the repository:

git clone https://github.com/Anurag-Shankar-Maurya/Morphica.git
cd Morphica

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:YOUR_PORT_NUMBER to use the app.

Usage

• Enter a text prompt describing the image you want to generate.
• Optionally, enter a negative prompt to exclude unwanted elements.
• Use the action buttons to enhance your prompt, get suggestions, generate negative prompts, or create a story.
• Select a style to influence the image generation.
• Click "Generate Image" to create the image.
• View the generated image, download it, or view it fullscreen.

Project Structure

• src/ - Source code directory
  • components/ - React components for UI elements
  • context/ - React context providers (e.g., ThemeContext)
  • hooks/ - Custom React hooks for image generation and LLM operations
  • styles/ - CSS styles
  • App.tsx - Main app component
  • main.tsx - App entry point

Author

Anurag Shankar Maurya

• Email: [email protected]
• Instagram: @anuragshankarmaurya
• LinkedIn: Anurag Shankar Maurya
• GitHub: Anurag-Shankar-Maurya