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

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

На главную

Well… things escalated fast. This started as me re-purposing dusty / rejected Figma concepts to study page transitions using WebGL + Taxi. Somehow it turned into a mini site with… a lot going on. Live: #webflow #threejs #gsap #webgl

bamojk's profile picture

Bimo Tri. P

1,219 subscribers

13,587 просмотров • 9 месяцев назад •via X (Twitter)

#webflow#threejs#gsap#webgl
LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

What if your website felt like a living canvas? 💣 I built a WebGL experiment to test that idea. A reactive image grid powered by Three.js + GSAP + Webflow , where every tile bends, scales and reacts to your cursor like a soft “force field”. 🔗 Live demo: 🔗 Case study on Contra #WebGL #ThreeJS #GSAP #CreativeCoding #Webflow #InteractionDesign
0:23

What if your website felt like a living canvas? 💣 I built a WebGL experiment to test that idea. A reactive image grid powered by Three.js + GSAP + Webflow , where every tile bends, scales and reacts to your cursor like a soft “force field”. 🔗 Live demo: 🔗 Case study on Contra #WebGL #ThreeJS #GSAP #CreativeCoding #Webflow #InteractionDesign

Franco Beltramella | Webflow Expert

15,832 просмотров • 9 месяцев назад

Launching something for me today: I’m working on a course. All I know about writing code in #webflow. From basic js, through animations to really advanced™ things. Live with this temporary (tiny) landing today, made w/ #webgl, #gsap and Webflow → 👀
0:28

Launching something for me today: I’m working on a course. All I know about writing code in #webflow. From basic js, through animations to really advanced™ things. Live with this temporary (tiny) landing today, made w/ #webgl, #gsap and Webflow → 👀

👀

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

Akari - Our 2D light tracing experiment just goes live!! It comes with a few mini light demos for you to explore!! Light must go on!! ✨🌈 ↳ #threejs #webgl
1:12

Akari - Our 2D light tracing experiment just goes live!! It comes with a few mini light demos for you to explore!! Light must go on!! ✨🌈 ↳ #threejs #webgl

Lusion™

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

I just turned 37 today and started this journey when I was 30. After years of building the engine with 💕 and optimizing it, this is the final gameplay running on #webgl with #threejs After converting Jamir from WebGL to WebGPU, I hope to release the X3JS, built on top of Jamir's game engine, in 2025, initially for creating FPP and TPP games, and make it available for everyone. New version will be upcoming in a few days, btw! 🥳 #gamedev #gamedevelopment
9:27

I just turned 37 today and started this journey when I was 30. After years of building the engine with 💕 and optimizing it, this is the final gameplay running on #webgl with #threejs After converting Jamir from WebGL to WebGPU, I hope to release the X3JS, built on top of Jamir's game engine, in 2025, initially for creating FPP and TPP games, and make it available for everyone. New version will be upcoming in a few days, btw! 🥳 #gamedev #gamedevelopment

mert

31,651 просмотров • 1 год назад

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:
0:32

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:

The Bugged Dev

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

Recap of the highlights from my Portfolio Site. I spent ~572 hours on this site. Made in Webflow with GSAP Sounds like way too much — but I used this project to learn Webflow, GSAP, animation basics, and to get a feeling for web animations. So it happened quite often that I had to rebuild modules after learning something new. Sometimes there were performance drops, which led me to rebuild even more. I used Swup JS for the first time to create a page transition. That took so much time. With this project, I also built a base boilerplate for future projects, so I can create new sites faster. And there were so many other things I tried for the first time. All in all, I learned a lot just by building. Check it out live! Link in the comments.
1:15

Recap of the highlights from my Portfolio Site. I spent ~572 hours on this site. Made in Webflow with GSAP Sounds like way too much — but I used this project to learn Webflow, GSAP, animation basics, and to get a feeling for web animations. So it happened quite often that I had to rebuild modules after learning something new. Sometimes there were performance drops, which led me to rebuild even more. I used Swup JS for the first time to create a page transition. That took so much time. With this project, I also built a base boilerplate for future projects, so I can create new sites faster. And there were so many other things I tried for the first time. All in all, I learned a lot just by building. Check it out live! Link in the comments.

Eduard Bodak

15,936 просмотров • 1 год назад

👉🏻 My #threejs portfolio was accepted as a nominee on awwwards. 😍. The votes are open until August 15th. After 4 years in this #threejsJourney, putting into practice the things I've learned from this amazing course, it is the first time that I have had enough personal projects to compile a portfolio 😊. I'm glad that I started this journey, and I hope I can keep inspiring and helping others 🙏🏻. #creativecoding #webgl #r3f
0:43

👉🏻 My #threejs portfolio was accepted as a nominee on awwwards. 😍. The votes are open until August 15th. After 4 years in this #threejsJourney, putting into practice the things I've learned from this amazing course, it is the first time that I have had enough personal projects to compile a portfolio 😊. I'm glad that I started this journey, and I hope I can keep inspiring and helping others 🙏🏻. #creativecoding #webgl #r3f

Anderson Mancini

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

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.
0:46

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.

Prashant

1,274,168 просмотров • 1 год назад

I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: Repo: I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills repo:
0:38

I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: Repo: I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills repo:

Meng To

132,782 просмотров • 27 дней назад

I finished designing and developing the site for MoMoney last July, but the doors of the museum are finally open and now I get to share it with the world! This one was a lot of fun, and Houss (the client) has been incredible to work with — a genuine please. 🎨 Branding by Studio Chong 🖥️ Built in Webflow 🪄 Brought to life using GSAP
0:51

I finished designing and developing the site for MoMoney last July, but the doors of the museum are finally open and now I get to share it with the world! This one was a lot of fun, and Houss (the client) has been incredible to work with — a genuine please. 🎨 Branding by Studio Chong 🖥️ Built in Webflow 🪄 Brought to life using GSAP

Jordan Gilroy

17,531 просмотров • 7 месяцев назад

It started with a phone call, it turned into history. Hear stories you’ve never heard about The Boneyard Match in person this Friday. Tickets for the first-ever live episode of #SixFeetUnder are still available but going fast. Get yours before they’re gone! 🎟️:
0:35

It started with a phone call, it turned into history. Hear stories you’ve never heard about The Boneyard Match in person this Friday. Tickets for the first-ever live episode of #SixFeetUnder are still available but going fast. Get yours before they’re gone! 🎟️:

Undertaker

97,494 просмотров • 9 месяцев назад

As promised, here's a tutorial on how to do these special FX insane transitions on your own videos using a Glif agent! i literally use this on my iPhone on the couch, so the demo is done like that as well Link to the agent below, tag me if you're making sth cool with it!
3:25

As promised, here's a tutorial on how to do these special FX insane transitions on your own videos using a Glif agent! i literally use this on my iPhone on the couch, so the demo is done like that as well Link to the agent below, tag me if you're making sth cool with it!

fabian

11,693 просмотров • 10 месяцев назад

🚨 The BIGGEST Webflow Community Challenge is here. To celebrate the launch of Webflow Interactions with GSAP, we’re inviting you to help shape the future of motion on the web. 👀 The prompt: In the age of AI, agents, spatial interfaces, and new modes of interaction, show us what’s next for the future of the web through expressive animation, thoughtful layout, and intuitive storytelling that leverages the full power of Webflow Interactions powered by GSAP. Winner gets: 💸 $5K cash ✈️ A free ticket and travel to Webflow Conf in NYC 🌐 Your build featured on as the new official showcase site for Webflow Interactions Finalists also have the chance to turn submissions into free or paid templates in the Webflow Marketplace. 🗓️ Submit your build by August 21 at 11:59pm PT. The judging panel is full of Webflow legends, like: Timothy Ricks, Ilja van Eck, Dennis Snellenberg, Cassie Evans, Corey Moen 👉 Enter now. Share your progress using #WebflowChallenge. Win big.
0:50

🚨 The BIGGEST Webflow Community Challenge is here. To celebrate the launch of Webflow Interactions with GSAP, we’re inviting you to help shape the future of motion on the web. 👀 The prompt: In the age of AI, agents, spatial interfaces, and new modes of interaction, show us what’s next for the future of the web through expressive animation, thoughtful layout, and intuitive storytelling that leverages the full power of Webflow Interactions powered by GSAP. Winner gets: 💸 $5K cash ✈️ A free ticket and travel to Webflow Conf in NYC 🌐 Your build featured on as the new official showcase site for Webflow Interactions Finalists also have the chance to turn submissions into free or paid templates in the Webflow Marketplace. 🗓️ Submit your build by August 21 at 11:59pm PT. The judging panel is full of Webflow legends, like: Timothy Ricks, Ilja van Eck, Dennis Snellenberg, Cassie Evans, Corey Moen 👉 Enter now. Share your progress using #WebflowChallenge. Win big.

Webflow

40,033 просмотров • 1 год назад

🚨BREAKING: You can now build full websites by just typing. It’s called Youware, and it runs on pure vibe coding. Here’s how it works (with a live demo):👇 1. Create a web page or game just by typing. You can even send a screenshot to make it live. 2. Use built-in tools like Figma, YouTube, and Notion. 3. Change a Figma design into a real website. 4. Change how the webpage looks with one click using the boost button on the profile page. 5. Easily deploy code with a link you can share. 6. Highlights: free online AI coding. Try it today:
0:23

🚨BREAKING: You can now build full websites by just typing. It’s called Youware, and it runs on pure vibe coding. Here’s how it works (with a live demo):👇 1. Create a web page or game just by typing. You can even send a screenshot to make it live. 2. Use built-in tools like Figma, YouTube, and Notion. 3. Change a Figma design into a real website. 4. Change how the webpage looks with one click using the boost button on the profile page. 5. Easily deploy code with a link you can share. 6. Highlights: free online AI coding. Try it today:

Hasan Toor

73,516 просмотров • 1 год назад

After 4 Years of working on my own game as a side project... THE STEAM PAGE IS ALIVE! I started working on this game a way to learn about game development, but after chipping at it 2 hours at a time, it turned into a game of its own! #indiegame #indiedev
1:27

After 4 Years of working on my own game as a side project... THE STEAM PAGE IS ALIVE! I started working on this game a way to learn about game development, but after chipping at it 2 hours at a time, it turned into a game of its own! #indiegame #indiedev

Necrit 🎩

214,185 просмотров • 9 месяцев назад

I’m 48 hours into a 72-hour fast… and this is where things get really interesting. What’s happening inside your body between hours 48 and 72? There’s a lot going on when it comes to fuel use and metabolic health. I’ll let Joe Orton break it down.
2:49

I’m 48 hours into a 72-hour fast… and this is where things get really interesting. What’s happening inside your body between hours 48 and 72? There’s a lot going on when it comes to fuel use and metabolic health. I’ll let Joe Orton break it down.

Eddie Lacy

66,020 просмотров • 11 дней назад

Raiders Maxx Crosby on new QB Kirk Cousins “Ran into Kirko Bangs. It was dope we had a great conversation, he was awesome definitely fired me up. Dude has done a lot of great things in this league, adding him to the squad is gonna help a lot, we got more pieces coming as well”
1:02

Raiders Maxx Crosby on new QB Kirk Cousins “Ran into Kirko Bangs. It was dope we had a great conversation, he was awesome definitely fired me up. Dude has done a lot of great things in this league, adding him to the squad is gonna help a lot, we got more pieces coming as well”

ShifftttyyyQB1🏴‍☠️

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

Last week we launched our Superagents. This is the fastest I’ve seen a product grow from 0. A lot of excitement from users, and more importantly – people actually started using it in real workflows almost immediately. We started getting a lot of feedback from how people were actually using it. We shipped 8 things to Base44 Superagent this week. The one I can't stop demoing: Mini Apps is wild. Your agent can now build and show a small working app right inside the conversation. Not text, actual interactive UI with your real data.
0:25

Last week we launched our Superagents. This is the fastest I’ve seen a product grow from 0. A lot of excitement from users, and more importantly – people actually started using it in real workflows almost immediately. We started getting a lot of feedback from how people were actually using it. We shipped 8 things to Base44 Superagent this week. The one I can't stop demoing: Mini Apps is wild. Your agent can now build and show a small working app right inside the conversation. Not text, actual interactive UI with your real data.

Maor Shlomo

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

My Framer template was rejected ❌ This isn't what I was hoping to post but I always try to share both the ups and downs. I put the most effort ever into this template but ultimately it was rejected for originality. The agency niche is completely new to me and although I learnt a lot during the process, I obviously didn't do a good enough job making it unique enough so I have a lot to learn there still. I'm feeling a bit lost on what to do with this template as I really like it but I'd have to drastically change it (colours, fonts, content, etc...) to get it live on the marketplace. Maybe I'll just make it live on my own store incase anyone is interested in it still? As always massive respect to the Framer review team for upholding such high marketplace standards. Not going to let this keep me down for too long, I'm moving straight onto my next template and going for something more simple and similar to what has worked for me before (think a Refit 2.0) 💪🏻
0:28

My Framer template was rejected ❌ This isn't what I was hoping to post but I always try to share both the ups and downs. I put the most effort ever into this template but ultimately it was rejected for originality. The agency niche is completely new to me and although I learnt a lot during the process, I obviously didn't do a good enough job making it unique enough so I have a lot to learn there still. I'm feeling a bit lost on what to do with this template as I really like it but I'd have to drastically change it (colours, fonts, content, etc...) to get it live on the marketplace. Maybe I'll just make it live on my own store incase anyone is interested in it still? As always massive respect to the Framer review team for upholding such high marketplace standards. Not going to let this keep me down for too long, I'm moving straight onto my next template and going for something more simple and similar to what has worked for me before (think a Refit 2.0) 💪🏻

JJ Gerrish

13,694 просмотров • 9 месяцев назад