🚀 CanvasCraft – Real-time Collaborative Site Builder (Next.js 15 + Appwrite + Tailwind)

I’m excited to share CanvasCraft, a modern real-time site builder that I’ve been working on 🎉

CanvasCraft lets you build, collaborate, and publish websites instantly — all in your browser. It’s designed for teams, creators, and solo developers who want a smooth editing experience without setup hassle.

✨ Key Features

🖊️ Block-based Editor – Add & customize blocks like hero, features, CTA, images, and more.

🎨 Rich Text Editing – Format headings, subheadings, and text (bold, italic, underline).

👥 Collaboration & Presence – Invite teammates, manage roles, and see who’s online.

📱 Mobile-friendly Editing – Touch gestures (swipe up/down) and responsive design across devices.

🎯 Owner Tools – List/remove collaborators, manage shared access.

🎨 Customization – Change background color, font size, and styles directly.

🌍 Publishing – Instantly share your canvas as a live site.

🛠️ Tech Stack

Next.js 15 (App Router)

Tailwind CSS + ShadCN/UI

Framer Motion for animations

Appwrite (Auth + DB)

Lucide Icons

Deployed on Appwrite Sites

👨💻 Built by me (a 15-year-old full-stack dev) with the vision of making collaborative site-building simple and fun.

📺 You can also find me on YouTube where I share dev content:

👉 https://youtube.com/@codewitharhanofficial?si=-xAAwNAmUqhyxZlx

---

🔗 Try it out, star ⭐ the repo, and let me know your thoughts. Feedback and contributions are super welcome!

GitHub Repo:

https://github.com/ArhanAnsari/CanvasCraft

Live Site:

https://canvascraft.appwrite.network/