--- title: "Fluid Card Animation in After Effects" description: "Fluid Card Animation in After Effects | Cuberto BlogServicesProjectsCompanyBlogContactsMenuServicesProjectsCompanyBlogContactsGet in touchinfo@cuberto.comOur workflowcontact-contact-contact-contact-Design Course5/27/2021Fluid Card Animation in After EffectsWe made it a top priority for design and interaction not to slow…" url: https://nexonsoftware.com/fluid-card-animation-in-after-effects/ date_published: 2026-06-07T17:21:43+00:00 date_modified: 2026-06-20T10:56:56+00:00 site: "Nexonsoftware" agent_standard: ugentic/1.0 --- Fluid Card Animation in After Effects | Cuberto Blog [https://nexonsoftware.com/?page_id=20&preview=true](https://nexonsoftware.com/?page_id=20&preview=true)[https://nexonsoftware.com/?page_id=20&preview=true](https://nexonsoftware.com/?page_id=20&preview=true) [Services](https://nexonsoftware.com/?page_id=21&preview=true) [Projects](https://nexonsoftware.com/?page_id=22&preview=true) [Company](https://nexonsoftware.com/?page_id=23&preview=true) [Blog](https://nexonsoftware.com/?page_id=24&preview=true) [Contacts](https://nexonsoftware.com/?page_id=25&preview=true) ### Menu [Services](https://nexonsoftware.com/?page_id=21&preview=true) [Projects](https://nexonsoftware.com/?page_id=22&preview=true) [Company](https://nexonsoftware.com/?page_id=23&preview=true) [Blog](https://nexonsoftware.com/?page_id=24&preview=true) [Contacts](https://nexonsoftware.com/?page_id=25&preview=true) ### Get in touch [info@cuberto.com](mailto:info@cuberto.com) [Our workflow](https://nexonsoftware.com/?page_id=20&preview=true) [https://nexonsoftware.com/?page_id=25&preview=true](https://nexonsoftware.com/?page_id=25&preview=true) Design Course 5/27/2021 # Fluid Card Animation in After Effects We made it a top priority for design and interaction not to slow down the user while still adding some fun gamification. With a job like this, we doubt anyone else would have put in so much effort to create similar stuff, but it’s a great example of how your work can be more professional and stand out from the mainstream. Besides, you can work on several skills at once in just one case. And that’s definitely worth your while, assuming you make time for it. Since this was a startup, we made it a top priority for design and interaction not to slow down the user while still adding some fun gamification. Let us just add that it’s not a fake animation and the source code is available on our Github. ![Fluid Card Animation in After Effects YouTube Video](https://nexonsoftware.com/wp-content/uploads/ugentic-clones/ugentic-clone-6a25a82190a88/img.youtube.com/212e6ede3205-maxresdefault.jpg) Share [https://www.facebook.com/sharer/sharer.php?u=https://cuberto.co/blog/fluid-card-animation-after-effects/](https://www.facebook.com/sharer/sharer.php?u=https://cuberto.co/blog/fluid-card-animation-after-effects/) [https://www.linkedin.com/sharing/share-offsite/?url=https://cuberto.co/blog/fluid-card-animation-after-effects/](https://www.linkedin.com/sharing/share-offsite/?url=https://cuberto.co/blog/fluid-card-animation-after-effects/) [https://twitter.com/intent/tweet?url=https://cuberto.co/blog/fluid-card-animation-after-effects/](https://twitter.com/intent/tweet?url=https://cuberto.co/blog/fluid-card-animation-after-effects/) Related Posts [How to Make UI/UX website // Frontend development](https://nexonsoftware.com/?page_id=40&preview=true) [How to Prepare Your Design Portfolio](https://nexonsoftware.com/?page_id=41&preview=true) [How to Cook an Emotional Site // Web Development](https://nexonsoftware.com/?page_id=38&preview=true) ## Have an idea? [Tell us](https://nexonsoftware.com/?page_id=25&preview=true) [info@cuberto.com](mailto:info@cuberto.com) Main office 901 N Pitt Street Alexandria VA, 22314 [+1 301 549 9309](tel:+13015499309) Second office Na Perstyne 342/1, 11000 Prague [Services](https://nexonsoftware.com/?page_id=21&preview=true)[Blog](https://nexonsoftware.com/?page_id=24&preview=true)[Projects](https://nexonsoftware.com/?page_id=22&preview=true)[Workflow](https://nexonsoftware.com/?page_id=20&preview=true)[Company](https://nexonsoftware.com/?page_id=23&preview=true)[Contacts](https://nexonsoftware.com/?page_id=25&preview=true) [Privacy Policy](https://nexonsoftware.com/?page_id=26&preview=true) 2026, Cuberto [https://www.instagram.com/cubertodesign/](https://www.instagram.com/cubertodesign/) [https://www.youtube.com/channel/UCzestFrXpwSGCfcbO2pObwQ](https://www.youtube.com/channel/UCzestFrXpwSGCfcbO2pObwQ) [https://github.com/Cuberto](https://github.com/Cuberto) [https://www.facebook.com/Cuberto.design/](https://www.facebook.com/Cuberto.design/) [https://dribbble.com/cuberto](https://dribbble.com/cuberto) [https://www.behance.net/cuberto](https://www.behance.net/cuberto)