Layr
Browser-based Design ToolAbout Layr
Layr is a powerful browser-based design tool built for creativity and speed. It allows users to create, manipulate, and organize design elements directly in the browser with a familiar interface.
Designed with performance and usability in mind, Layr provides a smooth experience for rapid prototyping and layout design without the need for heavy desktop applications.
Tech Stack
Developer
Mayur Kamble
Features
Element Creation
Create rectangles, circles, lines, text, and images.
Transform
Drag, resize, and rotate elements freely.
Layers Panel
Manage element hierarchy, visibility, and locking.
Properties
Fine-tune colors, dimensions, and typography.
Copy / Paste
Duplicate elements instantly across the canvas.
Zoom & Pan
Navigate complex designs with ease.
Export
Save your work as JSON or export to HTML.
Frame Nesting
Organize designs with nested frames.
Keyboard Shortcuts
Tool Usage
Tools & Actions
Usage Flow
Select Tool
Press a Keyboard Shortcut or click a tool in the Toolbar.
Place on Canvas
Click to place at default size, or Drag to define custom size.
Edit Properties
Use the Properties Panel on the right to style your element.