# 🚀 3 NEW Adalo Components To Enhance Your UI/UX

**URL:** <https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828>\
**Category:** Resources & Tutorials\
**Created:** [November 20, 2022, 11:57am UTC](https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828 "2022-11-20T11:57:18Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\
**Post date:** [November 20, 2022, 11:57am UTC](https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828/1 "2022-11-20T11:57:18Z")

</div>

We’re excited to announce the launch of our 3 new Adalo components!

 ![ComponentPreviews](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/8/2/82b1adff6a83c1172c832d0c1d5636f9a35d04c9.jpeg)

That’s right! We’ve entered the Adalo custom component space 🕶

We have identified the need for some specific components, so my team and I have been hard at work creating them.

 ![example-logo](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/1/1/116945d10464dd6b4a8557b506f7ce7971fbe58d.jpeg)  
**Advanced Input Component**  
The Advanced Input Component allows you to customize the keyboard type, default value, placeholder text, max characters, and a submit action (when users press the “Enter” key on web apps).

 ![example-logo](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/e/5/e517e93f6a37f79800e4715588a8f84f57387435.jpeg)  
**Floating Tab Bar**  
The Floating Tab Bar Component is a tab bar navigation component with a floating action button. You can customize the action button, tab bar background color, and tab bar text color.

 ![example-logo](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/9/9/99add5bbb3a01b4539924f8ca3025228bff6052c.jpeg)  
**Magic Text Icon**  
An icon that can be set via magic text. You can set the icon color via magic text also. Perfect for use in custom lists where you need to display multiple icons. Ditch the icon stacks!

**All 3 New Components Are Only Available In The Templar Design Marketplace 🧙‍♂️**

> **[Templar Design](https://shop.templar.design)**
>
> Premium Adalo Templates & UI Kits

When you purchase a component from us, we’ll add the component to your team within 24 hours of purchase.

If you experience any problems or need assistance setting up the component in your app, feel free to click the “live chat” on our website to initiate a conversation.

**We believe in our products and we want you to be happy with your purchase.**

---

<div class="post-metadata">

**Author:** ![jromeo80](https://avatars.discourse-cdn.com/v4/letter/j/e79b87/32.png) [@jromeo80](https://forum.adalo.com/u/jromeo80)\
**Post date:** [November 20, 2022, 3:50pm UTC](https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828/2 "2022-11-20T15:50:15Z")

</div>

The icon component. 🔥 🔥 🔥

---

<div class="post-metadata">

**Author:** ![Jacob\_Lange](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/jacob_lange/32/21708_2.png) [@Jacob\_Lange](https://forum.adalo.com/u/Jacob_Lange)\
**Post date:** [November 20, 2022, 7:48pm UTC](https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828/3 "2022-11-20T19:48:47Z")

</div>

I was wondering when @Flawless would start to enter into this arena! Thanks to you and your team! I love seeing new components l! Soups exited for the magic text icon! Will save so much time and headache!

Love the work you do my man!

---

<div class="post-metadata">

**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\
**Post date:** [November 20, 2022, 8:26pm UTC](https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828/4 "2022-11-20T20:26:04Z")

</div>

Thank you, @jromeo80 & @Jacob_Lange 🤩

---

<div class="post-metadata">

**Author:** ![jromeo80](https://avatars.discourse-cdn.com/v4/letter/j/e79b87/32.png) [@jromeo80](https://forum.adalo.com/u/jromeo80)\
**Post date:** [November 21, 2022, 2:31am UTC](https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828/5 "2022-11-21T02:31:33Z")

</div>

Seriously.

---

<div class="post-metadata">

**Author:** ![Jacob\_Lange](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/jacob_lange/32/21708_2.png) [@Jacob\_Lange](https://forum.adalo.com/u/Jacob_Lange)\
**Post date:** [November 21, 2022, 2:10pm UTC](https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828/6 "2022-11-21T14:10:07Z")

</div>

> [@jromeo80](#):
>
> Seriously

I’m not following…

---

<div class="post-metadata">

**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\
**Post date:** [November 21, 2022, 2:14pm UTC](https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828/7 "2022-11-21T14:14:43Z")

</div>

He’s agreeing with you 😆

---

<div class="post-metadata">

**Author:** ![Jacob\_Lange](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/jacob_lange/32/21708_2.png) [@Jacob\_Lange](https://forum.adalo.com/u/Jacob_Lange)\
**Post date:** [November 21, 2022, 3:19pm UTC](https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828/8 "2022-11-21T15:19:58Z")

</div>

‘‘Twas confusion on my end! 😂

I understand now!

---

<div class="post-metadata">

**Author:** ![brunoribeiro](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/brunoribeiro/32/34948_2.png) [@brunoribeiro](https://forum.adalo.com/u/brunoribeiro)\
**Post date:** [August 10, 2024, 6:35am UTC](https://forum.adalo.com/t/3-new-adalo-components-to-enhance-your-ui-ux/33828/9 "2024-08-10T06:35:57Z")

</div>

Hello @Flawless  
I am interested in the **Advanced Input Component**. Is it updated to the latest Adalo Component specs?
