[O/S] HologramView - A futuristic native hologram profile card component. highly animated Holographic Profile Card

Extensions
,
1

[O/S] HologramView - A futuristic native hologram profile card component. highly animated Holographic Profile Card

šŸ§© HologramView

An extension for MIT App Inventor 2.
A futuristic native hologram profile card component. highly animated "Holographic Profile Card" into your Android apps. This extension uses purely native Android views, including floating skewed projections and blinking projector light effects. Developed by TechHamara Ussing Fast.
Find More Extension
Terms & Conditions
Find More On BuyMeCoffee Page

:memo: Specifications

:package: Package: io.th.hologramview

:floppy_disk: Size: 30.73 KB
:gear: Version: 1.0
:mobile_phone: Minimum API Level: 14
:date: Updated On: 2026-04-07T00:00:00Z
:laptop: Built & documented using: FAST
:down_arrow: Get apk/Source Code and more info on Github page.
:down_arrow: Get aix here io.th.hologramview.aix (30.7 KB)
:down_arrow: Get app inventor aia here hologram.aia (81.9 KB)

Demo

app inventor

blocks
src1
src2
src3
Holo3
Holo1
Holo2

Documentation

Events:

HologramView has total 7 events.

1. Opened

Triggered when the hologram opens fully.

2. Closed

Triggered when the hologram closes fully.

3. ButtonClicked

Triggered when the follow button is clicked.

4. ProfileImageClicked

Triggered when the profile image is tapped.

5. ProfileNameClicked

Triggered when the profile name is tapped.

6. ProfileTitleClicked

Triggered when the profile title is tapped.

7. ProfileStatsClicked

Triggered when the profile stats are tapped.

Methods:

HologramView has total 4 methods.

1. Initialize

Initialize the hologram inside a given arrangement (Horizontal, Vertical, etc).

Parameter Type
arrangement component

2. Open

Open the hologram card animation.

3. Close

Close the hologram card animation.

4. Toggle

Toggle the hologram card between open and closed.

Designer :

HologramView has total 16 designer properties.

1. ProfileName

  • Input type: string
  • Default value: TechHamara

2. ProfileTitle

  • Input type: string
  • Default value: Developer

3. ProfileStats

  • Input type: string
  • Default value: Group 216 | Code 90 | Grade 40

4. ButtonText

  • Input type: string
  • Default value: FOLLOW ME

5. ProfileImageUrl

  • Input type: string
  • Default value: https://ibb.co/tTtSLy4Z

6. HologramStartColor

  • Input type: color
  • Default value: 1E50B4

7. HologramEndColor

  • Input type: color
  • Default value: 5A8CF0

8. ProjectorColor

  • Input type: color
  • Default value: 505057

9. ButtonStartColor

  • Input type: color
  • Default value: 3C6ED2

10. ButtonEndColor

  • Input type: color
  • Default value: 6496FA

11. TextColor

  • Input type: color
  • Default value: FFFFFF

12. StatsColor

  • Input type: color
  • Default value: C8C8CD

13. HologramSpeed

  • Input type: integer
  • Default value: 15000

14. BgGradientStartColor

  • Input type: color
  • Default value: 0A0A11

15. BgGradientEndColor

  • Input type: color
  • Default value: 323239

16. BgColor

  • Input type: color
  • Default value: 000000

Setter s:

HologramView has total 18 setter properties.

1. ProfileName

Set the profile name.

  • Input type: text

2. ProfileTitle

Set the profile title.

  • Input type: text

3. ProfileStats

Set the profile stats text.

  • Input type: text

4. ButtonText

Set the button text.

  • Input type: text

5. ProfileImageUrl

Set the profile image URL.

  • Input type: text

6. HologramStartColor

Set the hologram start color.

  • Input type: number

7. HologramEndColor

Set the hologram end color.

  • Input type: number

8. ProjectorColor

Set the projector color.

  • Input type: number

9. ButtonStartColor

Set the button start color.

  • Input type: number

10. ButtonEndColor

Set the button end color.

  • Input type: number

11. TextColor

Set the text color.

  • Input type: number

12. StatsColor

Set the stats color.

  • Input type: number

13. HologramSpeed

Set the hologram speed.

  • Input type: number

14. BgGradientStartColor

Get the home page gradient start color.

  • Input type: number

15. BgGradientEndColor

Get the home page gradient end color.

  • Input type: number

16. BgColor

Get the home page color.

  • Input type: number

17. BgImage

Set home page image of url or assets

  • Input type: text

18. HologramImage

Set the background image of the hologram projection from URL or asset.

  • Input type: text

Gette rs:

HologramView has total 18 getter properties.

1. ProfileName

Set the profile name.

  • Return type: text

2. ProfileTitle

Set the profile title.

  • Return type: text

3. ProfileStats

Set the profile stats text.

  • Return type: text

4. ButtonText

Set the button text.

  • Return type: text

5. ProfileImageUrl

Set the profile image URL.

  • Return type: text

6. HologramStartColor

Set the hologram start color.

  • Return type: number

7. HologramEndColor

Set the hologram end color.

  • Return type: number

8. ProjectorColor

Set the projector color.

  • Return type: number

9. ButtonStartColor

Set the button start color.

  • Return type: number

10. ButtonEndColor

Set the button end color.

  • Return type: number

11. TextColor

Set the text color.

  • Return type: number

12. StatsColor

Set the stats color.

  • Return type: number

13. HologramSpeed

Set the hologram speed.

  • Return type: number

14. BgGradientStartColor

Get the home page gradient start color.

  • Return type: number

15. BgGradientEndColor

Get the home page gradient end color.

  • Return type: number

16. BgColor

Get the home page color.

  • Return type: number

17. BgImage

Set home page image of url or assets

  • Return type: text

18. HologramImage

Set the background image of the hologram projection from URL or asset.

  • Return type: text

Feel free to contact us any quarry or suggestions

@techhamara91

2 Likes
4

The blocks were not uploaded!