← BACK

design2code

TypeScript ⭐ 0

Design2Code

Welcome to Design2Code, the ultimate web design to HTML/CSS/JS converter! 🚀✨

Overview

Design2Code is an open-source project that converts various web design formats, including sketches, wireframes, Figma, XD, etc., into clean and responsive HTML/CSS code. Just upload your design image, and Design2Code will automatically generate the code for you. It's that simple!

Demo Video

Check out the magic in action! Watch our demo video

https://github.com/mostafasadeghi97/design2code/assets/41698808/d04b95bb-d4cc-46dc-818a-3f251d8ca0f6

🌐 Hosted App

try the hosted version: Design2Code Live Demo

Deployment

Design2Code is built using Next.js. Deploy your own instance of Design2Code with just one click using Vercel. Click the button below to get started:

Deploy with Vercel

🤝 Contributing

We welcome contributions from the community! If you have ideas, bug fixes, or enhancements, feel free to create a pull request.

📬 Feedback

We value your feedback! Reach out directly on LinkedIn: Mostafa Sadeghi

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute!