Loading video...

Video Failed to Load

Go Home

interactive hero

kosta4a's profile picture

kosta4a

11,439 subscribers

105,543 views • 2 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Vibe coded this interactive hero component. Took me a few hours.
0:34

Vibe coded this interactive hero component. Took me a few hours.

Tommy Geoco 🇺🇸

69,707 views • 6 months ago

Here’s a first look at the Shaders Design Editor ✨ From blank canvas to interactive hero section in 2 minutes⏱️. Shipping soon for Vue, React & Svelte.
2:43

Here’s a first look at the Shaders Design Editor ✨ From blank canvas to interactive hero section in 2 minutes⏱️. Shipping soon for Vue, React & Svelte.

shaders

63,314 views • 10 months ago

The last project I worked on before joining Steel is live. Insanely grateful to the opportunity and HUGE shoutout to Nikola Radovanović for bringing it to life!
0:55

The last project I worked on before joining Steel is live. Insanely grateful to the opportunity and HUGE shoutout to Nikola Radovanović for bringing it to life!

kosta4a

13,923 views • 27 days ago

To add onto my point. This website took ca 2 hours to design + build out with claude - and it has infinitely more opportunity (with my lacking knowledge) for growth and improvement. Built using shadcn + agentation + a bit of messing around in figma.
0:23

To add onto my point. This website took ca 2 hours to design + build out with claude - and it has infinitely more opportunity (with my lacking knowledge) for growth and improvement. Built using shadcn + agentation + a bit of messing around in figma.

kosta4a

23,323 views • 3 months ago

back to posting again
0:26

back to posting again

kosta4a

10,631 views • 1 month ago

calorie trackers are inaccurate, sluggish, and just overcomplicated. we're building the easiest & most fun way to track your calories. join our waitlist in the comments
0:21

calorie trackers are inaccurate, sluggish, and just overcomplicated. we're building the easiest & most fun way to track your calories. join our waitlist in the comments

kosta4a

18,429 views • 2 months ago

what if onboarding was a bit more fun
0:47

what if onboarding was a bit more fun

kosta4a

43,931 views • 24 days ago

sonatic is live.
0:37

sonatic is live.

kosta4a

23,415 views • 9 months ago

✨INTERACTIVE DEMO REEL ✨ My first official demo is here! Are you looking for a clumsy hero, strong warrior, smooth assassin, or someone sweet? Then look no further! 🌐 ✉️skylarxene@gmail.com #voiceacting #voiceover #demoreel
1:30

✨INTERACTIVE DEMO REEL ✨ My first official demo is here! Are you looking for a clumsy hero, strong warrior, smooth assassin, or someone sweet? Then look no further! 🌐 ✉️[email protected] #voiceacting #voiceover #demoreel

Sky Santacruz

19,726 views • 1 year ago

Okay, I put together a tutorial video for how I made that interactive hero section using Framer, Unicorn Studio, and Midjourney. Hope this helps, but let me know if you have any questions about it! #framer #tutorial #webgl #nocode
2:59

Okay, I put together a tutorial video for how I made that interactive hero section using Framer, Unicorn Studio, and Midjourney. Hope this helps, but let me know if you have any questions about it! #framer #tutorial #webgl #nocode

Yianni

17,913 views • 1 year ago

Could you be a Chosen Hero? Venture through the world of Somnus to tackle dungeons, use your wide arsenal to vanquish void monsters, and defeat the three Accursed Beasts of legend. Demi and the Fractured Dream is coming February 2027. Wishlist now. Annapurna Interactive
2:30

Could you be a Chosen Hero? Venture through the world of Somnus to tackle dungeons, use your wide arsenal to vanquish void monsters, and defeat the three Accursed Beasts of legend. Demi and the Fractured Dream is coming February 2027. Wishlist now. Annapurna Interactive

Epic Games Store

31,200 views • 1 month ago

I spent thousands of dollars building this repo… so you don't have to 50+ landing pages, hero sections & interactive prototypes: every single one generated with "Claude Fable 5", with the exact prompt preserved in its folder. Steal it. Ship it. Contribute. 👇
0:58

I spent thousands of dollars building this repo… so you don't have to 50+ landing pages, hero sections & interactive prototypes: every single one generated with "Claude Fable 5", with the exact prompt preserved in its folder. Steal it. Ship it. Contribute. 👇

Pulkit

95,048 views • 1 month ago

The icon for Hero Assistant is ENTIRELY made in Rive with an excellent super fast Vector Feathering feature! — Beautiful and clear colour rendering without banding — Very performant — Ready to use in production — Small file size Now, I can easily make this icon fully interactive and reuse it in the app.
0:45

The icon for Hero Assistant is ENTIRELY made in Rive with an excellent super fast Vector Feathering feature! — Beautiful and clear colour rendering without banding — Very performant — Ready to use in production — Small file size Now, I can easily make this icon fully interactive and reuse it in the app.

Dimitri Novikov 🇺🇦

13,429 views • 1 year ago

🛡️ Take up your shield and become the hero the realm needs in The Knightling, a fantasy action-adventure game coming to Steam, Nintendo Switch, PlayStation 5, and Xbox Series X|S. 💫 ✨Wishlist now!✨ Developed by Twirlbound🛡The Knightling IS OUT NOW!!✨🛡, published by Saber Interactive.
1:40

🛡️ Take up your shield and become the hero the realm needs in The Knightling, a fantasy action-adventure game coming to Steam, Nintendo Switch, PlayStation 5, and Xbox Series X|S. 💫 ✨Wishlist now!✨ Developed by Twirlbound🛡The Knightling IS OUT NOW!!✨🛡, published by Saber Interactive.

The Knightling

239,259 views • 1 year ago

The final Marvel Entertainment Wolverine drop in the 50-year celebration series is here: Old Man Logan! This premium 3D digital collectible captures the gritty, battle-hardened hero in stunning detail, complete with interactive claw extensions and idle animation. Don’t miss your chance to collect this iconic version of Wolverine in all his dystopian glory. Old Man Logan drops Sun, 10 Nov at 8AM PT.
0:35

The final Marvel Entertainment Wolverine drop in the 50-year celebration series is here: Old Man Logan! This premium 3D digital collectible captures the gritty, battle-hardened hero in stunning detail, complete with interactive claw extensions and idle animation. Don’t miss your chance to collect this iconic version of Wolverine in all his dystopian glory. Old Man Logan drops Sun, 10 Nov at 8AM PT.

VeVe | Digital Collectibles

24,005 views • 1 year ago

Grok Code just literally cloned the entire Netflix UI with a one shot prompt From the iconic Hero section to the interactive Carousel, all with a single prompt and a few web-sourced image links It’s not just fast, it's the most cost-effective SOTA model out there ➝ Input: Grok $0.20 vs Claude $3 (15x cheaper) ➝ Output: Grok $1.50 vs Claude $15 (10x cheaper) Here’s how you can do it in VS Code with Kilo Code Grok Code matches Claude Sonnet 4 in performance, but is 10-15x more cost-effective All this for less than $1 SOTA power, fractional cost
1:23

Grok Code just literally cloned the entire Netflix UI with a one shot prompt From the iconic Hero section to the interactive Carousel, all with a single prompt and a few web-sourced image links It’s not just fast, it's the most cost-effective SOTA model out there ➝ Input: Grok $0.20 vs Claude $3 (15x cheaper) ➝ Output: Grok $1.50 vs Claude $15 (10x cheaper) Here’s how you can do it in VS Code with Kilo Code Grok Code matches Claude Sonnet 4 in performance, but is 10-15x more cost-effective All this for less than $1 SOTA power, fractional cost

X Freeze

6,972,865 views • 10 months ago

At this point, I’m so deep into vibe coding that I ended up building a cyberpunk 3D Rubik’s Cube game with multiple skins and a 3D AI assistant to help you solve the cube 😎 It’s built using Three.js with matrix mathematics, GLSL shaders, raycasting, and a hybrid shadow system, all developed in Google AI Studio using Gemini 3 Pro. With features, - Automatically rotating Rubik’s Cube in the hero section that continuously solves unsolve itself infinitely - Ability to switch between different themes - Interactive gameplay with drag and drop axis rotations - Keyboard controls for cube movements - 3D AI assistance to help you solve the cube when you get stuck - Built in timer with a stylish completion ticket that confirms when the cube is solved - smooth animations using GSAP Go rubik yourself :) Live: Code:
0:46

At this point, I’m so deep into vibe coding that I ended up building a cyberpunk 3D Rubik’s Cube game with multiple skins and a 3D AI assistant to help you solve the cube 😎 It’s built using Three.js with matrix mathematics, GLSL shaders, raycasting, and a hybrid shadow system, all developed in Google AI Studio using Gemini 3 Pro. With features, - Automatically rotating Rubik’s Cube in the hero section that continuously solves unsolve itself infinitely - Ability to switch between different themes - Interactive gameplay with drag and drop axis rotations - Keyboard controls for cube movements - 3D AI assistance to help you solve the cube when you get stuck - Built in timer with a stylish completion ticket that confirms when the cube is solved - smooth animations using GSAP Go rubik yourself :) Live: Code:

The Bugged Dev

15,434 views • 6 months ago

Ready for your hot kitty summer? 🏖️ Introducing #MORCHI, our first mini game on MOOAR. 🎮 MORCHI is a fun, on-chain mini game that promotes healthy habits and allows users to earn and collect rewards daily. Developed by FSL Ecosystem on the Polygon | POL Network, MORCHI showcases the potential of Smart Layer technology on the #MOOAR Marketplace. 💪 😸 The MORCHI mini game is a collection of tApps (Tokens as Apps). Each NFT functions as a virtual friend on the blockchain, allowing users to interact with it through various in-game actions. HOW TO GET WHITELISTED ⤵️ 🎟️ From August 8th to August 15th, qualified holders (snapshot taken on August 7th) can enter the Raffle Mint for a chance to gain free, early access to mint a MORCHI tApp. To qualify for early access, hold any of the following collections: 👟 STEPN x adidas Genesis Sneaker 👟 MOOAR x STEPN Genesis Sneaker 👟 MOOAR Frens OG Sneaker 👟 STEPN GO Sneaker 🎖️ Gas Hero Badge 🎖️ Gas Hero Genesis 🎖️ Gas Hero Super Useful Egg 🎖️ MOOAR Level 5+ 🎖️ MOOAR+ Members 🚨 BEFORE YOU ENTER THE RAFFLE MINT 🚨 1️⃣ Go to and connect your STEPN GO account to your FSL ID. 2️⃣ Head over to and connect your #FSLID and Polygon wallet. 3️⃣ Set a reminder for August 20th, the official launch date of MORCHI. 🦅 Please note, we have a limited number of whitelist spots available. Get ready for MORCHI! Get your guaranteed WL spot and enjoy interactive rewards all summer long! 🌟 ➡️
0:30

Ready for your hot kitty summer? 🏖️ Introducing #MORCHI, our first mini game on MOOAR. 🎮 MORCHI is a fun, on-chain mini game that promotes healthy habits and allows users to earn and collect rewards daily. Developed by FSL Ecosystem on the Polygon | POL Network, MORCHI showcases the potential of Smart Layer technology on the #MOOAR Marketplace. 💪 😸 The MORCHI mini game is a collection of tApps (Tokens as Apps). Each NFT functions as a virtual friend on the blockchain, allowing users to interact with it through various in-game actions. HOW TO GET WHITELISTED ⤵️ 🎟️ From August 8th to August 15th, qualified holders (snapshot taken on August 7th) can enter the Raffle Mint for a chance to gain free, early access to mint a MORCHI tApp. To qualify for early access, hold any of the following collections: 👟 STEPN x adidas Genesis Sneaker 👟 MOOAR x STEPN Genesis Sneaker 👟 MOOAR Frens OG Sneaker 👟 STEPN GO Sneaker 🎖️ Gas Hero Badge 🎖️ Gas Hero Genesis 🎖️ Gas Hero Super Useful Egg 🎖️ MOOAR Level 5+ 🎖️ MOOAR+ Members 🚨 BEFORE YOU ENTER THE RAFFLE MINT 🚨 1️⃣ Go to and connect your STEPN GO account to your FSL ID. 2️⃣ Head over to and connect your #FSLID and Polygon wallet. 3️⃣ Set a reminder for August 20th, the official launch date of MORCHI. 🦅 Please note, we have a limited number of whitelist spots available. Get ready for MORCHI! Get your guaranteed WL spot and enjoy interactive rewards all summer long! 🌟 ➡️

MOOAR

137,143 views • 2 years ago

A+ Dad! Earlier this week I wrote about the importance of “agency” - or allowing children to make choices for themselves. Today, along comes this fantastic example. What I love about this dad is that he’s laying the groundwork for this very thing - even before his daughter is expressing strong preferences of her own. He’s selected two potential outfits and talks our hero through each option - conveying the message that she is capable of making her own decisions, and that he will honor them. But that’s not all. Listen to the way he describes each. To all the extra vocabulary he exposes her to. And to the warm and happy tone he uses as she looks on adoringly. The whole episode might have taken 30 seconds longer than if he had simply picked an outfit and dressed her… but look at all that was gained by his attentive and interactive approach. Simply fantastic. How might you follow this dad’s lead today? This wonderful video was shared to IG by nikkiverabrown.
0:45

A+ Dad! Earlier this week I wrote about the importance of “agency” - or allowing children to make choices for themselves. Today, along comes this fantastic example. What I love about this dad is that he’s laying the groundwork for this very thing - even before his daughter is expressing strong preferences of her own. He’s selected two potential outfits and talks our hero through each option - conveying the message that she is capable of making her own decisions, and that he will honor them. But that’s not all. Listen to the way he describes each. To all the extra vocabulary he exposes her to. And to the warm and happy tone he uses as she looks on adoringly. The whole episode might have taken 30 seconds longer than if he had simply picked an outfit and dressed her… but look at all that was gained by his attentive and interactive approach. Simply fantastic. How might you follow this dad’s lead today? This wonderful video was shared to IG by nikkiverabrown.

Dan Wuori

688,504 views • 2 years ago