Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Scroll animation build in claude code.

adamhmwn's profile picture

Himawan

1,460 subscribers

35,116 görüntüleme • 2 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

How i build with Claude + Higsfield 🐉 Step 1: generate all scenes in Higsfield as MP4 Step 2: paste URLs into Claude, say embed as scroll-triggered WebGL textures Step 3: Claude writes Three.js, Higsfield supplies the visuals Step 4: tell Claude trigger each video at 25% 50% 75% scroll Step 5: ask Claude to wrap hero video in autoplay muted loop Step 6: Higsfield does the art, Claude does the code Save this
0:15

How i build with Claude + Higsfield 🐉 Step 1: generate all scenes in Higsfield as MP4 Step 2: paste URLs into Claude, say embed as scroll-triggered WebGL textures Step 3: Claude writes Three.js, Higsfield supplies the visuals Step 4: tell Claude trigger each video at 25% 50% 75% scroll Step 5: ask Claude to wrap hero video in autoplay muted loop Step 6: Higsfield does the art, Claude does the code Save this

FHILY👑

83,597 görüntüleme • 1 ay önce

Premium 3D Animated website ❤️‍🔥 Fable 5 + Claude Code → Build Prompt ↓
0:11

Premium 3D Animated website ❤️‍🔥 Fable 5 + Claude Code → Build Prompt ↓

Viktor Oddy

167,095 görüntüleme • 1 ay önce

onboarding checklist component UI showcase animation. JS, built with Claude Code
0:18

onboarding checklist component UI showcase animation. JS, built with Claude Code

Juliette

16,628 görüntüleme • 5 ay önce

1. Claude Code in Action Accelerate development workflows using Claude Code
0:10

1. Claude Code in Action Accelerate development workflows using Claude Code

Awa K. Penn

19,976 görüntüleme • 5 ay önce

anthropic shipped all of these in two weeks: - claude code security - voice mode in claude code - free memory feature - memory import tool - claude marketplace - investment banking plug-in - wealth management plug-in - human resources plug-in - private equity plug-in - engineering plug-in - design plug-in - google calendar integration - gmail Integration i can’t prove it but they definitely use claude to build claude.
0:16

anthropic shipped all of these in two weeks: - claude code security - voice mode in claude code - free memory feature - memory import tool - claude marketplace - investment banking plug-in - wealth management plug-in - human resources plug-in - private equity plug-in - engineering plug-in - design plug-in - google calendar integration - gmail Integration i can’t prove it but they definitely use claude to build claude.

sui ☄️

64,998 görüntüleme • 5 ay önce

Agentic Video Editing This is crazy! I just asked Claude Code to build me an entire agent-powered video editing app. ~10K lines of code. Uses Claude Agent SDK + Claude Opus 4.6. It's really good. Runs locally. Highly customizable. You can just build things.
0:15

Agentic Video Editing This is crazy! I just asked Claude Code to build me an entire agent-powered video editing app. ~10K lines of code. Uses Claude Agent SDK + Claude Opus 4.6. It's really good. Runs locally. Highly customizable. You can just build things.

elvis

11,249 görüntüleme • 6 ay önce

Advent of Claude Day 31 - Claude Agent SDK I saved the best for last. The same agent loop, tools, and context management that power Claude Code is available as an SDK. Build agents that work like Claude Code in as little as 10 lines of code. This is just the beginning. 🎇🥂
0:18

Advent of Claude Day 31 - Claude Agent SDK I saved the best for last. The same agent loop, tools, and context management that power Claude Code is available as an SDK. Build agents that work like Claude Code in as little as 10 lines of code. This is just the beginning. 🎇🥂

Ado

100,117 görüntüleme • 7 ay önce

Claude is now available in public preview in Microsoft Foundry. Microsoft Azure customers can now use Claude Sonnet 4.5, Haiku 4.5, and Opus 4.1 to build applications and enterprise agents, and to power Claude Code.
0:16

Claude is now available in public preview in Microsoft Foundry. Microsoft Azure customers can now use Claude Sonnet 4.5, Haiku 4.5, and Opus 4.1 to build applications and enterprise agents, and to power Claude Code.

Claude

146,267 görüntüleme • 8 ay önce

From Claude Code to the web in seconds. No git push. No build step. 100% free. Just say: publish to
0:13

From Claude Code to the web in seconds. No git push. No build step. 100% free. Just say: publish to

adam ludwin

91,506 görüntüleme • 5 ay önce

How i build with Claude👇 Three.js = 360 rotatable product zero plugin needed WebGL PointLight = UVC glow reacts to scroll position CSS scroll-snap = buttery infinite horizontal product scroll GSAP ScrollTrigger = product pins while copy scrolls alongside Lottie via lottie-web = After Effects animations play in browser Save this
0:10

How i build with Claude👇 Three.js = 360 rotatable product zero plugin needed WebGL PointLight = UVC glow reacts to scroll position CSS scroll-snap = buttery infinite horizontal product scroll GSAP ScrollTrigger = product pins while copy scrolls alongside Lottie via lottie-web = After Effects animations play in browser Save this

FHILY👑

167,908 görüntüleme • 2 ay önce

FABLE 5 + HIGGSFIELD CAN BUILD A $35,000 ANIMATED WEBSITE. IN ONE AGENTIC SESSION. FOR ~$12 IN CREDITS. stop paying a web studio $6,000-$35,000. stop wiring GSAP, Lenis, and frame extraction by hand. Claude Code writes it. Higgsfield renders it. WHAT THE BUILD PRODUCES: → a fully animated, scroll-driven site → cinematic motion clips from 30+ generative models → GSAP ScrollTrigger timelines - zero hand-coded keyframes → Lenis smooth-scroll, tuned pacing → automated frame extraction + asset optimization → six cinematic effects baked in: film grain, particles, vignette, glass cards, color tints, scroll pacing → responsive layout + copy THE STACK: → Claude Code - concept, scaffolding, scroll code, QA → Higgsfield (MCP) - hero clips, transitions, ambient loops, thumbnails → GSAP + Lenis - the motion layer, written for you CONNECT HIGGSFIELD (MCP): add it as a custom connector in Claude Code: mcp_servers: higgsfield: url: " one OAuth flow. done. now Claude can generate and pull clips directly - no manual exporting. WHAT TO PROMPT: concept + scroll: "read this brief, script the scroll - what the visitor feels at second 3, 15, 40. scaffold the site with GSAP ScrollTrigger + Lenis." motion assets: "generate the hero sting and one b-roll clip per section from the story. 3–5s, high-res." polish pass: "bake in film grain, particles, vignette, glass cards, color tints, scroll pacing. no config." QA: "check load speed, mobile breakpoints, and whether the scroll actually lands. rewrite whatever doesn't." WHAT THIS REPLACES: → web studio build: $6,000-$35,000+ → motion artist: $800-2,000/project → front-end dev: $2,000-10,000/project → weeks of handoffs: gone Fable 5 + Higgsfield: a subscription + a few dollars of credits. one session. SETUP IN 10 MINUTES: - install Claude Code - add the Higgsfield MCP + authenticate - drop your brief + references - let it scaffold, generate, and animate in one pass - preview, send fixes in plain English, ship the pipeline was the moat. it just became a prompt. Follow me, comment "WEB" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇
0:14

FABLE 5 + HIGGSFIELD CAN BUILD A $35,000 ANIMATED WEBSITE. IN ONE AGENTIC SESSION. FOR ~$12 IN CREDITS. stop paying a web studio $6,000-$35,000. stop wiring GSAP, Lenis, and frame extraction by hand. Claude Code writes it. Higgsfield renders it. WHAT THE BUILD PRODUCES: → a fully animated, scroll-driven site → cinematic motion clips from 30+ generative models → GSAP ScrollTrigger timelines - zero hand-coded keyframes → Lenis smooth-scroll, tuned pacing → automated frame extraction + asset optimization → six cinematic effects baked in: film grain, particles, vignette, glass cards, color tints, scroll pacing → responsive layout + copy THE STACK: → Claude Code - concept, scaffolding, scroll code, QA → Higgsfield (MCP) - hero clips, transitions, ambient loops, thumbnails → GSAP + Lenis - the motion layer, written for you CONNECT HIGGSFIELD (MCP): add it as a custom connector in Claude Code: mcp_servers: higgsfield: url: " one OAuth flow. done. now Claude can generate and pull clips directly - no manual exporting. WHAT TO PROMPT: concept + scroll: "read this brief, script the scroll - what the visitor feels at second 3, 15, 40. scaffold the site with GSAP ScrollTrigger + Lenis." motion assets: "generate the hero sting and one b-roll clip per section from the story. 3–5s, high-res." polish pass: "bake in film grain, particles, vignette, glass cards, color tints, scroll pacing. no config." QA: "check load speed, mobile breakpoints, and whether the scroll actually lands. rewrite whatever doesn't." WHAT THIS REPLACES: → web studio build: $6,000-$35,000+ → motion artist: $800-2,000/project → front-end dev: $2,000-10,000/project → weeks of handoffs: gone Fable 5 + Higgsfield: a subscription + a few dollars of credits. one session. SETUP IN 10 MINUTES: - install Claude Code - add the Higgsfield MCP + authenticate - drop your brief + references - let it scaffold, generate, and animate in one pass - preview, send fixes in plain English, ship the pipeline was the moat. it just became a prompt. Follow me, comment "WEB" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇

ZEUS⚡️

562,257 görüntüleme • 1 ay önce

claude code hack you can run bash commands directly in claude code just press "!" then type whatever bash you want to run handy if you don't want to leave the claude code tui
0:11

claude code hack you can run bash commands directly in claude code just press "!" then type whatever bash you want to run handy if you don't want to leave the claude code tui

Wes Winder

49,601 görüntüleme • 4 ay önce

Spent all of today in Claude Code again. Working on a redesign of Wireframe Design Studio This animation has taken me about 4 hours. LOL
0:11

Spent all of today in Claude Code again. Working on a redesign of Wireframe Design Studio This animation has taken me about 4 hours. LOL

James McDonald

20,725 görüntüleme • 6 ay önce

teaching my 11 yr old how to build an iOS app with Claude Code gonna need more tokens 😅
0:14

teaching my 11 yr old how to build an iOS app with Claude Code gonna need more tokens 😅

MDS

15,764 görüntüleme • 4 ay önce

Can finally play doom in Claude Code
0:14

Can finally play doom in Claude Code

Ben Davis

36,817 görüntüleme • 4 ay önce

Today we're launching new ways to learn in Claude Code and the Claude app. First up: Claude Code now lets you customize communication styles with /output-style
0:19

Today we're launching new ways to learn in Claude Code and the Claude app. First up: Claude Code now lets you customize communication styles with /output-style

Claude

706,470 görüntüleme • 1 yıl önce

Introducing BrainRot Terminal Scroll brainrot reels/TikToks while Claude code does your work made with MiniMax (official) M2.1 Reply "send" to get access to this CLI.
0:16

Introducing BrainRot Terminal Scroll brainrot reels/TikToks while Claude code does your work made with MiniMax (official) M2.1 Reply "send" to get access to this CLI.

V

20,564 görüntüleme • 6 ay önce

How I use Claude for 2D website animations 👇 1. Ask Claude to create CSS keyframes for floating or bounce effects 2. Use Claude to write fade-up animations on scroll 3. Ask Claude for parallax code for backgrounds 4. Generate hover effects like glow, scale, rotate buttons 5. Use Claude to animate text word by word 6. Paste the code, adjust timing, launch Save this tutorial 🚀
0:16

How I use Claude for 2D website animations 👇 1. Ask Claude to create CSS keyframes for floating or bounce effects 2. Use Claude to write fade-up animations on scroll 3. Ask Claude for parallax code for backgrounds 4. Generate hover effects like glow, scale, rotate buttons 5. Use Claude to animate text word by word 6. Paste the code, adjust timing, launch Save this tutorial 🚀

FHILY👑

97,613 görüntüleme • 2 ay önce

DONE!!! go build apps w/ claude code opus 4.5 - visually - 0 API tokens - 0 confusing cursor - 0 bankruptcy on Replit
0:13

DONE!!! go build apps w/ claude code opus 4.5 - visually - 0 API tokens - 0 confusing cursor - 0 bankruptcy on Replit

Daniel Ch

95,486 görüntüleme • 7 ay önce

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding
0:11

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding

Lance Martin

14,865 görüntüleme • 4 ay önce