Skip to content

Proyecto personal para probar y construir interfaces con JavaScript, HTML y CSS. Centrandose en el uso de JS para su funcionamiento.

License

Notifications You must be signed in to change notification settings

PedroDengler/MicroUI-Builder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

22 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Micro UI Builder

A lightweight, browser-based UI mockup builder that lets you create, customize, drag, and export UI components visually β€” no frameworks required.

Micro UI Builder


✨ Features

  • 🧩 Drag & drop UI components on a canvas
  • πŸ›  Inspector panel to modify component properties
  • πŸ“ Free positioning with drag support
  • πŸ—‚ Component hierarchy (reorder layers visually)
  • πŸ’Ύ Save designs to localStorage
  • πŸ†• Start new canvas anytime
  • πŸ“€ Export canvas as PNG image
  • πŸ“± Responsive behavior (mobile / desktop modes)

🧱 Supported Components

  • Text
  • Button
  • Input
  • Card
  • Image

Each component supports customizable styles such as text, colors, padding, width, font size, and more (depending on type).


πŸ“ Project Structure

/
β”œβ”€β”€ index.html
β”œβ”€β”€ styles.css
β”œβ”€β”€ app.js
β”œβ”€β”€ /assets
β”‚   └── no-img.jpg

About

Proyecto personal para probar y construir interfaces con JavaScript, HTML y CSS. Centrandose en el uso de JS para su funcionamiento.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published