Skip to content

Kanvas is a customizable canvas editor app built with Next.js, TailwindCSS, Supabase, Prisma, and Zustand. It enables users to design div-based canvases with undo/redo functionality and supports integration with Konva or Fabric for advanced use.

Notifications You must be signed in to change notification settings

Amanuel-1/kanvas

Repository files navigation

Kanvas 🎨

Welcome to Kanvas, lightweight, and fully customizable canvas app built with cutting-edge technologies! 🚀 Whether you're a designer, developer, or someone passionate about creative web apps, Kanvas is here to help you design beautiful and interactive div-based canvases.

image

But it doesn't stop there! Kanvas is easily extendable, making it a versatile tool for designing not only div elements but also for integrating with popular libraries like Konva or Fabric.

✨ Features

  • Modern Tech Stack: Built with Next.js, Lucia Auth, Prisma, Supabase, Shadcn, TailwindCSS, and Zustand.
  • State Management: Effortlessly manage your state using Zustand, with built-in undo/redo functionality.
  • Interchangeable Use: Configurable to work with Konva or Fabric if you prefer to design with those libraries.
  • Beautiful UI: Styled with TailwindCSS and Shadcn, offering a sleek and intuitive user experience.
  • Customizable: Easily configure and adapt the template to your needs or scale it for your projects.
  • State Persistence: Using Supabase for database management ensures that your designs are saved and retrievable with ease.
  • image

📦 Tech Stack

  • Next.js: For a fast and scalable React framework.

  • Lucia Auth: Authentication made simple and secure.

  • Prisma: Powerful ORM for easy database access.

  • Supabase: Scalable and secure data management.

  • Shadcn: Beautiful UI components built with Radix UI.

  • TailwindCSS: Rapid styling with utility-first CSS.

  • Zustand: A small, fast state-management library with a minimal API.

    image

🚀 Get Started

Clone the repository:

git clone https://github.com/your-username/kanvas.git
cd kanvas

**now before you go , please star this repo if you liked the project . Thank you . **

About

Kanvas is a customizable canvas editor app built with Next.js, TailwindCSS, Supabase, Prisma, and Zustand. It enables users to design div-based canvases with undo/redo functionality and supports integration with Konva or Fabric for advanced use.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published