# Ai generate practice and fun

**URL:** <https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827>\
**Category:** Elements API\
**Created:** [October 2, 2024, 9:24pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827 "2024-10-02T21:24:39Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 2, 2024, 9:24pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/1 "2024-10-02T21:24:39Z")

</div>

landing page + game

masonry layout responsive local folder - obvious I haven’t used images

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 2, 2024, 10:06pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/2 "2024-10-02T22:06:49Z")

</div>

Love the animated header, that is really fun!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 2, 2024, 11:11pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/3 "2024-10-02T23:11:42Z")

</div>

@upssjw, I’ve been having similar fun this evening… got ChatGPT to help me create a header with an animated particle effect in it.

I added a dropzone and can now add anything I like on top of it, such powerful stuff 💪

 ![CleanShot 2024-10-03 at 12 .10.11@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/d/ed21b3dd127574143f8f299405f8a14d24a127b8.jpeg)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 3, 2024, 6:16am UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/4 "2024-10-03T06:16:35Z")

</div>

@dan thats really cool, I think if users of Elements want something slightly different it means their Sites can be unique. The two I did above probably took less 20 mins that included making the videos etc.  
The masonry just needs the number of images as an input with a few more variables to change, drop the images into resources with the naming of images, component complete. I think that’s the power of Elements adding the changes in the properties section, almost instant components, a few more videos for users on how to implement a high percentage of users making more than just simple components. Always people on the forum to help as well, looking forward to v1 release and the ability to create a bundled up component. My aim is to create a 3d themed site, just for my own personal site and learning of no use to anyone but a challenge for me. Other sites should be a breeze with the power at people’s hands.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 3, 2024, 5:27pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/5 "2024-10-03T17:27:10Z")

</div>

asked ai to create a horizontal scroll, I added the vertical code bit then added some controls still rough but works so far, again ai tailwind Elements practice, this is addictive

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 3, 2024, 5:47pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/6 "2024-10-03T17:47:21Z")

</div>

Yeah, it sure is…

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 3, 2024, 6:25pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/7 "2024-10-03T18:25:58Z")

</div>

Nice that’s cool, hopefully everyone can see the power of Elements and the future is here, not even at v1 yet for release

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 3, 2024, 7:29pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/8 "2024-10-03T19:29:37Z")

</div>

ok need to stop now but I do like the one

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 3, 2024, 7:45pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/9 "2024-10-03T19:45:27Z")

</div>

@dan not sure what I am doing wrong here but this only works in preview and in a container or flex etc

[elementsapp://downloadDocument/XjqITjw7Rk2C](elementsapp://downloadDocument/XjqITjw7Rk2C)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 3, 2024, 8:00pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/10 "2024-10-03T20:00:47Z")

</div>

ok I couldn’t stop laughing with this one asked to have the letters dance a bit rubbish, asked if they could be more rock and roll, it came back and said it would add some headbanging animation

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 3, 2024, 8:03pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/11 "2024-10-03T20:03:30Z")

</div>

haha, just need a little music playing now…

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 4, 2024, 8:30pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/12 "2024-10-04T20:30:20Z")

</div>

just for Elements

[https://share.cleanshot.com/fj1SYnvb](https://share.cleanshot.com/fj1SYnvb)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 4, 2024, 10:23pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/13 "2024-10-04T22:23:16Z")

</div>

That is very cute ☺ I’m sure people are going to build some wild sites when Elements launches publicly!!!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 4, 2024, 10:43pm UTC](https://forums.realmacsoftware.com/t/ai-generate-practice-and-fun/44827/14 "2024-10-04T22:43:38Z")

</div>

building bespoke landing pages heroes etc in minutes and add Elements control into these will be wild, mostly imagination, then build the rest of the site quickly with Elements - can’t wait
