• Image Collection: Add images via URL to build your visual library
• Text Notes: Capture ideas, quotes, and inspirations with text blocks
• Color Palettes: Save and organize color swatches that inspire you
• Drag & Drop Interface: Freely arrange elements anywhere on the canvas
• Resizable Elements: Adjust the size of images and color blocks to fit your vision
• Intuitive Controls: Simple hover-based interactions for editing and deletion
• Responsive Design: Works seamlessly across desktop and mobile devices
• No Backend Required: Pure client-side application, runs entirely in the browser

Live Demo (Add your hosted link here)

(Add a screenshot of your mood board in action)

• HTML5
• CSS3 (Gradients, Flexbox, Animations)
• Vanilla JavaScript (No frameworks required)
• Responsive Design Principles

1. Clone the repository:

git clone https://github.com/yourusername/mood-board-creator.git

2. Open index.html in your browser - no build process needed!

• Design Projects: Collect visual inspiration for UI/UX, graphic design, or branding
• Interior Design: Plan room aesthetics with colors and reference images
• Fashion: Curate outfit ideas and style inspiration
• Event Planning: Visualize themes for weddings, parties, or corporate events
• Creative Writing: Build visual references for characters and settings
• Product Development: Gather visual concepts during ideation phases

1. Add Images: Paste an image URL and click "Add Image"
2. Add Text: Type your ideas and click "Add Text"
3. Add Colors: Pick a color and click "Add Color"
4. Arrange: Drag items to position them
5. Resize: Hover and drag the blue handle on images/colors
6. Delete: Hover and click the red × button
7. Clear: Use "Clear Board" to start fresh

• Local storage persistence
• Export board as image (PNG/JPG)
• Upload local images
• Multiple board templates
• Collaboration features
• Grid/snap-to-grid option
• Undo/redo functionality
• Custom fonts for text
• Image filters and effects

MIT License - feel free to use this project for personal or commercial purposes.

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

• GitHub: @itsomg134
• Twitter: @omgedam
• Email: omgedam123098@gmail.com
• Portfolio: ogworks.lovable.app
• LinkedIn: Om Gedam

Made with 💜 and ☕