Android Layout Previewer

Write or paste Android XML, then click Show Preview. (LinearLayout-first, beginner-friendly.)

Device

Palette

Click an item to insert XML at the cursor (auto-indented).

Layouts

Widgets

Advanced (Placeholder)

XML Editor

CodeMirror XML

Tip: Root XML should include xmlns:android. Most widgets need layout_width and layout_height.

Preview

Device Frame Resources Enabled

Click Show Preview to render. Use @string/name and @color/name to reference resources.

📝 String Resources (strings.xml)

Manage your string resources. Reference them in XML using android:text="@string/name"

Add New String

Name:

Value:

Current Strings

🎨 Color Resources (colors.xml)

Manage your color resources. Reference them in XML using android:textColor="@color/name"

Add New Color

Name:

Value:

Current Colors