Build a 3D Site Without Code with Framer - Crash Course

3-hour course for beginners on designing a multi-page site with 3D assets, animations, adaptive layouts and CMS
Sponsored by https://www.framer.com/?utm_source=designcode&utm_medium=youtube

Final site: https://soft-buttons-231170.framer.app
Template: https://framer.com/projects/ne....w?duplicate=jVScTJ0E
Assets: https://www.dropbox.com/s/f4jo6h50mc9vlxf/Framer%20Site.zip?st=p2nfogg8&dl=0
Text content: https://designcode.io/framer-3d-site

Spline URL #1: https://my.spline.design/frame....rcopy-bd9e7275da55eb
Spline URL #2: https://my.spline.design/dacco....rd-49093ae84c00862e2

Imagine being able to create a fully functional site from a design tool without writing a single line of code. Framer offers the power of CSS layouts and animations with the familiar and quick editing capabilities of Figma. You can deploy and iterate almost instantly without having to wait for builds and you have essential features like search engine optimizations and a content management system.

0:00 Intro to Framer
4:06 3D Animation and Text Styles
15:50 Stacks and Adaptive Layout
32:46 Components and Interactions
48:17 Top Bar Menu Animation
01:06:32 Scroll Parallax
01:29:05 Appear Animation
01:45:52 Overlay and Forms
02:03:40 Pages and Breakpoints
02:19:55 CMS and Content

#webdesign #uidesign #nocode