adrianhajdin/figma_clone resource

Health v2 · maintenance only

Flags: no_releases no_license

Adoption not part of the score

1259 stars · 333 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A tutorial companion repository from JavaScript Mastery that builds a minimalistic Figma clone with real-time collaboration using Next.js, TypeScript, Fabric.js, and Liveblocks. It demonstrates multi-cursor presence, cursor chat, comments, reactions, and canvas drawing with shapes and image uploads.

Use cases

• learn to build a collaborative canvas app
• real-time multi-user design tool tutorial
• how to integrate Liveblocks with Next.js
• drawing shapes and uploading images on a fabric.js canvas
• add live cursors and comments to a web app
• study a full-stack Next.js TypeScript project
• build a figma-like whiteboard from scratch

When to choose

• you want a step-by-step guided tutorial for building a collaborative canvas editor
• you are learning Next.js, Fabric.js, or Liveblocks through a real project
• you need a reference implementation of real-time cursors, chat, and comments

When to avoid

• you need a production-ready design tool with a full feature set
• you require a maintained project with a license, releases, and long-term support
• you want an original application rather than tutorial course code

Facets

learning-resource · maturity maintenance

frontend-framework ui-components state-management websocket web-development frontend tutorials cross-platform figma-clone canvas-editor liveblocks fabricjs collaborative-editing nextjs tutorial-project typescript real-time nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="adrianhajdin/figma_clone")