Skip to content

Shri-coder413/Figma-Style-Tool

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

## Figma Style Design Tool (Vanilla JS)

This project is a basic visual design editor inspired by Figma.
It is built using pure HTML, CSS, and JavaScript without using
Canvas, SVG, or any external libraries.

### Features
- Rectangle creation using mouse drag
- Single element selection
- Drag and reposition elements
- Keyboard controls (arrow keys, delete)
- Visual selection indicator

### Concepts Used
- DOM manipulation
- Mouse events (mousedown, mousemove, mouseup)
- Coordinate calculation using clientX/clientY
- State management using variables

### Limitations
This is a learning-focused project and does not aim for
performance optimization or advanced rendering.

### Author
Shree

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published