# Reusable AI Hint Component with Engaging Visual Effects

**URL:** <https://community.glideapps.com/t/reusable-ai-hint-component-with-engaging-visual-effects/81596>\
**Category:** Community Resources\
**Created:** [April 28, 2025, 3:58pm UTC](https://community.glideapps.com/t/reusable-ai-hint-component-with-engaging-visual-effects/81596 "2025-04-28T15:58:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [April 28, 2025, 3:58pm UTC](https://community.glideapps.com/t/reusable-ai-hint-component-with-engaging-visual-effects/81596/1 "2025-04-28T15:58:57Z")

</div>

I’ve created a reusable custom AI component that provides helpful and engaging hints.  
It allows you to display attractive messages in your applications. Features include glitching text on failure, appealing moving dots on warning, a shining card effect, and randomly appearing stars on new. Info icons pop up for info messages. Two call-to-action buttons are available. You can customize the card type to one of the following:

- warning
- info
- new
- failure

It also features customizable tag labels.  
 ![chrome_OOnishhju7](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/1/c1045b94c852af1e4c7249ffd9e95432774ab246.gif)

You can set actions instead of link by leaving the link columns empty and set specific actions.

> **[Notification - Glide custom component](https://components.glide.info/share/commit::70bdda22-62aa-eafc-b21d-f4388fc65b00)**
>
> Custom component created in Glide

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [April 28, 2025, 4:18pm UTC](https://community.glideapps.com/t/reusable-ai-hint-component-with-engaging-visual-effects/81596/2 "2025-04-28T16:18:28Z")

</div>

These are beautiful!

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [April 28, 2025, 4:22pm UTC](https://community.glideapps.com/t/reusable-ai-hint-component-with-engaging-visual-effects/81596/3 "2025-04-28T16:22:29Z")

</div>

With Type==Failure, the title “trembles” a little, somewhat inconsistently. Is this wanted behavior?

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [April 28, 2025, 4:57pm UTC](https://community.glideapps.com/t/reusable-ai-hint-component-with-engaging-visual-effects/81596/4 "2025-04-28T16:57:45Z")

</div>

Yes, I didn’t wanted it to be to much!

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [April 29, 2025, 4:15pm UTC](https://community.glideapps.com/t/reusable-ai-hint-component-with-engaging-visual-effects/81596/5 "2025-04-29T16:15:08Z")

</div>

New version. Updated! Now CTA allowed by leaving link’s columns empty.