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
I think this could be my favorite Framer code component I’ve created. Meet Page Transition Studio, you can add animated transitions between pages across 10 styles. My favorites are vertical strips and centre split. What’s yours? Check the live preview here
Thank you Nirooz! Which one is your favorite?
Good work, like the interaction
Thank you Robin! Which one is your favorite?
I like the horizontal one
Thank you for the feedback! lets connect Robin!
So cool, I love the transitions . Just curious, does it also have the option to change the colour of the transition screens ?
Thank youuu! and yes, you can change the color too!
Amazing work
Thank you! which one is your favorite?
Ten transition styles in one code component is a lot to maintain. How does it behave if a visitor navigates again before a transition finishes?
All ten styles share the same transition engine, navigation handling, and cleanup logic. If a visitor clicks another internal page link while a transition is running, that extra click is ignored. The current transition finishes first, then navigation becomes available again, so animations don’t overlap or queue up
Loved it!
Thank you! which one is your favorite?
Thank you so much 🔥
Which one is your favorite?
Looks great
Thank you! which one is your favorite?
That grid-tiles one looking good for me
Thank you for the feedback!!
Wow 😍
Thank you Noah! Which one is your favorite?
Vertical strips look super smooth! Custom Framer code components like this really elevate the overall UI and make web interactions feel premium. Solid work.
Thank you Muhammad! do you think Vertical strips is the best one among 10 other styles?
Definitely! Vertical strips offer the cleanest motion without overwhelming the user, but Centre split is a very close second. It really depends on the brand's aesthetic, but both feel super premium.
Woww thank you so much for the feedback! definitely helps a lot!
wow, I truly fall in love with the blue one
Thank you Mahmudul! Which one is your favorite among 10 styles?
I think first blue one
Thank you for the feedback!
Thank you Sahil! Which one is your favorite from 10 styles available?
love the interactions, so smooth 😍
Thank you Akbar! Which one is your favorite?
Lovely work
Thank you so much Afnan! Which one is your favorite?
Weldone ✌️
Thank you Sodiq! Which one is your favorite?
This is really amazing
Thank you Dim! Which one is your favorite among 10 styles?
This is super handy. Vertical strips is my favorite too, it feels so smooth.
Thank you Tabish! Really appriciate it! between the orange and blue hero background, which one do you think is better?
Thank you Cipher! Which one is your favorite among 10 styles?
Amazing
Thank you Seemak! Which one is your favorite?
Very great animations!
Thank you Ahmad! Which one is your favorite among 10 styles?
I like diagonal panels
Thank you for the feedback!
Wow! So cool
Thank you!! which one is your favorite?
Vertical strips for me. Feels the most deliberate of the set.
Thank you so much for the feedback!!
Awesome design !
Thank you! which one is your favorite?
Thank you! Which one is your favorite?
Very nice 😊
Thank you Esther! Which one is your favorite?
wow this is cool
Thank you! Which one is your favorite?
Loved it! the transitions are so smooth!
Thank you! Which one is your favorite?
Awesome visuals & Framer interactions! 🙌
Thank you so much Akin! which one is your favorite?
As I said they're all great but "grid tiles" one might be the best one 🙌
Thank you so much for the feedback! Lets connect!
OH WOW LOVE THIS
Thank you so much Saadia! Which one is your favorite?
yess thank youu!! it will add more premium vibe
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
Challenges
View all
Related posts
Just launched Lamplight - Best @framer Template for Psychologists & Therapists
Remix Link: https://framer.link/tj4w3W3
A calm, editorial website template with 2 CMS-powered concern pages, a journal, and FAQs copy that actually sounds human.
Amazing!
Designed for people who want the journey to feel as good as the destination.
Created a premium travel website concept for Wanderly, combining cinematic imagery with an editorial-style digital experience.
The goal was to make the website feel less like a typical travel booking platform and more like a luxury travel magazine you can interact with.
What I focused on:
• Premium travel brand direction
• Cinematic hero experience
• Editorial typography
• Destination and experience cards
• Strong visual storytelling
• Clear booking-focused CTA
• Social proof and traveler ratings
• Responsive web layout
• Luxury hospitality-inspired UI
The design uses warm neutrals, deep shadows, soft typography, and immersive imagery to create a sense of escape before the user even starts planning the trip.
Designed with a strong Figma + Framer-style approach, focusing on visual hierarchy, interaction, and conversion.
#WebDesign #TravelDesign #Figma #Framer #UIUX #LandingPage #LuxuryTravel #BrandDesign #WebDesignInspiration #Contra
Elegance hero
Which one grabs your attention and should be the main visual for a framer template thumbnail?
7 voted
50%
7 voted
50%
14 votes
Closed
Both works are great; it's hard to choose