Top videos

Learn Framer in 20 Minutes (Crash Course)
Learn Framer in 20 Minutes (Crash Course) 121gamers 2 Views • 4 months ago

FREE TRAINING: 3 Steps to Build a Thriving Web Design Career 👉 https://bit.ly/3Tiua2G

In this tutorial I'm going to teach you the basics & fundamentals of Framer. So you can customize and build whatever you'd like to build for your projects.

Clone our Figma project to try rebuilding it using Framer yourself 👉 https://www.flux-academy.com/s....ignup/framer-crash-c

Unlock the full power of Framer to build websites that wow your clients! Enroll in Flux Academy's Framer Masterclass 👉 https://bit.ly/3XS8Pi3

NOTE: Since this video was made, Framer has deprecated the Spply page. You can now find the Text Animation Component here 👉 https://framer.university/reso....urces/text-animation

📽️ CHAPTERS
00:00 - Intro
00:13 - Project Overview
00:44 - Building in Framer
01:08 - Framer Components
04:25 - Layout Setup
06:30 - Ready Made Components
07:30 - Stacking
10:47 - Adding Effects
13:00 - Frames
16:19 - Buttons As Components

Create a new Framer account 👉 https://framer.link/ransegall

🎨 FREE RESOURCES FOR DESIGNERS 👉 https://bit.ly/3vl6UZr

📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 https://www.instagram.com/flux.academy/
Ran's Instagram 👉https://www.instagram.com/ransegall/

How I Learned Framer FAST (As a Beginner)
How I Learned Framer FAST (As a Beginner) 121gamers 2 Views • 4 months ago

Framer Website Templates: https://hxmzaehsan.com/youtube
Try Framer for Free: https://hxmzaehsan.com/framer
Book a 1-1 Call: https://cal.com/hxmzaehsan/coaching

In this video, I'll be walking you through my process when it came to learning how to build websites in Framer.

Follow me on:

X (Twitter): https://twitter.com/hxmzaehsan

Framer Tutorial: Build a Site That Actually Looks
Framer Tutorial: Build a Site That Actually Looks 121gamers 2 Views • 4 months ago

→ Framer Course Waitlist: https://framer.university/waitlist
✔︎ Create a free Framer account: https://framer.university/free-account

In this tutorial, you're building your first website in Framer from complete scratch. Do you know a better way to start 2026? We're going to be covering topics such as mastering site structure and breakpoints, understanding the nuances of absolute versus relative positioning, and leveraging code components to take your site to the next level. You will also learn how to integrate videos, build reusable components for hover animations, apply advanced creative effects, and optimize your entire project for mobile with a responsive navigation and professional footer.

→ Remix the tutorial project: https://framer.link/JvDDb3x

0:00 - Introduction & Final Website Preview pasted
02:20 - Course Roadmap, Remix File & How to Follow Along
08:00 - Framer Interface Overview (Pages, Assets, Preview, Styles)
18:00 - Typography Setup & Hero Text Design
33:00 - Building Buttons from Scratch (Frames, Stacks, Layout Logic)
50:00 - Components & Variants (Reusable Buttons, Text & Link Variables)
01:10:00 - Core Layout Architecture (Sections, Containers, Stacks)
01:28:00 - Breakpoints & Responsive Structure Strategy
01:45:00 - Code Components: 3D Globe Integration
02:02:00 - Absolute Positioning, Layering & Z-Index Control
02:15:00 - Video Component Build (Aspect Ratios, Overlay, Play Button)
02:32:00 - Hover Interactions, Pointer Events & Component Animations
02:33:00 - Wrap-Up, Resources & Final Notes


Follow me on:
X: https://twitter.com/learnframer
Instagram: https://instagram.com/framer.university

Master No-Code Web Design with Framer - 4-hour Free Course
Master No-Code Web Design with Framer - 4-hour Free Course 121gamers 2 Views • 4 months ago

In this 4-hour free course, you'll learn to create beautiful, modern interfaces. Sponsored by https://framer.com

Start with dark mode and glass designs, then move from Figma to Framer, using stack and grid layouts for responsive websites. Add animations, scroll effects and custom components.

- Final site:
https://significant-nature-656376.framer.app

- Figma template: https://www.figma.com/communit....y/file/1349410423606

- Framer Remix: https://framer.com/projects/new?duplicate=nIehHcqxA4c8HTksIYKC

- Watch on DesignCode with full content: https://designcode.io/framer-web-design-intro

----------
GETTING STARTED

This course is perfect for beginners! No need for prior coding or web design experience. We'll guide you through everything step by step, starting from the basics. However, a little familiarity with computers and understanding the basics of HTML and CSS will be helpful.

Here's how to begin:

- View the final site to get inspired and see what you'll be able to create by the end of this course: https://significant-nature-656376.framer.app

- Sign up at Framer to join the community and start designing: https://www.framer.com.

- Get the Remix link to dive into the design file with ease: https://framer.com/projects/new?duplicate=nIehHcqxA4c8HTksIYKC.

- Download the Figma file to start with ready-made designs: https://www.dropbox.com/scl/fi/r6914i8almfd6jgon1v34/Framer-Course.fig.zip?rlkey=08k2klxw5g7dlj2j9axuqv4x7&dl=0.

Or skip ahead using the Framer template: https://framer.com/projects/new?duplicate=nIehHcqxA4c8HTksIYKC.

- Framer Desktop App: Enhance your designing workflow by downloading the app or work directly in your browser: https://www.framer.com/downloads/.

- Framer Academy: A treasure trove of documentation at your fingertips. Visit the Framer Academy: https://www.framer.com/academy/topics/start.

- Learn Framer UI: Master the basics of Framer's user interface here: https://www.framer.com/features/design-layout/.

----------
ABOUT FRAMER

Framer is your go-to web design tool for crafting stunning, interactive websites with ease. Designed for a smooth transition for Figma users, it boasts a comprehensive Figma plugin for quick layout imports. With a wealth of preset templates, components, dynamic effects, and even AI-powered tools, Framer is both powerful and accessible, regardless of your experience level.

Dive in and start creating! This course will open up a whole new world of web design possibilities for you. Let's make something amazing together.

0:00:00 Intro to Course
0:03:07 Getting Started
0:07:08 Create your first layout
0:20:55 Framer AI
0:28:21 Basic Layout
0:43:47 Animated Text
1:02:03 Figma to Framer
1:15:16 Adaptive Layout
1:27:22 Breakpoints
1:41:19 Components
1:52:15 Effects
2:03:33 Scroll Speed
2:18:51 Scroll Variants
2:31:04 Copy Components
2:41:04 Grid Layouts
2:52:28 Icon Animation
3:03:31 Code Components
3:15:42 Property Controls
3:25:05 Code Overrides
3:38:25 CMS
3:52:49 Search and Conclusion

----------
FOLLOW MY JOURNEY

Twitter: http://twitter.com/mengto
Instagram: http://instagram.com/mengto
TikTok: https://www.tiktok.com/@mengto.design

#framer #webdesign #nocode

Learn Framer for Web Design FAST (Beginner Friendly)
Learn Framer for Web Design FAST (Beginner Friendly) 121gamers 2 Views • 4 months ago

If you’ve ever opened Framer and thought, “what even is a frame or a stack?” — this video is for you.

In this quick beginner tutorial, I’ll walk you through the basics of Framer — from understanding frames and stacks to how they work together to build clean, responsive website layouts (without touching code!).

You’ll learn:
✨ What frames and stacks actually mean
✨ How to structure your Framer canvas like a pro
✨ Simple layout tips to keep your designs consistent
✨ How to make your site responsive the easy way


Join the Patreon community here for weekly exclusive graphic design tutorials and to connect with other creatives!!!
use code: YOUTUBESUBS for 15% off:
https://patreon.com/curatedcollectiveco

---------------------------------------

// WHERE TO FIND ME //

join my community or take my courses:
https://curatedcollectiveco.com/

instagram:
https://www.instagram.com/meganweeksdesign/

pinterest:
https://www.pinterest.com/meganweeksdesignco/

online portfolio:
https://meganweeksdesignco.com/

collaboration or business inquiries:
support@meganweeksdesignco.com

---------------------------------------

// MY FREE GRAPHIC DESIGNER RESOURCES //

GET THE FREE WEBSITE DESIGN PROCESS GUIDE HERE:
https://view.flodesk.com/pages..../6333c1377a59217f232

PRE-WRITTEN EMAILS FOR YOUR GRAPHIC DESIGN BUSINESS:
https://view.flodesk.com/pages..../6438202be83ecbda707

WEBSITE IN A WEEK PROCESS GUIDE:
https://view.flodesk.com/pages..../64c0bb6ad206cffe611

BRAND DESIGN ROADMAP:
https://view.flodesk.com/pages..../645bf9ca2efd35a7e39

FREE LOGO DESIGN QUESTIONNAIRE:
https://view.flodesk.com/pages..../63edbe7c8e06d4dae94

PROJECT MANAGEMENT WORKFLOW:
https://view.flodesk.com/pages..../64aefc19e181ddda00f

HOW TO GO FROM HOURLY FREELANCER TO TRUSTED DESIGNER
GET MY FREE TRAINING VIDEO 💥
https://view.flodesk.com/pages..../62f40298e5ea6b3d8ae

---------------------------------------

// TAKE MY COURSES //

LOGO DESIGN: SIMPLIFIED
https://courses.curatedcollect....iveco.com/courses/lo

DUBSADO DECODED: PROJECT MANAGEMENT
https://courses.curatedcollect....iveco.com/courses/du

GUIDE TO: LANDING GRAPHIC DESIGN CLIENTS
This course has 5 video led modules, a downloadable e-book and you will be able to join my community as well 💕
https://meganweeksdesignco.thi....nkific.com/courses/g

✨ WordPress Website Design Course ✨
https://meganweeksdesignco.thi....nkific.com/courses/w

✨ Custom Branding Process Course ✨
https://meganweeksdesignco.thi....nkific.com/courses/c

NOW OFFERING BRAND + WEB DESIGN COURSES IN A BUNDLE 💥
https://meganweeksdesignco.thi....nkific.com/bundles/b

---------------------------------------

// OTHER HELPFUL LINKS //

Join my email list for more helpful design tips:
https://view.flodesk.com/pages..../61eed0f36114df05454

LIKE MY EMAIL STYLE?! JOIN FLODESK FOR 50% OFF
https://app.flodesk.com/sign-up?ref=80647W

GET DUBSADO (my project management system):
https://www.dubsado.com/?c=meganweeks

SITEGROUND (my favorite website hosting for WordPress):
https://www.siteground.com/go/meganwdesignco

---------------------------------------

*I do make a commission on some of the links in this description box. Thank you so much for the support.*

#graphicdesign #framer #webdesign

Learn Framer in 3 Days - Day 1
Learn Framer in 3 Days - Day 1 121gamers 2 Views • 4 months ago

My Framer Plugins 👉 https://insertframe.io/
My Framer Course 👉 https://ultimateframercourse.com/

In this Framer Tutorial series, I teach how to build & publish your first Framer website in 3 days.

See you in part 2!

Framer Card Overlap Tutorial (with Matt Jumper)
Framer Card Overlap Tutorial (with Matt Jumper) 121gamers 2 Views • 4 months ago

In this video Matt Jumper (Twitter @mattjumper) walks you through how to make a card overlap scrolling effect in Framer in under 5 minutes. You'll be writing zero lines of code and will only need to use two things in Framer to get it done.

Remix Link 👉 https://framer.com/projects/new?duplicate=iX7EQHmHz6FrKDTSydnr&ref=mattjumper
Demo 👉
https://card-overlap.framer.website/
Create a new Framer account 👉 https://framer.link/ransegall

Get ahead of the game by mastering Framer with Flux Academy 👉 https://bit.ly/3NYmtvz

📽️ CHAPTERS
00:00 - Intro
01:01 - Project Overview
02:13 - What is Sticky
04:00 - Scroll Transform


📱 Find us on SOCIAL MEDIA
Matt's YouTube channel 👉 @mattjumper
Matt's X (Twitter) 👉 @mattjumper
Flux Academy's Instagram 👉 https://www.instagram.com/flux.academy/
Flux Academy’s TikTok 👉 https://www.tiktok.com/@fluxacademy/

#framer #webdesign #freelancewebdesigner #webdesigner

AgentZero: FREE AI Super Agent Automates ANYTHING! 🤯
AgentZero: FREE AI Super Agent Automates ANYTHING! 🤯 121gamers 2 Views • 4 months ago

Want to make money and save time with AI? Get AI Coaching, Support & Courses 👉 https://juliangoldieai.com/07L1kg

Get a FREE AI Course + 1000 NEW AI Agents 👉 https://juliangoldieai.com/5iUeBR

Want to know how I make videos like these? Join the AI Profit Boardroom → https://juliangoldieai.com/07L1kg

Agent Zero Tutorial: Build Apps, Sites & Tools for Free

Learn how to set up and use Agent Zero, a powerful AI agent that runs locally on your machine for free. Discover how to build everything from simple apps to complex research tools using my beginner to advanced prompting guide.

00:00 - Intro to Agent Zero
00:44 - Step-by-Step Setup Guide
01:14 - Beginner Level: Build a To-Do App
03:11 - Intermediate: Pomodoro Timer Specs
04:49 - Advanced: Research & Analysis Agent
06:30 - Mastering Prompting Levels
07:28 - Final Steps & What to Build

AgentZero + Ollama is INSANE (FREE!)
AgentZero + Ollama is INSANE (FREE!) 121gamers 2 Views • 4 months ago

Want to make money and save time with AI? Get AI Coaching, Support & Courses 👉 https://www.skool.com/ai-profit-lab-7462/about

Get a FREE AI Course + 1000 NEW AI Agents + Video Notes 👉 https://www.skool.com/ai-seo-w....ith-julian-goldie-15

Want to know how I make videos like these? Join the AI Profit Boardroom → https://www.skool.com/ai-profit-lab-7462/about

Get a FREE AI SEO Strategy Session: https://go.juliangoldie.com/st....rategy-session?utm=j

Get the AI Client Acquisition Engine: https://www.skool.com/the-content-clone-9266/about

Run Agent Zero Locally for FREE: Powerful AI Agents with Ollama

Learn how to set up and run Agent Zero locally using Ollama and the GLM 4.7 Flash model for a completely free AI agent experience. This tutorial covers the full installation process via Docker and demonstrates how to build functional apps using local LLMs.

00:00 - Intro: Agent Zero vs OpenClaw
00:32 - Setting up Ollama & GLM 4.7 Flash
01:54 - Installing Agent Zero with Docker
02:32 - Configuring Local API Settings
04:48 - Coding Demo: HTML Pomodoro Timer
06:47 - Benefits of Local AI Agents
09:49 - AI Profit Boardroom & Resources

AgentZero: FREE AI Super Agent is INSANE🤯
AgentZero: FREE AI Super Agent is INSANE🤯 121gamers 2 Views • 4 months ago

Want to get more customers, make more profit & save 100s of hours with AI? https://go.juliangoldie.com/ai-profit-boardroom

Free AI Community here 👉 https://www.skool.com/ai-seo-w....ith-julian-goldie-15

🚀 Get a FREE SEO strategy Session + Discount Now: https://go.juliangoldie.com/strategy-session

🤯  Want more money, traffic and sales from SEO? Join the SEO Elite Circle👇
https://go.juliangoldie.com/register

🤖 Need AI Automation Services? Book an AI Discovery Session Here: https://juliangoldieaiautomation.com/

Click below for FREE access to ✅ 50 FREE AI SEO TOOLS 🔥 200+ AI SEO Prompts! 📈 FREE AI SEO COMMUNITY with 2,000 SEOs ! 🚀 Free AI SEO Course 🏆 Plus TODAY's Video NOTES...
https://go.juliangoldie.com/chat-gpt-prompts

- Want a Custom GPT built? Order here: https://kwnyzkju.manus.space/
- Join our FREE AI SEO Accelerator here: https://www.facebook.com/groups/aiseomastermind
- Need consulting? Book a call with us here: https://link.juliangoldie.com/....widget/bookings/seo-

Master Agent Zero: The Ultimate Free AI Super Agent for All Your Tasks!

Discover Agent Zero, the powerful and free AI super agent, as we explore its capabilities in this video. From building dynamic web pages and coding interactive games, to real-time data retrieval and automating trip planning, Agent Zero does it all effortlessly and autonomously. Learn how to set it up using Docker, and get tips on generating versatile prompts. Dive into a comparison with other paid AI services like Manus and see how Agent Zero outshines them in speed and efficiency. Plus, get access to comprehensive guides, prompt ideas, and extensive resources inside the AI Success Lab and AI Profit Boardroom to fully harness the potential of this remarkable tool. Don't miss out on transforming your workflow with Agent Zero!

00:00 Introduction to Agent Zero
01:09 Setting Up Agent Zero with Docker
02:04 Testing Agent Zero's Capabilities
03:20 Comparing Agent Zero with Paid Alternatives
04:29 Advanced Features and Customization
07:37 Exploring Web Browsing and Automation
12:38 Final Thoughts and Additional Resources

Showing 558 out of 559