.jpeg)
Moaz Website generator Used AI
A powerful, modern website generator built with React. Instantly create beautiful, accessible, and customizable websites with live preview, export, and advanced content controls. Not recommended to use on mobile phones. Demo link is created by Manus AI
Followers
No followers yet
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
🚀 Major UI/UX Overhaul – Feature-Rich Update
I’ve made significant improvements to the UI/UX of the Website Generator to enhance both usability and flexibility. The app now feels much more dynamic, responsive, and user-friendly.
🔑 Key Features Developed:
🎨 Theme System: Multiple predefined themes with live switching of color schemes, fonts, and layouts.
🖥️ Live Preview: Real-time website rendering inside an iframe as users update content and settings.
📂 Section Toggles: Collapsible sidebar sections for structured editing (Hero, Features, Team, Blog, FAQ, etc.).
📝 Content Management: Add, remove, or edit content like features, testimonials, team members, blog posts, FAQs, portfolio items, and timeline events.
🖼️ Image Uploads: Supports both local file uploads and external image URLs.
📤 Export & Copy: Download the full HTML or copy the generated HTML/CSS/JS code to clipboard.
📱 Responsive Layout: Sidebar can be resized; the layout adapts well to different screen sizes.
🔔 Notifications: Custom in-app notification component for real-time user feedback.
💾 Persistence: Saves user configuration and sidebar width using localStorage for session continuity.
This update makes the Website Generator not only more powerful but also much easier and more enjoyable to use.
.png)
I finished building the main interface for the Website Generator tool. Users can now input their site title, description, and upload a logo or hero image. They also have full control over the primary color, font style, font size, and heading tag.
On the right side, a live preview panel instantly reflects these changes, showing how the generated site will look. Below that, the HTML output updates in real time with a scrollable code view.
