Discover the best perspective websites created by professional designers. Get inspired and start planning your perfect perspective web design today!

JP Dionisio

This is a cool project that I found in Code Pen.
I tried to do it in Webflow and learned along the way.
Looks best in Safari

Inspired by a pen of Simon Goellner.
You can find it here: https://codepen.io/simeydotme/pen/PrQKgo

And was able to create the blend modes through Vincent's work.
You can find it here: https://webflow.com/website/My-Webflow-Sandbox

Feel free to clone this.
Enjoy! :)

Pokemon Card Holo Effect

Jonas Arleth

In this Webflow tutorial I will show you how to create a scroll animation with a 3D perspective. With a few tricks you can even make 2D objects look like 3D and bring a wow effect into your website.‍ To make the whole thing scale smaller easily, I use the Fluid Design System on the desktop breakpoint (see custom-CSS embed element).

Watch the tutorial here: https://youtu.be/NNGW2IlfNxA

3D Scroll Animation in Webflow

Alex Hartan

Experimenting with different kind of animations in Webflow. Feel free to clone it, share it, use it, edit it, and if you liked this, please hit Like!

go-farther

Kevin Haag

Here's MicroMonday #9: kinda video-gamey, use your arrow keys or your mouse to navigate.

--

⬛️ ⬛️ ⬛️ ⬛️ 🔲 🔲
Native Interactions

⬛️ ⬛️ 🔲 🔲 🔲 🔲
Custom Code

--

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

MM—009: Keyboard Menu

Master Flowmaker

Recreation of scroll behaviour in https://www.andreasantonsson.dev.

Inclined scroll and perspective effect done natively in @webflow.

Smooth scroll using Len's from @studiofreight.
Staggered chars using a small custom function.

Requested by @socoloffalex

Portfolio landing

Francesco Castronuovo

Hi my gorgeous friends of Webflow,

By playing with Webflow interactions and animations, 3D transforms, and a bit of Math, you can create a round text effect with absolutely no code.

Scroll till the end of the page to reveal one last scroll-into-view interaction effect! :)

Enjoy, clone, and feel free to leave a comment!

Have an awesome Webflow journey y'all,
Francesco

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

No Code Round Text Effect

Can you build a realistic iPad mockup in Webflow?

That's was my initial question, and it lead me on an interesting path...

A few days later, I am pretty happy with the result, and I'll be using this to present my designs to future clients.

If you like it, feel free to clone this template and leave a like while you're here 😁

interactive-ipad

While experimenting with 3D perspective, I found an unique way to expand the hamburger menu.

This is a simple but effective way to break out of the monotony of the dropdown menu on mobile. Feel free like and comment and to clone and tweak this project as you wish.

3D Menu Animation

Can you really recreate a 3D fly-by animation on a 2D plane?

While watching this video on Webflow University (https://www.youtube.com/watch?v=J2846GiZuLA), I was inspired by the aerial footage in the first 5 seconds of the clip, with a stunning drone view of the Golden Gate Bridge.

I asked myself the question: how can you re-create the same spectacular video in Webflow and can it be done on a flat plane?
 
This was a quick fun experiment, so it's only desktop compatible for now. Feel free clone this and tweak it as you like!

San Francisco

Valdis Zhvaginsh

Glitch effect and perspective [Cyberpunk 2077]

What IF Web

We’re excited to share this beautiful Hero Section cloneable, crafted by our very own Jacob Dobson and built with Finsweet's Client First. 🖌️

Featuring smooth interactions and animations, this hero section is perfect for making a great first impression. ✨

Classy Hero Animation w/ Interactive Preloader

WebDev For You

Welcome to daily interaction #95. This demo showcases a 3d marquee on page load.

For this demo I had two blocks inside of a wrapper with a perspective applied to it to create a 3d space. I also applied a self-perspective to the block themselves which seems to have altered the position of them as well. Still grasping the concept of self perspective and child perspective, but it's been a fun learning process. I then added text blocks inside of each left and right block. I set the overflow to hidden for both blocks so the text could move in and out of each block.

For the animation I just have the text move in from 100% to -100% on the x-axis. The duration of the text movement is 5 seconds. The second text has a delay of 2.5 so the animation works because the text blocks have the same width. Also the easing is set to linear so the easing doesn't effect the time and the text looks like it's just passing through each block.

Inspired by: https://codepen.io/comehope/pen/GdrrZq

WebDev For You - Daily Interaction #95

Mubarak Marafa

Using a combination of simple and subtle interactions, I added depth and perspective to these cards! Doesn't the food look like you can just reach out and grab it?

Watch how I built this here: https://www.youtube.com/watch?v=4VaLk5cIHME

3D Food menu cards

También

Happy to develop on Webflow the brand new Angell's website, the best mobility experience for change the city.

Angell / S

Image distortion

No custom code, everything @webflow native

This interaction is one step forward to build something similar to https://andreasantonsson.dev. This was requested by @socoloffalex. 

The full build coming soon.

049 - 100 days of @webflow interactions

#49 Image distortion

Harshit Agrawal

Hii Everyone!
It's super Interesting to learn 3D in Webflow.
I made a basic table all using div blocks :)

Any 3D Shapes and Ideas you have in your mind? Share with me and I will try to make it live.
Thanks

3D Table with Div Blocks

Iain Freestone

More experiments in 3D effects using Webflow. Created using perspective and multiple divs each with a increased Y rotation transform to give the impression of a sphere.

rotating-sphere

Zeltac Dev

A smooth 3D coverflow carousel with centered focus and cinematic tilt. The active slide stays front and center while side slides rotate in perspective for a dynamic, high-impact look. Perfect for product showcases, portfolios, testimonials, and image galleries where you want the spotlight effect without clutter.

Coverflow Slider - Zeltac Slider

102022939

102976941

1038319252

gpt-4.1-nano

1070795817

112746687

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

Unlock more for your business with the

1131232030

Custom code and scripts won’t be supported.

Custom code

You won’t be able to export HTML and CSS files.

Code export

You won’t be able to manage site-level access and publishing.

Site-level roles & permissions

{{count}} {{sites}} {{exceed}} client seat limit. Excess seats will be removed.

Client seats

Free guest access to client Workspaces won’t be available.

Guest access

Staging sites will be unhosted with limited CMS, and no passwords or redirects.

Staging sites

1138017326

claude-sonnet-4-5

1186914386

claude-opus-4-6

1274323923

140432223

1462086697

1506258256

1514009179

1567550242

1592612642

1609688815

1621889036

1631162196

1692956854

1726628865

173927913

1771795565

1863160016

1870758752

1905118106

1975670756

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2144870841

2167006968

2216482092

2250401860

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2493307210

2546957535

2624148589

2639613659

265457401

gpt-5.4

2717840929

2749253609

2789269995

2842505721

284989039

285302288

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

2940878268

3022611874

3023147062

3026881092

3070246498

307653616

3106924665

3108168977

3112069432

3120801339

3125710258

3151661775

3162101956

301 Redirects

Custom Code

Code Export

Site Transfer

Join client workspaces for free and add up to 5 users from your workspace

Guest Access

Limited seats available, n sites will have client seats removed

Client Seats

Staging sites will be unhosted with limited CMS and no passwords or redirects.

Staging Sites

3201643127

3220870747

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3417108561

3452464914

3458155273

gemini-3.1-pro-preview

3497785011

3590523401

3591394191

3661799733

3669004489

3736611573

3737116140

3844506029

3879263312

Learn best practices for collaborating with clients in Webflow.

Sell your apps on the Webflow Marketplace.

Learn about structuring seats, roles, and permissions in your Workspace

Earn commissions, access resources, and grow your business with Webflow.

Request access for your team to collaborate in a client’s Workspace.

Charge your client for a Site plan directly in Webflow.

Earn more by selling templates on the Marketplace.

Start building your site with AI, a prebuilt template, or from scratch.

Add your team members to start collaborating on sites.

Watch a quick intro to what you can build in Webflow.

3913199261

3919299810

392490161

3934148661

3941255684

3956476210

3960693283

3972857978

4040286650

4063605209

4092459378

4092855684

4094645560

4103643638

4129260915

4144203485

4178901499

4195171643

4206156914

Best Perspective Websites | Free Examples & Designs

Discover Perspective websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Perspective websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Perspective websites
built by the Webflow community