Interactive 3D Framer Website

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Website

Interactive 3D Framer Website

This is an interactive 3D website in Framer, built with the help of Spline. Feel free to remix the project and see how it's put together.

You can click this link to get the starter file I used in the tutorial video, so you can follow along.

image of Nandi Muzsik

Created by

Interactive 3D Framer Website
Interactive 3D Framer Website
Interactive 3D Framer Website
Building 3D Websites With Spline and Framer (No-Code)

Related Lesson

Building 3D Websites With Spline and Framer (No-Code)

Building 3D Websites With Spline and Framer (No-Code)

Related Lesson

Building 3D Websites With Spline and Framer (No-Code)

Building 3D Websites With Spline and Framer (No-Code)

Related Lesson

Building 3D Websites With Spline and Framer (No-Code)

About the resource

I used a free 3D scene from the Spline library that I adjusted to fit the dark color theme of the website.

Then I got the Spline Viewer export code and pasted it within an embed component.

You can watch the full video tutorial by clicking here.

About the resource

I used a free 3D scene from the Spline library that I adjusted to fit the dark color theme of the website.

Then I got the Spline Viewer export code and pasted it within an embed component.

You can watch the full video tutorial by clicking here.

About the resource

I used a free 3D scene from the Spline library that I adjusted to fit the dark color theme of the website.

Then I got the Spline Viewer export code and pasted it within an embed component.

You can watch the full video tutorial by clicking here.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Framer landing page with 3D floating mobile screens showcasing finance and crypto app designs, featuring 'Start With Framer' headline and no-code website builder tagline

    Animated Mini Website Template for Framer

    Website

    Framer landing page with 3D floating mobile screens showcasing finance and crypto app designs, featuring 'Start With Framer' headline and no-code website builder tagline

    Animated Mini Website Template for Framer

    Website

    Framer landing page with 3D floating mobile screens showcasing finance and crypto app designs, featuring 'Start With Framer' headline and no-code website builder tagline

    Animated Mini Website Template for Framer

    Website

  • Draggable Freeform Canvas Website in Framer

    Draggable Freeform Canvas Website in Framer

    Website

    Draggable Freeform Canvas Website in Framer

    Draggable Freeform Canvas Website in Framer

    Website

    Draggable Freeform Canvas Website in Framer

    Draggable Freeform Canvas Website in Framer

    Website