# My first custom-component!

**URL:** https://community.weweb.io/t/my-first-custom-component/1911
**Category:** Share your work
**Tags:** custom-components
**Created:** [February 25, 2023, 1:17pm UTC](https://community.weweb.io/t/my-first-custom-component/1911 "2023-02-25T13:17:23Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![aeynaud](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aeynaud/32/2050_2.png) [@aeynaud](https://community.weweb.io/u/aeynaud)
#### Post date: [February 25, 2023, 1:17pm UTC](https://community.weweb.io/t/my-first-custom-component/1911/1 "2023-02-25T13:17:23Z")

</div>

Hey Guys!

I made it! I made my very own first custom component 😁  
I fine-tuned an OpenAI GTP-3 model to filter my dataset from user input.

![openai demo](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d103bf4e2ab22c226e2317c30f28f2addd1b9ff7.gif)

For now, the input field and button and all is hard-coded in the custom component - so not modifiable in the editor. Also not sure how to work with `wwElements` yet but I am super happy with the result.

Many thanks to @dorilama for his advice sprinkled over the community website in many posts, and of course to everyone from the WeWeb team.

---

<div class="post-metadata">

### Author: ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)
#### Post date: [February 25, 2023, 1:39pm UTC](https://community.weweb.io/t/my-first-custom-component/1911/2 "2023-02-25T13:39:06Z")

</div>

Congrats on your first component! 🎉  
Way to go! 🚀

---

<div class="post-metadata">

### Author: ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)
#### Post date: [February 25, 2023, 3:35pm UTC](https://community.weweb.io/t/my-first-custom-component/1911/3 "2023-02-25T15:35:58Z")

</div>

Yey! Congrats @aeynaud 👏👏👏

@dorilama is a rock star!

Makes me want to sit down and learn how to do that myself 😄

---

<div class="post-metadata">

### Author: ![aurelie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aurelie/32/13249_2.png) [@aurelie](https://community.weweb.io/u/aurelie)
#### Post date: [February 25, 2023, 9:04pm UTC](https://community.weweb.io/t/my-first-custom-component/1911/4 "2023-02-25T21:04:11Z")

</div>

Congrats 🙂  
Do not hesitate to ask question if you have any, I know the dev documentation is sometime a bit messy (we plan to work on dev experience soon, just have a lot to do right now ^^)

---

<div class="post-metadata">

### Author: ![patopt](https://avatars.discourse-cdn.com/v4/letter/p/97f17d/32.png) [@patopt](https://community.weweb.io/u/patopt)
#### Post date: [February 25, 2023, 11:04pm UTC](https://community.weweb.io/t/my-first-custom-component/1911/5 "2023-02-25T23:04:54Z")

</div>

Could you possibly post a how to guide on how you did this?

---

<div class="post-metadata">

### Author: ![IdeaGarage](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/ideagarage/32/1350_2.png) [@IdeaGarage](https://community.weweb.io/u/IdeaGarage)
#### Post date: [February 26, 2023, 11:16pm UTC](https://community.weweb.io/t/my-first-custom-component/1911/6 "2023-02-26T23:16:42Z")

</div>

Congrats! I’ll follow you. 👍