foil

A high-performance, Figma-like canvas editor built with React 19, TypeScript, and WebGL.

Features

• Vector Editing: Create and manipulate rectangles, ellipses, lines, and paths.
• SVG Support: Import and export SVG files with path preservation.
• Smart Tools: Figma-style snapping, alignment guides, and precise property controls.
• Layer Management: Robust layers panel with grouping, locking, and visibility toggles.
• Performance: Hardware-accelerated rendering powered by WebGL.

Tech Stack

React 19 • TypeScript • WebGL • Tailwind CSS 4 • Zustand • Vite

Getting Started

npm install
npm run dev

License

MIT