/zenvas

Meet Zenvas: The ultimate Next.js app for seamless design creation. Harnessing LiveBlock, Fabric.js, ShadowCn, and Tailwind CSS, it's your gateway to effortless creativity and collaboration

Primary LanguageTypeScriptMIT LicenseMIT

Zenvas

Build Status Coverage Status License Version Downloads

Overview

Zenvas is a web-based platform for creating interactive and dynamic visual content. It provides robust canvas editing capabilities using Fabric.js, real-time collaboration features, and easy export options, making it an ideal tool for designers, educators, and content creators.

Demo

Features

  • 🖼️ Canvas Editing: Intuitive tools for manipulating and customizing canvas elements.
  • 🎨 Customization: Adjust height, width, stroke color, and typography settings.
  • 🤝 Real-Time Collaboration: Work together with live cursors and presence indicators.
  • 📄 Export as PDF: Quickly convert your canvas creations to PDF for sharing or printing.
  • 🧩 Right Sidebar: Access essential tools and settings easily.

Getting Started

Prerequisites

Key Points in This Markdown:

  1. Prerequisites: Specifies required software versions.
  2. Steps: Breaks down the installation process into clear steps:
    • Cloning the repository.
    • Navigating into the project directory.
    • Installing dependencies.
    • Setting up environment variables.
    • Running the development server.
    • Building the project for production.
  3. Troubleshooting: Provides a section for troubleshooting common issues and linking to further support.

Usage in README

Add this section under the "Getting Started" or a dedicated "Installation" section in your README. This ensures that new users can easily find and follow the installation instructions to set up Zenvas.