The new updates are, removed End Offset (seems not needed), added Stiffness, Damping (for smooth animation), Start Opacity, End Opacity (to control the text opacity).
For longer paragraphs, the text seems to be revealing higher up than they Start Offset, is there anyway to fix this? Also End Offset is nice to have if you have multiple text boxes next to each other, for example if you wanted to have another paragraph with a different color font.
Also iI keep getting an error message "Warning: Each child in a list should have a unique "key" prop...." and when I publish it works fine but it breaks a few other sticky sections on the page :\ any advice?
I will add end offset again and update the remix link. The reveal depends on the viewport of the page. I understand what are you talking about. I need some time to think a solution for that.
Hi ! I am new to Framer so I do not know how to handle this very well. When using your remix link and copy/pasting your code inside my website, when I select my text and go to code overrides I can't find the .tsx file I have just created. It keeps creating an "example.tsx"file. Any Idea why ? Thanks again for sharing !
@@Omzing copy my code and ask chatgpt to make the animation character by character. Then replace my code with gpt’s code. Use FramerGPT inside chatgpt.
@@DesignwithAsif And I wanted to say, I'm not a developer by any means and this was so easy to figure out and implement. Thanks for the response and help!
@@DesignwithAsif The last random question I had was: is it possible to make the text completely invisible before it starts filling in? Not sure what changes to make int he code for that, or if it's at all possible. I can play with it, but figured I'd ask if you're still answering questions :)
Check the remix file. The new changes are, removed End Offset (seems not needed), added Stiffness, Damping (for smooth animation), Start Opacity, End Opacity (to control the text opacity). Thanks for the idea!
I have updated the remix link. But I saw the reveal is not so good. You can try this one, it is using GSAP but it does not have the html mark up tags. But still you can create multilines by duplication it several times. framer.com/projects/new?duplicate=Y1VCp1o5Ai8oH71XInLy
The new updates are, removed End Offset (seems not needed), added Stiffness, Damping (for smooth animation), Start Opacity, End Opacity (to control the text opacity).
For longer paragraphs, the text seems to be revealing higher up than they Start Offset, is there anyway to fix this? Also End Offset is nice to have if you have multiple text boxes next to each other, for example if you wanted to have another paragraph with a different color font.
Also iI keep getting an error message "Warning: Each child in a list should have a unique "key" prop...." and when I publish it works fine but it breaks a few other sticky sections on the page :\ any advice?
I will take a look and get back to you.
I will add end offset again and update the remix link. The reveal depends on the viewport of the page. I understand what are you talking about. I need some time to think a solution for that.
Hi ! I am new to Framer so I do not know how to handle this very well. When using your remix link and copy/pasting your code inside my website, when I select my text and go to code overrides I can't find the .tsx file I have just created. It keeps creating an "example.tsx"file. Any Idea why ?
Thanks again for sharing !
Please copy the component and paste in your project. Not the code. The code will come along with the component.
@@DesignwithAsif it worked ! Thank you
@@DesignwithAsif I do have a question, do you know how to setup the animation for each characters instead of word by word ?
@@Omzing copy my code and ask chatgpt to make the animation character by character. Then replace my code with gpt’s code. Use FramerGPT inside chatgpt.
@@DesignwithAsif That's what I tried to do, but ChatGPT is struggling or maybe my request is not clear enough
If I wanted to make the reveal smoother while scrolling, how would I implement that? It feels just a little choppy while scrolling.
Added Stiffness and Damping property in the code. You can also control it using the property control. Please check the remix link again.
@@DesignwithAsif Thank you!! So helpful!
@@DesignwithAsif And I wanted to say, I'm not a developer by any means and this was so easy to figure out and implement. Thanks for the response and help!
@@DesignwithAsif The last random question I had was: is it possible to make the text completely invisible before it starts filling in? Not sure what changes to make int he code for that, or if it's at all possible. I can play with it, but figured I'd ask if you're still answering questions :)
Check the remix file. The new changes are, removed End Offset (seems not needed), added Stiffness, Damping (for smooth animation), Start Opacity, End Opacity (to control the text opacity). Thanks for the idea!
How can I use this if I want to have the Text Sticky and to reveal while scrolling down the sticky section?
I will work on that this weekend. I also faced the sticky issue. You will have an update soon.
fixed: framer.com/projects/new?duplicate=h371ATPXjl1Dbu708Etl
Hi Asif, the remix link contains the scramble component by mistake. Do you have the link to this reveal component? Thanks.
Oops, my bad! I updated the wrong video description. Thanks for pointing it out. 🙏
I have updated the remix link. But I saw the reveal is not so good. You can try this one, it is using GSAP but it does not have the html mark up tags. But still you can create multilines by duplication it several times. framer.com/projects/new?duplicate=Y1VCp1o5Ai8oH71XInLy
It didn't work here, I just did the remix, no changes. Do I need to configure something?
Hi, can you please explain what did not work. I've just checked the remix link. Everything is working.