Discover Seamless UI Animation Packs for Smooth Transitions

Discover Seamless UI Animation Packs for Smooth TransitionsDiscover Seamless UI Animation Packs for Smooth Transitions

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Blahomyr Popok

max

• May 13

UI animation pack I made for PageDeck.

Focused on smooth pacing, clean transitions, and loops that feel seamless without overcomplicating the motion.

Which loop works best for you? 👀

motiongraphics 2danimation videoeditor

Madob Acharjya

• May 13

Love this!

Emman Ermitaño

pro

• May 13

It feels quite seamless all right

Subash Chandra

pro

• May 13

Love this!

Luciano Spindola

pro

• May 13

Great project man, did you make in AE?

Blahomyr Popok

max

• May 13

Thanks, yeah

Atolani Adegbesan

• May 13

Clean, strategic, and highly effective. Every slide communicates with purpose. Strong presentation design here.

Picto Design Studio

pro

• May 14

Great work👏🔥🔥

Cipher UI

• May 16

Wow..this looks really cool..I imagine how long it would take...this looks so nice

Dannae Moreno

• May 19

I like how smooth it is! How did you choose the color palette?

Mahdia Ahmed

• May 21

Impressive work man.

Moksh Choudhary

• Jun 2

great project man

Webshocker Matjaz Valentar

pro

• Jun 3

Some work in progress on new 3d UI I'm working on. Still quite a few elements to create.

3D Design UI Design interfacedesigner

Atolani Adegbesan

• Jun 3

Nice work

Kris Anfalova

pro

• Jun 3

Every year, I build a design advent calendar to push my creative limits. Creating an interactive advent calendar has been my personal creative tradition for several years. For my latest iteration, the goal was to evolve this tradition by building an interface that truly feels alive.

I designed and engineered the "Summer Font Advent"—a motion-rich Single Page Application (SPA). Moving away from standard static screens, I built an immersive experience utilizing a continuous looping video background, tactile 3D CSS card reveals, and seamless state transitions without any page reloads.

I wanted to test the limits of modern AI tools to see if they could handle the complex front-end logic of my annual project. The initial workflow started with the visual concept and asset creation in Figma.

When the direct .fig import into Google Stitch couldn't fully parse my custom layout (due to raw files lacking strict design tokens), I had to pivot my strategy. As a designer, real-world workflows require adaptability.

I shifted to a prompt-driven engineering workflow. I used Stitch’s in-place AI edits and conversational prompting to manually orchestrate the experience. By feeding the AI my assets and guiding it step-by-step, I was able to build the HTML-native motion, ensure a fully responsive layout, and map out the complex state logic state-by-state.

The Outcome

Stitch proved to be a powerhouse for prototyping complex state logic and native HTML motion. Orchestrating the interactive states and fluid transitions through conversational prompting felt like magic and completely elevated the project.

To bring the project to the finish line, I used Stitch's export integrations to push the polished, heavy-lifting code into Lovable for the final, pixel-perfect deployment. This project perfectly illustrates my approach to modern design: using AI not to replace the creative process, but to elevate it into a living, tactile interface.

Tools & Tech Stack

Figma (Visual Design & Asset Generation) Google Stitch (State Logic, Layout & Native HTML Motion) Lovable (Final Build & Deployment) Link https://adventbykris.lovable.app Stitch project https://stitch.withgoogle.com/projects/8912616702499530796