Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

Devon Govett

39,839 subscribers

83,922 просмотров • 11 месяцев назад •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Been checking out Expo's new headless <Tabs /> (again! 😎) and finally got to dig into some CSS transitions with Software Mansion's react-native-reanimated v4 🚀 Tab bar smoothly disappears/reappears as you scroll. Subtle animations and haptics. Feels pretty sweet!

Been checking out Expo's new headless <Tabs /> (again! 😎) and finally got to dig into some CSS transitions with Software Mansion's react-native-reanimated v4 🚀 Tab bar smoothly disappears/reappears as you scroll. Subtle animations and haptics. Feels pretty sweet!

Jacob Clausen

33,633 просмотров • 1 год назад

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at

Volodymyr

24,579 просмотров • 1 год назад

Looks like we can place UIKit views in the accessory view! 🚀 Here is a small demo of iOS 26 accessory view running with React Native Bottom Tabs 🔥 Time to think about a good API for this 😄

Looks like we can place UIKit views in the accessory view! 🚀 Here is a small demo of iOS 26 accessory view running with React Native Bottom Tabs 🔥 Time to think about a good API for this 😄

Oskar

18,361 просмотров • 1 год назад

Native iOS split view is coming to React Navigation 🔜 Powered by React Native Screens 🫶 Let us know your use cases so we can test and ensure that the API is suitable for a wide range of usage 👇

Native iOS split view is coming to React Navigation 🔜 Powered by React Native Screens 🫶 Let us know your use cases so we can test and ensure that the API is suitable for a wide range of usage 👇

React Navigation

12,374 просмотров • 5 месяцев назад

WishList Update: We finished our implementation of the platform-native Scroll View component and can now use smooth scrolling and bounce events - awesome work Janic! ⛹️‍♂️ Just a little bit of fine-tuning and we'll be able to launch WishList this summer. Stay tuned! 👀🚀

WishList Update: We finished our implementation of the platform-native Scroll View component and can now use smooth scrolling and bounce events - awesome work Janic! ⛹️‍♂️ Just a little bit of fine-tuning and we'll be able to launch WishList this summer. Stay tuned! 👀🚀

Margelo

15,765 просмотров • 3 лет назад

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:

Konrad Reczko

65,233 просмотров • 1 месяц назад

Started using React Native two days ago and immediately fell down a tab-bar rabbit hole. I’d seen Instagram and Revolut collapse their tab bars on scroll while keeping every icon visible. I wanted that without giving up real iOS Liquid Glass. Turns out iOS 26’s public API can’t express that state. UITabBarMinimizeBehavior is an enum of when, not what. With onScrollDown, UIKit minimizes the bar to the active tab alone. There’s no parameter controlling what survives. So most implementations rebuild the visible bar as a custom component. Some use genuine glass materials, but the real UITabBar is gone and with it, the native selection capsule: that little blob that moves like a drop of water between tabs. You can reproduce it with separate springs on the leading and trailing edges. I didn’t want a reproduction. I wanted UIKit’s. Then I remembered a Flutter app i built some months back which uses cupertino_native. Flutter runs the app while a platform-view bridge renders a real UIKit UITabBar. Finding expo-glass-tabs clarified the compact geometry I wanted. The two ideas clicked: why not bridge a real UITabBar into React Native? Here’s the trick: a standalone UITabBar has no UITabBarController managing it, so Apple’s minimization rule never applies. That means I can control its frame and items myself. Expo Router still owns navigation and screen lifecycle. React Native detects scroll direction. Swift removes and restores the real item labels, recentres the icons and animates the native bar’s size. All five icons remain visible. The result keeps Apple’s Liquid Glass, water-drop capsule, hit testing and accessibility, while adding a compact state its public API doesn’t provide. One gotcha tho: detaching the bar means reimplementing everything the controller previously gave you for free. Active-tab reselect scrolling was one example

Started using React Native two days ago and immediately fell down a tab-bar rabbit hole. I’d seen Instagram and Revolut collapse their tab bars on scroll while keeping every icon visible. I wanted that without giving up real iOS Liquid Glass. Turns out iOS 26’s public API can’t express that state. UITabBarMinimizeBehavior is an enum of when, not what. With onScrollDown, UIKit minimizes the bar to the active tab alone. There’s no parameter controlling what survives. So most implementations rebuild the visible bar as a custom component. Some use genuine glass materials, but the real UITabBar is gone and with it, the native selection capsule: that little blob that moves like a drop of water between tabs. You can reproduce it with separate springs on the leading and trailing edges. I didn’t want a reproduction. I wanted UIKit’s. Then I remembered a Flutter app i built some months back which uses cupertino_native. Flutter runs the app while a platform-view bridge renders a real UIKit UITabBar. Finding expo-glass-tabs clarified the compact geometry I wanted. The two ideas clicked: why not bridge a real UITabBar into React Native? Here’s the trick: a standalone UITabBar has no UITabBarController managing it, so Apple’s minimization rule never applies. That means I can control its frame and items myself. Expo Router still owns navigation and screen lifecycle. React Native detects scroll direction. Swift removes and restores the real item labels, recentres the icons and animates the native bar’s size. All five icons remain visible. The result keeps Apple’s Liquid Glass, water-drop capsule, hit testing and accessibility, while adding a compact state its public API doesn’t provide. One gotcha tho: detaching the bar means reimplementing everything the controller previously gave you for free. Active-tab reselect scrolling was one example

kelvin.dart

67,945 просмотров • 1 месяц назад

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion as the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Una 🇺🇦

38,782 просмотров • 8 месяцев назад

My app Grounded was built with screen-transitions v3.4-beta 1, and instead of another changelog, I thought I'd do a tutorial on how to recreate this Apple Store style hero card animation using the new .navigation.zoom() API. heres how we can achieve something similar in react native

My app Grounded was built with screen-transitions v3.4-beta 1, and instead of another changelog, I thought I'd do a tutorial on how to recreate this Apple Store style hero card animation using the new .navigation.zoom() API. heres how we can achieve something similar in react native

Ed

14,157 просмотров • 5 месяцев назад

THIS SITE COST AROUND $12 IN CREDITS TO BUILD. STUDIOS QUOTE $35,000 FOR THE SAME THING. What's on screen isn't a basic landing page. It's a fully animated, scroll-driven site, generated end to end in one agentic session with Claude Code + Higgsfield. What's actually on the page: → Cinematic motion clips pulled from 30+ generative models → Scroll animations written automatically - zero hand-coded keyframes → 6 cinematic effects baked in with no config: film grain, particles, vignette, glass cards, color tints, scroll pacing Scroll the demo and one question won't go away: did Claude really assemble all of this in a single pass? For boutique studios billing $100-149/hr, that question lands like a verdict. What it normally takes: → A designer, a motion artist, and a developer → Weeks of handoffs between them → 6 systems wired by hand - GSAP ScrollTrigger, Lenis smooth-scroll, frame extraction, asset optimization, layout, copy That pipeline was the moat. It's what justified the invoice. Here's the part studios and their clients won't enjoy hearing. The price gap: → Boutique agency build: $6,000-$35,000+ → Industry average project: ~$5,280 → Delivery cost: a Claude subscription + a few dollars of Higgsfield credits → Timeline: weeks of production → a single session One operator can now run all six systems in one pass and ship a working site - without touching a frame extractor or writing a CSS keyframe by hand. Full breakdown of how it's built in the article below. Save it & read today 👇

THIS SITE COST AROUND $12 IN CREDITS TO BUILD. STUDIOS QUOTE $35,000 FOR THE SAME THING. What's on screen isn't a basic landing page. It's a fully animated, scroll-driven site, generated end to end in one agentic session with Claude Code + Higgsfield. What's actually on the page: → Cinematic motion clips pulled from 30+ generative models → Scroll animations written automatically - zero hand-coded keyframes → 6 cinematic effects baked in with no config: film grain, particles, vignette, glass cards, color tints, scroll pacing Scroll the demo and one question won't go away: did Claude really assemble all of this in a single pass? For boutique studios billing $100-149/hr, that question lands like a verdict. What it normally takes: → A designer, a motion artist, and a developer → Weeks of handoffs between them → 6 systems wired by hand - GSAP ScrollTrigger, Lenis smooth-scroll, frame extraction, asset optimization, layout, copy That pipeline was the moat. It's what justified the invoice. Here's the part studios and their clients won't enjoy hearing. The price gap: → Boutique agency build: $6,000-$35,000+ → Industry average project: ~$5,280 → Delivery cost: a Claude subscription + a few dollars of Higgsfield credits → Timeline: weeks of production → a single session One operator can now run all six systems in one pass and ship a working site - without touching a frame extractor or writing a CSS keyframe by hand. Full breakdown of how it's built in the article below. Save it & read today 👇

ZEUS⚡️

480,444 просмотров • 2 месяцев назад

HE BUILT A $35,000-TIER ANIMATED WEBSITE WITH CLAUDE CODE + HIGGSFIELD - FOR A SUBSCRIPTION AND A FEW DOLLARS OF CREDITS What’s on screen isn’t a basic landing page. It’s a fully animated, scroll-driven site generated end to end in one agentic session. What’s actually on the page: → Cinematic motion clips pulled from 30+ generative models → Scroll animations written automatically - no hand-coded keyframes → 6 cinematic effects baked in with zero config: film grain, particles, vignette, glass cards, color tints, scroll pacing Scrolling the demo is one question: did Claude really assemble all of this? For boutique studios billing $100-149/hr, that lands like a verdict. What it normally takes: → A designer, a motion artist, and a developer → Weeks of handoffs between them → 6 separate systems wired by hand - GSAP ScrollTrigger, Lenis smooth-scroll, frame extraction, asset optimization, layout, copy That pipeline was the moat. It’s what justified the invoice. Here’s the part studios and their clients won’t enjoy hearing. The price gap: → Boutique agency build: $6,000-$35,000+ → Industry average project: ~$5,280 → Your cost: a Claude subscription + a few dollars of Higgsfield credits → Timeline: weeks of production → a single session One creator can now run all six systems in one pass and ship a working site - without touching a frame extractor or writing a CSS keyframe by hand. Full breakdown of how it was built in the article below. Save it & read today 👇

HE BUILT A $35,000-TIER ANIMATED WEBSITE WITH CLAUDE CODE + HIGGSFIELD - FOR A SUBSCRIPTION AND A FEW DOLLARS OF CREDITS What’s on screen isn’t a basic landing page. It’s a fully animated, scroll-driven site generated end to end in one agentic session. What’s actually on the page: → Cinematic motion clips pulled from 30+ generative models → Scroll animations written automatically - no hand-coded keyframes → 6 cinematic effects baked in with zero config: film grain, particles, vignette, glass cards, color tints, scroll pacing Scrolling the demo is one question: did Claude really assemble all of this? For boutique studios billing $100-149/hr, that lands like a verdict. What it normally takes: → A designer, a motion artist, and a developer → Weeks of handoffs between them → 6 separate systems wired by hand - GSAP ScrollTrigger, Lenis smooth-scroll, frame extraction, asset optimization, layout, copy That pipeline was the moat. It’s what justified the invoice. Here’s the part studios and their clients won’t enjoy hearing. The price gap: → Boutique agency build: $6,000-$35,000+ → Industry average project: ~$5,280 → Your cost: a Claude subscription + a few dollars of Higgsfield credits → Timeline: weeks of production → a single session One creator can now run all six systems in one pass and ship a working site - without touching a frame extractor or writing a CSS keyframe by hand. Full breakdown of how it was built in the article below. Save it & read today 👇

ZEUS⚡️

103,944 просмотров • 2 месяцев назад

MiniMax H3 is a serious upgrade for AI video creation. Instead of relying on just text prompts, you can combine images, videos, and audio references to control the character, motion, camera, and sound. What stands out: → Up to 9 image + 3 video + 3 audio references → Native synced voice, music & sound effects → 2K video generation up to 15 seconds → Instruction-based video editing → Motion transfer → Better character, camera & voice control The interesting part is that you can build a full scene from references instead of endlessly regenerating until the result feels right. 🔗 Now is a great time to try MiniMax H3 on Magnific, especially with the current 2K offer.

MiniMax H3 is a serious upgrade for AI video creation. Instead of relying on just text prompts, you can combine images, videos, and audio references to control the character, motion, camera, and sound. What stands out: → Up to 9 image + 3 video + 3 audio references → Native synced voice, music & sound effects → 2K video generation up to 15 seconds → Instruction-based video editing → Motion transfer → Better character, camera & voice control The interesting part is that you can build a full scene from references instead of endlessly regenerating until the result feels right. 🔗 Now is a great time to try MiniMax H3 on Magnific, especially with the current 2K offer.

Tanvir Anjum

32,271 просмотров • 22 дней назад

A SOLO CREATOR JUST SHIPPED A $35,000-TIER ANIMATED SITE IN ONE WEEKEND - WITH CLAUDE CODE + HIGGSFIELD, FOR THE COST OF A SUBSCRIPTION. What you're looking at isn't a template. It's a fully animated, scroll-driven site, generated end to end in a single agentic session. What's actually on the page: → Cinematic motion clips pulled from 30+ generative models → Scroll animations written automatically - not a single hand-coded keyframe → 6 cinematic effects baked in with zero config: film grain, particles, vignette, glass cards, color tints, scroll pacing Scroll the demo and one question keeps surfacing: a person didn't build this by hand… did they? For studios billing $100-149/hr, that question lands like a verdict. What this normally takes: → A designer, a motion artist, and a developer → Weeks of handoffs between all three → 6 systems wired by hand - GSAP ScrollTrigger, Lenis smooth-scroll, frame extraction, asset optimization, layout, copy That pipeline was the moat. It's what justified the invoice. Here's the part the agency won't put in its pitch deck. The price gap: → Boutique agency build: $6,000-$35,000+ → Industry average project: ~$5,280 → Your cost: a Claude subscription + a few dollars of Higgsfield credits → Timeline: weeks of production → one session One operator now runs all six systems in a single pass and ships a working site - without opening a frame extractor or writing one CSS keyframe. Full breakdown of how it's built in the article below. Save it & read today 👇

A SOLO CREATOR JUST SHIPPED A $35,000-TIER ANIMATED SITE IN ONE WEEKEND - WITH CLAUDE CODE + HIGGSFIELD, FOR THE COST OF A SUBSCRIPTION. What you're looking at isn't a template. It's a fully animated, scroll-driven site, generated end to end in a single agentic session. What's actually on the page: → Cinematic motion clips pulled from 30+ generative models → Scroll animations written automatically - not a single hand-coded keyframe → 6 cinematic effects baked in with zero config: film grain, particles, vignette, glass cards, color tints, scroll pacing Scroll the demo and one question keeps surfacing: a person didn't build this by hand… did they? For studios billing $100-149/hr, that question lands like a verdict. What this normally takes: → A designer, a motion artist, and a developer → Weeks of handoffs between all three → 6 systems wired by hand - GSAP ScrollTrigger, Lenis smooth-scroll, frame extraction, asset optimization, layout, copy That pipeline was the moat. It's what justified the invoice. Here's the part the agency won't put in its pitch deck. The price gap: → Boutique agency build: $6,000-$35,000+ → Industry average project: ~$5,280 → Your cost: a Claude subscription + a few dollars of Higgsfield credits → Timeline: weeks of production → one session One operator now runs all six systems in a single pass and ships a working site - without opening a frame extractor or writing one CSS keyframe. Full breakdown of how it's built in the article below. Save it & read today 👇

ZEUS⚡️

21,779 просмотров • 2 месяцев назад

i wrote Close To You seven years ago and we made a demo that i posted 20 seconds of and you somehow cared about it enough for us to revisit the song seven years later. Close To You was not initially a part of TSOU — it’s from a different time entirely

i wrote Close To You seven years ago and we made a demo that i posted 20 seconds of and you somehow cared about it enough for us to revisit the song seven years later. Close To You was not initially a part of TSOU — it’s from a different time entirely

Gracie Abrams

514,682 просмотров • 2 лет назад

Replit, Vercel, and OpenAI have built very cool agent-native applications, but nobody else has passed the demo stage. Building agents that work is complex. Teams aren't shipping agents because we don't have good tooling yet (and most of us don't know how to do this well.) A couple of days ago, the CopilotKit🪁 team announced a collaboration with . You can now use LangGraph with CoAgents to build agent-native applications, and here is everything you need to know about that: CoAgents is fully open-source, and you can use it to do the following: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Start this GitHub Repository: Thanks to the team for giving me early access and collaborating with me on this post.

Replit, Vercel, and OpenAI have built very cool agent-native applications, but nobody else has passed the demo stage. Building agents that work is complex. Teams aren't shipping agents because we don't have good tooling yet (and most of us don't know how to do this well.) A couple of days ago, the CopilotKit🪁 team announced a collaboration with . You can now use LangGraph with CoAgents to build agent-native applications, and here is everything you need to know about that: CoAgents is fully open-source, and you can use it to do the following: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Start this GitHub Repository: Thanks to the team for giving me early access and collaborating with me on this post.

Santiago

63,073 просмотров • 1 год назад

STUDIOS QUOTE $35,000 FOR THIS WEBSITE. A FULLY ANIMATED, SCROLL-DRIVEN BUILD - CINEMATIC CLIPS, FILM GRAIN, GLASS CARDS - SHIPPED IN ONE SESSION FOR $12. Scroll it and one question won't leave: did an AI really assemble all of this in a single pass? For studios quoting $35,000 and billing $100-149/hr, that question lands like a verdict. Here's what the page actually runs: → Motion clips generated from 30+ models - not stock, not hand-shot → Scroll animations written automatically - zero hand-coded keyframes → Six cinematic effects baked in with no config: film grain, particles, vignette, glass cards, color tints, scroll pacing What that used to require: → A designer, a motion artist, and a developer → Weeks of handoffs → Six systems wired by hand - GSAP ScrollTrigger, Lenis, frame extraction, asset optimization, layout, copy That pipeline was the moat. It justified the invoice. It just collapsed into Claude Code + Higgsfield running in one pass. The gap nobody wants to say out loud: → Agency build: $6,000-$35,000+ → Real cost now: a Claude sub + a few dollars of credits → Timeline: weeks → a single session Follow me + reply "web-site" to this post and I will send you the step-by-step Playbook 👇

STUDIOS QUOTE $35,000 FOR THIS WEBSITE. A FULLY ANIMATED, SCROLL-DRIVEN BUILD - CINEMATIC CLIPS, FILM GRAIN, GLASS CARDS - SHIPPED IN ONE SESSION FOR $12. Scroll it and one question won't leave: did an AI really assemble all of this in a single pass? For studios quoting $35,000 and billing $100-149/hr, that question lands like a verdict. Here's what the page actually runs: → Motion clips generated from 30+ models - not stock, not hand-shot → Scroll animations written automatically - zero hand-coded keyframes → Six cinematic effects baked in with no config: film grain, particles, vignette, glass cards, color tints, scroll pacing What that used to require: → A designer, a motion artist, and a developer → Weeks of handoffs → Six systems wired by hand - GSAP ScrollTrigger, Lenis, frame extraction, asset optimization, layout, copy That pipeline was the moat. It justified the invoice. It just collapsed into Claude Code + Higgsfield running in one pass. The gap nobody wants to say out loud: → Agency build: $6,000-$35,000+ → Real cost now: a Claude sub + a few dollars of credits → Timeline: weeks → a single session Follow me + reply "web-site" to this post and I will send you the step-by-step Playbook 👇

ZEUS⚡️

57,097 просмотров • 2 месяцев назад

A two-person team with agents now out-ships a company of 20, but few can tell you how. The workflows live inside a couple hundred minds. We talk to them daily, and today we're unlocking their brains. Introducing cyber•OS: the open knowledge base for building AI-native.

A two-person team with agents now out-ships a company of 20, but few can tell you how. The workflows live inside a couple hundred minds. We talk to them daily, and today we're unlocking their brains. Introducing cyber•OS: the open knowledge base for building AI-native.

cyber•Fund

16,804 просмотров • 1 месяц назад

i'm too stubborn to simply give up on the concept of Benji after almost 10 years(!!) of iterating on it with different stacks... 2018: graphql backend + react SPA 2019: made a react native app for 6 months 2020: gave up on it and wrote 3 years of using other bs tools and being grumpy about them 2023: rewrote it in blitz js (JUGE mistake) 2024: iterate on react native + PWA + RN pwa wrapper 2025: time for a rewrite to Zero To Shipped ⛴️ stack (but next js sucks for this kind of app, add api, mcp, cross platform app, and many other things 2026: i want it all actions INSTANT AND FAST AF and next js is the wrong tech choice for a mostly client app, so i'm starting a rewrite with TANSTACK + Convex + Better Auth it feels so snappy 😭 btw 99% of the customers abandoned it, there are like 3 ride or die fans but i know i can turn it around!!!! let /goal cook.

i'm too stubborn to simply give up on the concept of Benji after almost 10 years(!!) of iterating on it with different stacks... 2018: graphql backend + react SPA 2019: made a react native app for 6 months 2020: gave up on it and wrote 3 years of using other bs tools and being grumpy about them 2023: rewrote it in blitz js (JUGE mistake) 2024: iterate on react native + PWA + RN pwa wrapper 2025: time for a rewrite to Zero To Shipped ⛴️ stack (but next js sucks for this kind of app, add api, mcp, cross platform app, and many other things 2026: i want it all actions INSTANT AND FAST AF and next js is the wrong tech choice for a mostly client app, so i'm starting a rewrite with TANSTACK + Convex + Better Auth it feels so snappy 😭 btw 99% of the customers abandoned it, there are like 3 ride or die fans but i know i can turn it around!!!! let /goal cook.

kitze · supermac.io 🐦‍🔥

16,580 просмотров • 3 месяцев назад

Fable 5 just dropped and someone already built a $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark this

Fable 5 just dropped and someone already built a $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark this

Fokki

72,175 просмотров • 2 месяцев назад