🌀 ShapeOfView Extension made by Glich

[Glich (Mahir Labib)]

🌟ShapeOfView Extension

An extension for MIT App Inventor 2.
Apply beautiful shapes to any layout or view using ShapeOfView

ShapeOfView Extension

Apply beautiful, animated shapes to any component—make your UI stand out!

With this extension, you can wrap any Kodular component (like Image, Label, or Arrangement) in stunning shapes such as circle, rounded rect, cut corner, arc, triangle, and more! All shapes are powered by the lightweight and stylish ShapeOfView library.

---

Available Blocks & Usage

CreateCircleView(component)
➤ Wraps the given component inside a perfect circle. Great for profile images or floating action buttons.

Example:
CreateCircleView(Image1) → makes Image1 appear circular.

---

CreateRoundedRectView(component, radius)
➤ Wraps the component inside a rectangle with rounded corners. Control the roundness with radius (in dp).

Example:
CreateRoundedRectView(Horizontal_Arrangement1, 24) → soft-rounded layout.

---

CreateCutCornerView(component, size)
➤ Wraps your component inside a shape with cut (diagonal) corners. size controls the depth of cuts.

Example:
CreateCutCornerView(Label1, 16) → adds diagonal cuts to Label1.

---

CreateArcView(component, arcHeight, arcPosition)
➤ Wraps the component inside an arc shape. Use arcHeight for depth, and arcPosition:

• 0 = Top arc
• 1 = Bottom arc

Example:
CreateArcView(Image1, 50, 1) → bottom arc image.

---

CreateDiagonalView(component, angle, direction)
➤ Gives the component a diagonal shape.
Use angle (like 20f) and direction:

• 0 = Left
• 1 = Right
• 2 = Bottom Left
• 3 = Bottom Right

Example:
CreateDiagonalView(Vertical_Arrangement1, 30, 0) → slanted from left.

---

CreateBubbleView(component)
➤ Adds a speech bubble style around your component. Perfect for chat UI.

Example:
CreateBubbleView(Label1) → turns Label1 into a chat bubble.

---

CreateStarView(component, points)
➤ Wraps the component inside a star shape. Customize the number of points (e.g., 5-pointed star).

Example:
CreateStarView(Button1, 5) → star-shaped button!

---

CreateTriangleView(component, direction)
➤ Wraps the component into a triangle. Use:

• 0 = North
• 1 = East
• 2 = South
• 3 = West

Example:
CreateTriangleView(Image1, 2) → downward-pointing triangle.

---

Features

• Supports all shapes from ShapeOfView
• Animates and clips perfectly to fit your UI
• Easy to use with any component
• Lightweight and modern design
• Works beautifully for profile cards, buttons, messages, etc.

---

Example Use Case

• Wrap profile picture with:

CreateCircleView(Image_Profile)

• Turn message label into chat bubble:

CreateBubbleView(Label_Message)

• Apply aesthetic arcs to banners:

CreateArcView(Horizontal_Banner, 40, 1)

Specifications

---

Package: com.glich.shapeofview
Size: 82.21 KB
Minimum API Level: 7
Updated On: 2025-07-25T18:00:00Z
Built & documented using: FAST-CLI

Download :

com.glich.shapeofview.aix (82.2 KB)

If you find this useful, feel free to leave a like , a comment , or share your creations!

[FIKIR_KUMESI (TÜRKİYE)]

Thanks for your contribution to Kodular, please add a screenshot of the plugin.

[Glich (Mahir Labib)]

@FIKIR_KUMESI

please add a screenshot of the plugin.

Sorry, I don’t understand what you want.

[Glich (Mahir Labib)]

@FIKIR_KUMESI

please add a screenshot of the plugin.

You can use it like this:

[Shatrudhn_Kumar]

i dont understand how to use it please add block part

[Ibrahim_Jamar]

Where don’t you understand? Can you explain more

[Shatrudhn_Kumar]

i want to create polygon view but not available in this extension

[Glich (Mahir Labib)]

Hmm, working on updating the extension with all features.

[Boby_Sing (pravin kumar)]

Hello, I hope that in the future, you will bring extensions like 3D view and inner shadow to the Kodular platform, taking a step forward in app UI.

[solomon_zerihun (:kodular: koder)]

Hey @Glich

You should attach sample .aia with result screenshot, unless no one get your point.

[Shatrudhn_Kumar]

already availabl

[securebugs]

Hi @Glich can I make same extension and published with all avaibale shapes?

[Ibrahim_Jamar]

@Glich

Hmm, working on updating the extension with all features.

I think you should wait for his update else if you want to use it personal, or if it’s an open source