# Custom Component (AI Generated) - Feedback wanted! šŸ’” **URL:** \ **Category:** Archived Announcements\ **Tags:** ai, layout, components\ **Created:** [July 2, 2024, 1:49am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533 "2024-07-02T01:49:43Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\ **Post date:** [July 2, 2024, 1:49am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/1 "2024-07-02T01:49:43Z")
Weā€™ve created a preview of a new Custom Component. Take a look at this demo, try it for yourself, and share what youā€™ve built here! https://www.loom.com/embed/f9e7af1c398b472d9aefe92b2ba012da?sid=5abca671-ae9f-4a69-9c9a-6407022dee2d > **UPDATE:** Weā€™re looking for some more structured feedback on the AI Custom Component to understand whatā€™s working and where we can focus on improvements. Could those of you who have tried it out please take a few minutes to answer the 8 questions in the following survey? > **[AI Custom Component Feedback](https://forms.gle/Se6oy9XupZCAupvQ6)** > > Thank you for trying out the AI Custom Component! Please answer the following questions to help us better understand your experience with the feature thus far and help us prioritize improvements. Thank you! šŸ™ ---
**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\ **Post date:** [July 2, 2024, 1:50am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/2 "2024-07-02T01:50:06Z")
---
**Author:** ![Eitan](https://avatars.discourse-cdn.com/v4/letter/e/aca169/32.png) [@Eitan](https://community.glideapps.com/u/Eitan)\ **Post date:** [July 2, 2024, 6:46am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/3 "2024-07-02T06:46:42Z")
Ah! this is awesome ā€“ gonna have a play around! ---
**Author:** ![Luca\_Dipa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luca_dipa/32/67530_2.png) [@Luca\_Dipa](https://community.glideapps.com/u/Luca_Dipa)\ **Post date:** [July 2, 2024, 7:35am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/4 "2024-07-02T07:35:04Z")
This is awesome!! šŸ¤© Thanks guys for your hard work ---
**Author:** ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)\ **Post date:** [July 2, 2024, 12:24pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/5 "2024-07-02T12:24:29Z")
Might be able to use this to finally get required checkboxes on forms šŸ˜‰ ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [July 2, 2024, 2:43pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/6 "2024-07-02T14:43:24Z")
Holy smokes this is next level innovation for sure. Staggering. Canā€™t wait to brainstorm some ideasā€¦ First up - displaying the formation of a football team with some cool interactions to add player namesā€¦. Can the input data be in the form of an array? Pretty sure this solves the half star rating challenge tooā€¦ eg. How to display fractions of a star rating since emojis donā€™t offer them. I could see a fitness App displaying dynamic measurements for a body silhouetteā€¦ or a training program designed by AI displaying a figure that shows focus zones on the body. ---
**Author:** ![miogamer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/miogamer/32/62928_2.png) [@miogamer](https://community.glideapps.com/u/miogamer)\ **Post date:** [July 2, 2024, 7:55pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/7 "2024-07-02T19:55:44Z")
is this staying on the Starter plan? Or is this going to be Free at a later time? ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [July 2, 2024, 8:17pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/8 "2024-07-02T20:17:45Z")
You mentioned a calculator - and I do remember a march months challenge (in 2021) by @Jeff_Hager where I worked quite a few hours creating a calculator. Using the new component with the following prompt > create an old fashion calculator. Make the buttons work so > input can be given on the calculator. clicking the result > button must show the result of the calculation the > calculator should fill the whole screen gives a calculator app like below - and it works. This beyond belief ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/8/587260c33de066fdcbabdb0d5a284408f02e2058.png) > [@March Challenge - Calculator](https://community.glideapps.com/t/march-challenge-calculator/24091): > > I had an idea a while ago to see if I could build a reasonably functional calculator in Glide. I decided to give it a shot and came up with one that actually works pretty well. Itā€™s nothing fancy like a scientific calculator, but it handles the basics (addition, subtraction, multiplication, division). OK, it turned out to have a lot more functionality than originally planned. It took a lot of trial and error to work out most of the bugs and have it work how I would expect a basic calculator tā€¦ ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [July 2, 2024, 8:33pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/9 "2024-07-02T20:33:51Z")
@david To me, the most interesting thing to know is whether you can freeze/lock the functionality of the component when you have got it working. If the app is working and the AI model behind the component changes and thereby changes the functionality of the component then i wonā€™t feel comfortable implementing it in a business app. ---
**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\ **Post date:** [July 2, 2024, 8:58pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/10 "2024-07-02T20:58:08Z")
The components generated will be stable ā€” not during the experimental preview phase, but when we release them will keep them stable. ---
**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\ **Post date:** [July 2, 2024, 9:47pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/11 "2024-07-02T21:47:36Z")
Created a double sided switch that properly writes to my database. Also highlighted the 50% savings automatically with my Appā€™s color! ![IMG_9245](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/0/c01c30b15684b7167aa261a0efeb8e840892628e.jpeg) ---
**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:** [July 2, 2024, 10:47pm UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/12 "2024-07-02T22:47:05Z")
> [@Simon\_Hill](#): > > First up - displaying the formation of a football team with some cool interactions to add player namesā€¦. Can the input data be in the form of an array? I havenā€™t tried but if an array doesnā€™t work, maybe you can try a JSON. It would be cool if you can specify a table, with columns to use. > [@Simon\_Hill](#): > > Pretty sure this solves the half star rating challenge tooā€¦ eg. How to display fractions of a star rating since emojis donā€™t offer them. That might be a good one to get. Since you might be able to actually use frontend JS here, we can get that. ---
**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\ **Post date:** [July 3, 2024, 12:28am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/13 "2024-07-03T00:28:22Z")
What kind of witchcraft is this? šŸ¤Æ Amazing! ---
**Author:** ![burningmikey](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/burningmikey/32/49706_2.png) [@burningmikey](https://community.glideapps.com/u/burningmikey)\ **Post date:** [July 3, 2024, 2:33am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/15 "2024-07-03T02:33:04Z")
Mind blowing what this entails for the futureā€¦ Congratulations Glide, itā€™s really exciting! ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [July 3, 2024, 6:20am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/16 "2024-07-03T06:20:43Z")
Is it possible to create some sort of gallery/library of user examples in the community chat with the prompts? This would be so useful - inspirational - for fellow Gliders? ---
**Author:** ![Shlomo\_Green1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shlomo_green1/32/85661_2.png) [@Shlomo\_Green1](https://community.glideapps.com/u/Shlomo_Green1)\ **Post date:** [July 3, 2024, 6:37am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/17 "2024-07-03T06:37:46Z")
it would be great to be able to pull the code after generated, for manual finetuning ---
**Author:** ![Eitan](https://avatars.discourse-cdn.com/v4/letter/e/aca169/32.png) [@Eitan](https://community.glideapps.com/u/Eitan)\ **Post date:** [July 3, 2024, 8:06am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/18 "2024-07-03T08:06:59Z")
I have managed to get the AI generated code by inspecting the component in the browser dev tools. That way I can copy and paste the code into the HTML section of the custom component it seems that the components are built using [alpineJS](https://alpinejs.dev) and [tailwind](https://tailwindcss.com/docs/installation)? which has allowed me to write custom components into the HTML section of the custom componentā€¦ I have been playing around with components from here [Tailwind CSS and Alpine JS Accordion | Penguin UI](https://www.penguinui.com/components/accordion) but also found you can search alpinejs and tailwind components and there are heaps onlineā€¦ it does mean you might have to write some code but itā€™s not too bad and using the ai generated code first and then tweaking it in code is what Iā€™ve found the easiest it also seems that we can perform some javascript inside this code component for transitions and calculations and a whole lot moreā€¦ this is very very cool! ---
**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\ **Post date:** [July 3, 2024, 8:33am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/19 "2024-07-03T08:33:50Z")
Maybe this could be added into @ThinhDinh 's CSS Library ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [July 3, 2024, 8:53am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/20 "2024-07-03T08:53:36Z")
Or a dedicated libraryā€¦. ---
**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\ **Post date:** [July 3, 2024, 9:01am UTC](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/21 "2024-07-03T09:01:28Z")
I was imagining the ā€˜CSSā€™ part is then just a section of a bigger Library too. [Next page](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533.md?page=2)