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 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

Ready to learn how to build beautiful websites without using code? Start with this video where you will learn the fundamentals of Framer by following along with Matt Jumper.

Download the Figma file to follow along 👉 https://www.figma.com/design/JaehvtBGSiFQyXCDxaMtxl/Framer-Crash-Course?node-id=24-391&t=e75e4rabEDpUGYCE-1

Unlock the full power of Framer and build stunning websites that wow your clients! 🤩 Enroll in The Framer Masterclass 👉 https://bit.ly/4ipKbyD

Chapters (check times in final edit)
0:00 Intro
0:26 Styles and content
2:38 Layout
9:28 Components
18:39 Navigation
24:58 Responsive states

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

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

Stacks allow us to create rows or columns of elements that automatically align, distribute, and space themselves within the available space. Which not only means less tedious scaling and repositioning for us on the canvas — but also lets us build bulletproof layouts that can flex and adapt when things change size in browser.

Stacks not only unlock relative positioning — but also new sizing options that can make elements fill their parent — or make a parent frame automatically fit its children.

In this lesson, we’re going to look at how Stacks and Relative positioned layers work, how they make our lives easier, and of course when to use them.

If you’re already familiar with auto-layout in Figma or Flexbox in CSS, you’ve got a head start — but either way, you’re in the right place because we’re going to start with the basics.

00:00 Intro
00:09 What stacks do and why they matter
00:20 Stacks and relative positioning
00:37 Turning frames into stacks
01:12 Relative positioning behavior in stacks
01:55 Common use cases for stacks
02:25 Fitting stacks to content
03:02 Creating stacks from scratch or wrapping layers
03:55 Default stretching behavior for new stacks
04:16 Stack properties: direction and distribution
05:26 Adjusting gaps between elements
05:55 Aligning elements on the cross axis
06:11 Using padding effectively
06:44 Wrapping elements in stacks
07:02 Applying stack layouts to breakpoint frames
07:45 Wrap up

🌞 Start for free: https://framer.link/yt
📚 Learn more at: https://framer.link/yt-academy
💎 Join the Community: https://framer.link/yt-community
🎉 Follow on X: https://framer.link/yt-x

Ready to design a fully responsive portfolio, and publish it with just one tool?
Start creating for free at https://framer.link/Dansky and use code DANSKY for a free month of Framer Pro.

This video is sponsored by Framer.

Things have changed in 2025. Here’s the key differences between these web design tools, to help you figure out which one is right for you.

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

🚀 Launch a thriving career in web design with our proven 3-step plan. Discover more about Web Career Ignite 👉 https://bit.ly/4lvxu7n

Learn to build custom websites the easy way with Webflow. Enroll in Webflow Masterclass 👉 https://bit.ly/3Yx0TEe

Master Framer and build stunning sites at lightning speed. Enroll in Framer Masterclass 👉 https://bit.ly/3RgA43m


📱 Find us on SOCIAL MEDIA
Ran's Instagram 👉 https://www.instagram.com/ransegall/
Ran's X (Twitter) 👉 https://twitter.com/ransegall
Flux Academy's Instagram 👉 https://www.instagram.com/flux.academy/
Flux Academy's TikTok 👉 https://www.tiktok.com/@fluxacademy

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!

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

Quickstart guide for Agent Zero using Docker Desktop and OpenAI models (updated)


Web:
https://agent-zero.ai

Skool:
https://www.skool.com/agent-zero

Discord:
https://discord.gg/B8KZKNsPpj

GitHub:
https://github.com/agent0ai/agent-zero

X:
https://x.com/Agent0ai

WarpCast:
https://warpcast.com/agent-zero

Docker image:
agent0ai/agent-zero

Presentation of Agent Zero AI system
Video had to be redacted and re-uploaded because of YT policy

GitHub:
https://github.com/frdel/agent-zero

Web:
https://agent-zero.ai

Docker image:
frdel/agent-zero-run

Skool:
https://www.skool.com/agent-zero

Discord:
https://discord.gg/B8KZKNsPpj

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

Access Agent Zero from your phone!


Web:
https://agent-zero.ai

Skool:
https://www.skool.com/agent-zero

Discord:
https://discord.gg/B8KZKNsPpj

GitHub:
https://github.com/agent0ai/agent-zero

X:
https://x.com/Agent0ai

WarpCast:
https://warpcast.com/agent-zero

Docker image:
agent0ai/agent-zero

Your AI agent shouldn't have access to your entire computer. Most agentic AI frameworks give autonomous AI command-line access to everything — which is a disaster waiting to happen.

But not Agent Zero.

In this complete walkthrough, I'll show you how to set up Agent Zero — a powerful, open-source autonomous AI framework — paired with Venice AI for completely private operation. No data harvesting. No privacy compromises. Just powerful AI automation that stays in its lane.

Start using Venice TODAY: https://venice.ai

What you'll learn:
• Install Docker Desktop and understand why container isolation protects your files
• Configure Venice API for private, cost-effective model access
• Select the right models for chat, utility, and browser tasks (with privacy/cost tradeoffs explained)
• Generate images using Venice's API directly through Agent Zero
• Build a persistent memory system that learns from your conversations
• Create custom sub-agents that get called automatically — no coding required

Resources:
• Agent Zero GitHub: https://github.com/agent0ai/agent-zero
• Venice API Docs: https://docs.venice.ai
• Docker Desktop: https://www.docker.com

00:00 — Why Private AI Agents Matter Now
00:53 — Installing Docker Desktop (The Easy Way)
02:03 — Pulling Agent Zero Into Your Container
03:15 — Connecting Venice API for Complete Privacy
04:04 — Choosing Models: Privacy vs. Performance Tradeoff
08:05 — First Test: What Can Agent Zero Actually Do?
09:26 — Setting Up Image Generation with Venice API
11:39 — Generating Your First AI Image
13:06 — The Memory System That Changes Everything
16:31 — Creating Custom Sub-Agents (No Coding!)
20:03 — From Images to AI Video Generation
23:18 — What You Can Build From Here

By the end, you'll have a fully functional AI agent that remembers your preferences, generates images on command, and can be extended with specialized sub-agents — all while keeping your data private.

This video was created by @jordanurbsAI — check out his channel for more tutorials on building businesses with AI.

MCP Server + Client functionality added to A0!

Web:
https://agent-zero.ai

Skool:
https://www.skool.com/agent-zero

Discord:
https://discord.gg/B8KZKNsPpj

GitHub:
https://github.com/agent0ai/agent-zero

X:
https://x.com/Agent0ai

WarpCast:
https://warpcast.com/agent-zero

Docker image:
agent0ai/agent-zero

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

Get a VPS with Hostinger: https://hostinger.com/davidondrej
Use code David ;)

Wanna scale your AI business? Go here: https://www.scalesoftware.ai/start

Wanna learn how to code with AI? Go here: https://www.skool.com/new-society

Learn about the best AI Business models here - https://www.youtube.com/watch?v=Ta5g-OxjPO4

Follow me on Instagram - https://www.instagram.com/davidondrej1/
Follow me on Twitter - https://x.com/DavidOndrej1

AgentZero: https://github.com/agent0ai/agent-zero
YouTube: @AgentZeroFW

Subscribe if you're serious about AI.

How to host Agent Zero on a VPS

www.vectal.ai

Hey tech surfers! 🏄‍♂️

Join me in this coding adventure as I explore Agent Zero ( https://github.com/frdel/agent....-zero/blob/main/docs ) - a fascinating open-source framework for building autonomous AI agents! I'll show you how to run it locally in a Docker container (for safety first! 🛡️) and test some cool features like:

🎯 What you'll see:

Real-time data analysis
Voice-to-text transcription
Dynamic temperature adjustments
Working with online & local files
Self-improving code generation

🔍 Watch how Agent Zero:

Generates agents on the fly
Installs its own dependencies
Debugs and improves its own code
Handles multiple tasks organically

🎸 Even with some bugs in code generation, this tool rocks! Perfect for developers looking to experiment with AI agents in a safe environment.

Invite me a coffee ☕️:
https://ko-fi.com/byteboarder

🔧 Want to dive deeper into AI and development?
Email: daniel.riano93@gmail.com
Portfolio: https://www.byteboarder.dev/
LinkedIn: https://www.linkedin.com/in/darg93/
Book a FREE consultation: https://calendly.com/daniel-riano93

#AgentZero #AIAgent #SoftwareDevelopment #Docker #PythonProgramming #OpenSource #TechTutorial #AITechnology #DeveloperLife #CodingCommunity

Welcome to Episode 014 of "How I Use A.I. Tools"! Today, we're taking our journey into the world of AI agents to a whole new level with Agent 0. This isn't just a tool; it's an autonomous system that can find solutions and build applications for you.

You've seen us work with Roo Code, but Agent 0 is on a completely different playing field. I'll show you why it's my new go-to for complex tasks by demonstrating three incredible use cases:

Problem-Solving: Watch as Agent 0 autonomously browses the web (including sites like Reddit) to diagnose and provide a solution to my GPU configuration issue, all without me telling it where to look.

Knowledge Integration: I'll show you how Agent 0 can use your own documents—in this case, motherboard manuals—as a knowledge base to find specific, targeted information, making its answers incredibly precise.

Full Application Development: I'll have Agent 0 build a standard Todo list application. But unlike other tools, you'll see how Agent 0 uses a built-in browser and Playwright to test the UI, take screenshots, and even test the backend with curl commands—something most code agents can't do yet.

I'll also walk you through the simple Docker setup and configuration so you can get Agent 0 running on your own machine. We'll cover how to get the files it generates and how to set up your LLMs for optimal performance.

Agent 0 is a glimpse into the future of AI-powered workflows. If you're ready to supercharge your productivity and tackle complex problems with a smarter AI, you can't miss this video!

Check out the project and its documentation at: https://agent-zero.ai