# Dev Diary Ep52 - Reveal Component **URL:** \ **Category:** Elements\ **Created:** [December 10, 2024, 2:11pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565 "2024-12-10T14:11:21Z")\ **Posts on this page:** 12\ **Page:** 1
**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:** [December 10, 2024, 2:11pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/1 "2024-12-10T14:11:21Z")
Hello again, This week we’re introducing the Reveal Component — With this new component, you can apply animations as elements come into view, or attach them to the scroll position. It’s taken us a while to get to this point, as we’ve restarted on this component many times! We now think we finally have a good balance between ease of use and control, all without making the component overwhelming. Let us know what you think. Watch this weeks video to see how it works, and look out for the beta later this week… [![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/1/515a91010490e057f4362a87b2d62820fd572b42.jpeg "Dev Diary Ep52 — Reveal Component") ](https://www.youtube.com/watch?v=7zZiIZtXf9c) ## Pssst, there’s also some advanced code based features… Not mentioned in the video, but if you’re building your own custom components you can take advantage of the Elements animation library by applying some classes to your code. [Check out the Reveal Component docs](https://docs.realmacsoftware.com/elements-docs/elements-app/components/built-in-components/reveal) to learn more! ## Thanks for your Feedback As always, keep the feedback coming. Your input has made all the difference so far, thank you! See you soon, Dan & Team Realmac. ---
**Author:** ![shubhanyu](https://avatars.discourse-cdn.com/v4/letter/s/d6d6ee/32.png) [@shubhanyu](https://forums.realmacsoftware.com/u/shubhanyu)\ **Post date:** [December 10, 2024, 2:44pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/2 "2024-12-10T14:44:01Z")
This looks good! ---
**Author:** ![DaveMac](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@DaveMac](https://forums.realmacsoftware.com/u/DaveMac)\ **Post date:** [December 10, 2024, 3:19pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/3 "2024-12-10T15:19:56Z")
😲 Oh No, so does this replace the previous Scroll Effects ? [![](https://img.youtube.com/vi/RKc_sIRmVNk/maxresdefault.jpg "Dev Diary Ep36 — Scroll Effects") ](https://www.youtube.com/watch?v=RKc_sIRmVNk) Scroll Effects seemed more fine tunable while this new video seems more liked canned effects. Didn’t find the Scroll Effects in the Element Docs thats why I’m asking. Thanks ---
**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:** [December 10, 2024, 3:27pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/4 "2024-12-10T15:27:57Z")
Hi @DaveMac, yes the Reveal component does indeed replace scroll effects, we found this implementation was overly complex, confusing to setup, and error prone. The Reveal component is the replacement for now, and should hopefully satisfy the majority of users. We know there’s better ways to handle advanced types of animation, i.e. a proper timeline with keyframes, but that requires more work on the core app and not something that needs to be done right now. We certainly plan to revisit this at a later date, and “do it right”. Have a play with the Reveal Component when the beta update ships later week, and let us know if there’s anything specific you’re missing! ---
**Author:** ![DaveMac](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@DaveMac](https://forums.realmacsoftware.com/u/DaveMac)\ **Post date:** [December 10, 2024, 4:08pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/5 "2024-12-10T16:08:51Z")
Thanks for the response. I’m not part of the private beta just watching things unfold in anticipation for the public beta / trial / release. Regarding the change I preferred the original Scroll Effects and was very excited about that version as I’m familiar with GSAP ([if you recall](https://forums.realmacsoftware.com/t/dev-diary-ep36-powerful-new-scroll-effects/44659/53)). To me personally this new approach feels way more dumbed down like [AOS.js](https://michalsnik.github.io/aos/) instead of the powerful GSAP. So the first iteration seemed better in my opinion. > [@dan](#): > > We certainly plan to revisit this at a later date, and “do it right”. 🤞 ---
**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:** [December 10, 2024, 4:53pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/7 "2024-12-10T16:53:23Z")
You’ll be pleased to know that GSAP is under the hood in Elements! We’re just being more careful about what we expose right now… So there’s plenty of potential to expand upon the reveal component based on beta testers feedback! ---
**Author:** ![DaveMac](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@DaveMac](https://forums.realmacsoftware.com/u/DaveMac)\ **Post date:** [December 10, 2024, 5:22pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/8 "2024-12-10T17:22:44Z")
> [@dan](#): > > You’ll be pleased to know that GSAP is under the hood in Elements! Yes, I confirmed previously by seeing the GSAP links in the Reveal Component doc. Just saying the new scaled back approach now feels like AOS.js. Curious to see how it all unfolds and evolves with time, as it can definitely expand from where it now is. 😁 ---
**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:** [December 10, 2024, 6:20pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/9 "2024-12-10T18:20:28Z")
For those on the beta, please start your update engines — [Beta 24 just went live, release notes here](https://forums.realmacsoftware.com/t/elements-beta-24-build-23142/45570)! ---
**Author:** ![luckylindy](https://avatars.discourse-cdn.com/v4/letter/l/ad7895/32.png) [@luckylindy](https://forums.realmacsoftware.com/u/luckylindy)\ **Post date:** [December 10, 2024, 7:21pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/10 "2024-12-10T19:21:58Z")
Looks great! Element animation is an important human factors design and knowledge navigation consideration I obsess over for every site I design (and visit!). Playfully, usefully and unobtrusively guiding people to, and through, information is really important from a usability, effectiveness and ‘delight’ perspective. I hope that, as you mentioned, the beta with the Reveal component has the more granular approach (pixels/viewport) to adjusting when the animation occurs (as opposed to the three positions tied to scroll and scrub. Looking forward to this. ---
**Author:** ![Bartje](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bartje/32/1210_2.png) [@Bartje](https://forums.realmacsoftware.com/u/Bartje)\ **Post date:** [December 11, 2024, 7:58pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/11 "2024-12-11T19:58:07Z")
The new reveal component is a welcome addition and works very intuitively. However, I do find it a bit of a drawback that you have to switch to preview mode each time to see the result. This somewhat detracts from the idea of Elements being a WYSIWYG tool. But I assume this is technically challenging to achieve. ---
**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\ **Post date:** [December 12, 2024, 3:57pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/12 "2024-12-12T15:57:57Z")
I know I’m late to the comments here. I am in agreement that this is a much improved UI for using animation and reveal. Of course over time tweaks will be welcomed. Agree with your comments on start and end points needing more flexibility. ---
**Author:** ![DaveMac](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@DaveMac](https://forums.realmacsoftware.com/u/DaveMac)\ **Post date:** [December 12, 2024, 7:17pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep52-reveal-component/45565/13 "2024-12-12T19:17:00Z")
It seems Elements is balancing a fine line regarding its [target market](https://forums.realmacsoftware.com/t/elements-target-market/44975/). Which I likewise keep pondering as things unfold and features expand or change. On one hand it’s understood concerning the need to capture existing RapidWeaver users and those desiring ease of use. On the other hand one can foresee Elements being adopted as a tool for those who discover it as a visual Tailwind builder for macOS with visual GSAP features also. Those two huge industry names could bring a flood of revenue for RealMac from macOS designers and developers alike. Which gets back to balancing a fine line concerning the thoughtfulness of features and exposed capabilities. Not too overwhelming for some but not too scaled back for others. I’ll keep watching. 🧐 😄