# Create a Random Name selector with animated shuffle effect

**URL:** <https://community.glideapps.com/t/create-a-random-name-selector-with-animated-shuffle-effect/32843>\
**Category:** Ask for Help\
**Tags:** custom-code\
**Created:** [October 9, 2021, 2:39am UTC](https://community.glideapps.com/t/create-a-random-name-selector-with-animated-shuffle-effect/32843 "2021-10-09T02:39:08Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Daniel\_Canup](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/daniel_canup/32/32850_2.png) [@Daniel\_Canup](https://community.glideapps.com/u/Daniel_Canup)\
**Post date:** [October 9, 2021, 2:39am UTC](https://community.glideapps.com/t/create-a-random-name-selector-with-animated-shuffle-effect/32843/1 "2021-10-09T02:39:09Z")

</div>

Hi, Gliders!

Is it possible to create something like the below function using a code column? I would assume it is…?

https://codepen.io/screener13/embed/preview/PJJLLo?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=PJJLLo

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 9, 2021, 3:09am UTC](https://community.glideapps.com/t/create-a-random-name-selector-with-animated-shuffle-effect/32843/2 "2021-10-09T03:09:49Z")

</div>

It’s possible all based on that CodePen, we can replicate it and show it in a webview component, but taking that generated name as a Glide variable is another problem.

---

<div class="post-metadata">

**Author:** ![Daniel\_Canup](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/daniel_canup/32/32850_2.png) [@Daniel\_Canup](https://community.glideapps.com/u/Daniel_Canup)\
**Post date:** [October 9, 2021, 3:22am UTC](https://community.glideapps.com/t/create-a-random-name-selector-with-animated-shuffle-effect/32843/3 "2021-10-09T03:22:41Z")

</div>

Ahhh, so the shuffle effect would be a WebView then the rest would still be in the code column? I think I saw that an array of strings can be passed in. Is that correct?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 9, 2021, 8:12am UTC](https://community.glideapps.com/t/create-a-random-name-selector-with-animated-shuffle-effect/32843/4 "2021-10-09T08:12:54Z")

</div>

I mean replicating the whole result of the CodePen visually is doable, but at that point we’re returning a URI (Uniform Resource Identifier) not just the “name”.

Do you want the whole thing visually or just a way to pass an array of names in, then take a random name back? If it’s just this then I think you would better do a single value column \> random.

---

<div class="post-metadata">

**Author:** ![Daniel\_Canup](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/daniel_canup/32/32850_2.png) [@Daniel\_Canup](https://community.glideapps.com/u/Daniel_Canup)\
**Post date:** [October 9, 2021, 5:22pm UTC](https://community.glideapps.com/t/create-a-random-name-selector-with-animated-shuffle-effect/32843/5 "2021-10-09T17:22:06Z")

</div>

The animation is a huge part, if possible.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [October 9, 2021, 6:15pm UTC](https://community.glideapps.com/t/create-a-random-name-selector-with-animated-shuffle-effect/32843/6 "2021-10-09T18:15:17Z")

</div>

Look at the name I landed on in the first try…

Is this really random? 😉

 ![Screen Shot 2021-10-09 at 2.14.47 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/1/2169e7f8fcfafbcd6b276da0243dd933da1bed7f.png)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [October 9, 2021, 6:15pm UTC](https://community.glideapps.com/t/create-a-random-name-selector-with-animated-shuffle-effect/32843/7 "2021-10-09T18:15:36Z")

</div>

> [@eyes Sneak Peek: Random Name Picker with Animation!](https://community.glideapps.com/t/sneak-peek-random-name-picker-with-animation/17403):
>
> …template and tutorial coming soon slight_smile