Layouts for practicing animation skills (CSS, JS, GSAP)?

Question

css

Good morning!)
I don’t shine with imagination and a designer’s eye, but I really want to practice animating elements on real cases. There is no desire to animate squares and circles, and you can’t put it in your portfolio either.
Tell me, where can I get layouts in order to become more skilled in animation skills?
If anyone has real cases that he has already done a long time ago, I will be grateful if you give me tasks or layouts)

Answer 1

Here are interesting tasks in my opinion:
vertical scrolling and auto change
porschevolution.com/#2000s
horizontal screen change
hotdot.pro/#bilet2u
Interesting Parallax on the first screen
www.firewatchgame.com
several different effects
https://kirillpritula.com/en/
scrolling with different appearance effects
lavash26.ru
first screen cool menu made by
https://rizon.pro/
examples
https://threejs.org/examples/
product rotation, zooming in and out
www.manufaktur-sehen.de/brillenkonfigurator
a lot of things
https ://codepen.io/search/pens?q=animation

Answer 2

If the goal is just to train, without further mention in the portfolio, then you can take some ready-made case and repeat it yourself. For example, the site https://unawheel.eu try to start with such an animation and repeat it.

Answer 3

I don’t shine with imagination and the look of a designer

Are you sure you are on the right track?