# Just a little fun

**URL:** <https://forums.realmacsoftware.com/t/just-a-little-fun/50800>\
**Category:** RapidWeaver Elements\
**Created:** [September 5, 2025, 7:06am UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800 "2025-09-05T07:06:45Z")\
**Posts on this page:** 20\
**Page:** 2

<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:** [September 8, 2025, 5:39pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/21 "2025-09-08T17:39:52Z")

</div>

@PMUK just need marketplace again free

just got home from work fixed a few things a few more controls to add, multiple on a page is ok, this recording gets big quick, so didn’t show all options

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [September 8, 2025, 5:53pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/22 "2025-09-08T17:53:32Z")

</div>

Amazing as always!

---

<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:** [September 8, 2025, 6:43pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/23 "2025-09-08T18:43:33Z")

</div>

need to add option for mobile screen height rather than h-screen

just testing

[https://sjwjaw.co.uk/](https://sjwjaw.co.uk/)

---

<div class="post-metadata">

**Author:** ![ajenks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ajenks/32/34693_2.png) [@ajenks](https://forums.realmacsoftware.com/u/ajenks)\
**Post date:** [September 8, 2025, 6:55pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/24 "2025-09-08T18:55:50Z")

</div>

Yawl are getting too fancy…🤣

---

<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:** [September 12, 2025, 10:12am UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/25 "2025-09-12T10:12:38Z")

</div>

just Elements images and svg

---

<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:** [September 12, 2025, 4:07pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/26 "2025-09-12T16:07:11Z")

</div>

ok trying to replicate these animations in Elements completed a few, unable to all but quite a lot with some adjusted to near enough

---

<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:** [September 14, 2025, 2:21pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/27 "2025-09-14T14:21:59Z")

</div>

different approach to social circle, preset 1 icon, just need to duplicate and adjust angles to how many needed 360/n

You can leave icons as is or rotate them the opposite angle to align in the svg, you can apply hover color change or scale to svg

I added text to centre of circle

Project

[elementsapp://downloadDocument/1H1M1wasKRgW](elementsapp://downloadDocument/1H1M1wasKRgW)

---

<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:** [September 14, 2025, 2:48pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/28 "2025-09-14T14:48:27Z")

</div>

what happens when you add a reveal still a duplicate addition no need to setup each reveal

This is so simple in Elements

@dan had to add a divider at top of page or the first reveal again works in reverse

---

<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:** [September 14, 2025, 5:19pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/29 "2025-09-14T17:19:36Z")

</div>

a clock just added animate-spin in advanced classes, rest Elements

---

<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:** [September 15, 2025, 4:59pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/30 "2025-09-15T16:59:17Z")

</div>

Clock project - not a custom component - All Elements with small animate code snippet in advanced classes

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

---

<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:** [September 15, 2025, 6:17pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/31 "2025-09-15T18:17:23Z")

</div>

normally css but just Elements and animate snippet in css advanced, smoother live in browser

just concept still working on this, can be improved

project [elementsapp://downloadDocument/jK2f7YQSRXxC](elementsapp://downloadDocument/jK2f7YQSRXxC)

multi hover project

[elementsapp://downloadDocument/64pT1gz8EemU](elementsapp://downloadDocument/64pT1gz8EemU)

---

<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:** [September 16, 2025, 5:10am UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/32 "2025-09-16T05:10:15Z")

</div>

a few more, of no use but really easy to do, last example is using Reveal auto move no hover

@ben is there a reason why Reveal could not move in 2 directions, would make for added impact.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [September 16, 2025, 7:21am UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/33 "2025-09-16T07:21:29Z")

</div>

> [@upssjw](#):
>
> @ben is there a reason why Reveal could not move in 2 directions, would make for added impact.

do you mean move both horizontally and vertically?

If so, I think that would be possible. Off the top of my head, I think it we would have to add controls (and updating the code obviously) to allow this 🙂

---

<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:** [September 16, 2025, 7:32am UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/34 "2025-09-16T07:32:01Z")

</div>

yes both direction, left and up right and down, both different starting positions, I could then move for example from bottom left to top right etc. or it could move 200px left and 10px up, nice if that could be applied to the rotate as well, but more difficult, but just linear would be great, and can you fix the first reveal going in reverse if no height in an Component above the Reveal. Just need some animation options to each relevant component, eg spin, bounce, pulse and ping, just the Tailwind basics, asking a lot here, but Elements can do so much now extremely powerful this would just raise it so much more, I could then create even more fancy stuff,

My clock above I just added animate-spin [animation-duration:60s] etc to a container

---

<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:** [September 16, 2025, 4:28pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/35 "2025-09-16T16:28:55Z")

</div>

ok couldn’t resist this one, didn’t put much attention into taking the photos

---

<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:** [September 16, 2025, 4:55pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/36 "2025-09-16T16:55:44Z")

</div>

Love that, very nice!

---

<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:** [September 20, 2025, 3:11pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/38 "2025-09-20T15:11:58Z")

</div>

project

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

---

<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:** [September 20, 2025, 5:35pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/39 "2025-09-20T17:35:08Z")

</div>

That’s cool, I love to see all these fun experiments you’re doing with Elements 🥰

---

<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:** [September 20, 2025, 6:01pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/40 "2025-09-20T18:01:05Z")

</div>

Means I understand Elements that much deeper, it is incredible what you can actually do, just need a bit of animation and timing built in and Elements would be unstoppable

---

<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:** [September 21, 2025, 12:30pm UTC](https://forums.realmacsoftware.com/t/just-a-little-fun/50800/41 "2025-09-21T12:30:37Z")

</div>

Forgot I did this, did this ages ago

[Previous page](https://forums.realmacsoftware.com/t/just-a-little-fun/50800.md?page=1)

[Next page](https://forums.realmacsoftware.com/t/just-a-little-fun/50800.md?page=3)
