https://github.com/itsvks19/layouteditorx

Create Awesome UI
https://github.com/itsvks19/layouteditorx

android android-app android-ui layout-editor ui ui-designer uikit xml-layout

Last synced: 3 months ago
JSON representation

Create Awesome UI

• Host: GitHub
• URL: https://github.com/itsvks19/layouteditorx
• Owner: itsvks19
• License: mit
• Created: 2024-09-09T02:16:50.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-12T12:14:40.000Z (5 months ago)
• Last Synced: 2024-10-15T15:26:13.680Z (4 months ago)
• Topics: android, android-app, android-ui, layout-editor, ui, ui-designer, uikit, xml-layout
• Language: Java
• Homepage:
• Size: 598 KB
• Stars: 10
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


![Banner](/images/app-banner.png "app_banner")

[![Latest release](https://img.shields.io/github/v/release/itsvks19/LayoutEditorX?include_prereleases&label=latest%20release&style=for-the-badge)](https://github.com/itsvks19/LayoutEditorX/releases/latest)

![Downloads](https://img.shields.io/github/downloads/itsvks19/LayoutEditorX/total?style=for-the-badge)

![GitHub repo size](https://img.shields.io/github/repo-size/itsvks19/LayoutEditorX?style=for-the-badge)

![Test and Build](https://img.shields.io/github/actions/workflow/status/itsvks19/LayoutEditorX/androidci.yml?style=for-the-badge&logo=github)

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg?style=for-the-badge)](https://github.com/itsvks19/LayoutEditorX/blob/main/CODE_OF_CONDUCT.md)

[![LICENSE](https://img.shields.io/github/license/itsvks19/LayoutEditorX?color=blue&style=for-the-badge)](https://github.com/itsvks19/LayoutEditorX/blob/main/LICENSE)



# LayoutEditorX

LayoutEditorX is an intuitive tool designed to simplify Android app layout development using **Jetpack Compose**. With its drag-and-drop interface and WYSIWYG editor, developers can visually build app layouts without manually editing XML. Built entirely with Jetpack Compose, LayoutEditorX ensures a modern, declarative UI experience.

## Features

- ✅ **Drag and Drop**: Easily drag and drop UI elements onto the design canvas.

- ✅ **WYSIWYG Editing**: See how your app will appear on different devices with real-time preview.

- ✅ **Blueprint Mode**: Switch to wireframe mode for a more structural view.

- 🔄 **Design Tools** (Coming Soon): Tools like alignment guides, snap-to-grid, and layout templates.

- 🔄 **Theme Editing** (Coming Soon): Customize app themes or choose from pre-built options.

- ✅ **Component Properties**: Modify component attributes like size, padding, and margins.

- ✅ **Preview Mode**: Preview layouts across multiple device types—smartphones, tablets, wearables.

- 🔄 **Code Editing** (Coming Soon): Directly edit the layout’s XML when necessary.

- 🔄 **Accessibility Tools** (Coming Soon): Ensure layouts are accessible for all users, including those with disabilities.

- 🔄 **Layout Validation** (Coming Soon): Identify and fix common layout issues automatically.

## Known Issues

1. Limited widget support (more coming soon).

2. Not all widget attributes are available in the current version.

The app is currently in **alpha**. Expect potential issues and feel free to report any bugs or suggestions on the [GitHub Issues](https://github.com/itsvks19/LayoutEditorX/issues) page.

[![Download LayoutEditorX](https://img.shields.io/badge/Download-Layout%20Editor%20X-blue?style=for-the-badge)](https://github.com/itsvks19/LayoutEditorX/releases/latest)

## Contributing

Contributions are welcome! To contribute:

1. Fork the repository.

2. Create a new feature branch (`git checkout -b feature/your-feature`).

3. Commit your changes.

4. Open a pull request.

Please follow the [Code of Conduct](https://github.com/itsvks19/LayoutEditorX/blob/main/CODE_OF_CONDUCT.md).

## Acknowledgements

A special thanks to:

- [Rosemoe](https://github.com/Rosemoe) for the excellent [Sora Editor](https://github.com/Rosemoe/sora-editor).

- [Akash Yadav](https://github.com/itsaky) for creating the brilliant [AndroidIDE](https://github.com/AndroidIDEOfficial/AndroidIDE).

## License

This project is licensed under the [MIT License](https://github.com/itsvks19/LayoutEditorX/blob/main/LICENSE).