# One-shot Custom Components with Claude 3.5 Sonnet

**URL:** <https://community.glideapps.com/t/one-shot-custom-components-with-claude-3-5-sonnet/74828>\
**Category:** Project Showcase\
**Tags:** tutorial, custom-code\
**Created:** [July 11, 2024, 3:49pm UTC](https://community.glideapps.com/t/one-shot-custom-components-with-claude-3-5-sonnet/74828 "2024-07-11T15:49:16Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 11, 2024, 4:23pm UTC](https://community.glideapps.com/t/one-shot-custom-components-with-claude-3-5-sonnet/74828/3 "2024-07-11T16:23:26Z")

</div>

> [@new Custom Component (AI Generated)](https://community.glideapps.com/t/custom-component-ai-generated/74533/53):
>
> The HTML mode uses [Alpine.js](https://alpinejs.dev/) – check it out for details. Use @click to connect a click to an action in Glide

> [@new Custom Component (AI Generated)](https://community.glideapps.com/t/custom-component-ai-generated/74533/61):
>
> @doslab the data names are exposed to Alpinejs. Try this: \<p x-text="Name"\>\</p\>

---

_[View the full topic](https://community.glideapps.com/t/one-shot-custom-components-with-claude-3-5-sonnet/74828)._