Figma Clone

Link: https://figma-clone-pi-one.vercel.app/

Technologies Used

1. TypeScript
2. Liveblocks
3. Next.js
4. Fabric.js
5. Shadcn
6. Tailwind CSS

Features

1. Multi Cursors
2. Cursor Chat
3. Reactions
4. Active Users
5. Comment Bubbles
6. Creation of Shapes
7. Image Upload
8. Design Elements Customization
9. Freeform Drawing
10. Undo/Redo
11. Keyboard Actions
12. History
13. Delete, Scale, Move, Clear, Export Canvas

Running

git clone npm install set up Liveblocks API in a .env.local file with NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY = *Paste Public Key Here" npm run dev