DEV Community

Discussion on: Introducing Pckd - The most powerful ๐Ÿ’ช URL shortener

Collapse
 
just_moh_it profile image
Mohit Yadav

Thanks! I plan on creating the animations using Framer motion in the next revision of the app. The on in the GIF was simply created with After Effects. Hope this helps ๐Ÿงก

Collapse
 
itsrakesh profile image
Rakesh Potnuru • Edited

Can you share me After Effects template?

Thread Thread
 
just_moh_it profile image
Mohit Yadav

Haven't used the template as such

I used jitter.video to create the UI animation (the graph animations and fade in entry to elements) by exporting my figma designs using a their Figma plugin. The design files:

I exported these to 1080p (premium feature but you can get it for free by hacking their website (burp-suite + dev tools to change the is_subscription_active repsonse)) but I would not suggest doing that. I only did that because I was stuck with my hardwork going to vain because I didn't notice I could not export it to more than 720p without a subscription

Then, after exporting these to .mp4 files, I followed along this video to make the perspective-based animations, and it turned out pretty great!

Hope it helps โค๏ธ, cause I now wish I knew it when I just started out!

Thread Thread
 
itsrakesh profile image
Rakesh Potnuru

Thank you so much