13.7M
_NEntangled.
.
.
#fxhash #threejs #generativeart #creativecoding #javascript
@_nonfigurativ_
#Three.js
世界中の人々によるThree.jsに関する件のリール動画を視聴。
ログインせずに匿名で視聴。
関連検索
28トレンドリール
(12)
541.5K
MOIntroducing the new antimatterai
A 1-month end-to-end build: design → motion → 3D → deployment.
Tech: Next.js / Three.js / GSAP / Lenis / Tailwind
Design: Figma / Blender
Built this for a US 🇺🇸- based team
Want something like this for your next launch? 👇 DM me
______
#webdesign #startup #saas #founder #uiux
@moncy_dev
222.1K
_IAura📈💯
Cheak it out from bio...
#animatedportfolio #reactjs #threejs #gsap #portfolio #webdevelopment #webstagram #ui #trending #instagram
@_itx_oxygen
64.5K
BY2025 photo dump (vibe coded edition) 👩🏻💻🧩🌐✨ first time experimenting with realtime hand tracking and i’m obsessed! hehe 🤓
1. right hand pinch to zoom; left hand pinch to drag + rotate the sphere
2. hand openness (fist vs. open palm) controls the speed of the images
#threejs #webgl #interactiveart #mediapipe #gemini3
@byisabellek
5.2K
COToday, we have a massive hands-on case study by Stas Bondar on his stunning portfolio!
Get an exclusive look at the techniques and code powering his site, from GSAP to Three.js, physics-based animations and so much more!
Don't miss this one—you're going to learn a lot! 🔥
Read it here: https://tympanus.net/codrops/2025/03/25/stas-bondar-25-the-code-techniques-behind-a-next-level-portfolio/
#gsap #threejs #casestudy #3d #portfolio #inspiration #animation #website #tutorial #howto #creativecoding #coding #motiondesign #
@codropsss
504.2K
SASo you want to know how these insanely beautiful website are built? I dug into the source code of multiple high-end sites and discovered a totally different stack than I expected. If you make it to the end of this video, I’ll share the exact tools I’d use to build something like this fast (even without deep FE/web experience).
Shoutout to @josh_yolkk for inspiring this video! Technologies mentioned @webflow, @osmo.supply, React, Three.js, React Three Fiber, Lenis, Barba.js, webP. Template by @byq.supply
#webdevelopment #webdesign #frontenddevelopment #softwareengineering #webflow
@sahanaintech
752.9K
STthe evolution of the four-wing strange attractor
a "strange attractor" is dynamic system where points are pulled to a certain region or shape, characterized by fractal structures
strange attractors are highly sensitive to small changes in the initial conditions, leading to chaotic behaviour within the system
the name was introduced in the early 1970s by David Ruelle and Floris Takens in a paper that characterized fluid turbulence as an example of what we now call chaos
song: BIOS - Zorrovian
#math #creativecoding #threejs #datavisualization #newmediaart
@stereo.drift
152.2K
PIJust tried Gemini 3 and… this is actually mind-blowing 🤯🔥
I typed a few simple lines, and it built a real-time 3D interactive website in minutes
complete with hand-gesture control using my camera.
No code.
No setup.
Just text → full working experience.
Credits x - el.cine ( EHuanglu )
🙂
The future of creating products, prototypes, art, and interactions is literally here.
AI isn’t just assisting anymore… it’s building. 🚀✨
#Gemini3 #GoogleGemini #AI #ArtificialIntelligence #3DWebsite #ThreeJS #WebGL #HandTracking #GestureControl #AIDemo #AICreation #FutureOfTech #NextGenAI #Realtime3D #TypeToBuild #NoCode #InstaTech #TechReels #DeveloperCommunity #AIFuture #PrototypeInMinutes #DigitalInnovation #AIRevolution #CreatorsOfInstagram #BuildWithAI #TechTrends #InnovationDaily #AIForEveryone #DesignTech #FutureIsNow
@piyush.glitch
114.6K
COA neural network visualizer that shows how an MLP learns step by step. Runs in the browser, trained with PyTorch, and works best on desktop.
.
Source: 🎥 DFinsterwalder (X)
.
.
#coding #programming #softwaredevelopment #computerscience #cse #software #ai #ml #machinelearning #computer #neuralnetwork #mlp #ai #machinelearning #deeplearning #visualization #threejs #pytorch #webapp #tech
@code_helping
2.4M
MINew tutorial - Turn a Figma Design to a 3D landing page with the @doraplatform plugin - Link in my profile.
#webdevelopment #webdesign #webdesigntutorial #webbuilder #uiuxdesign #uidesign #uidesigner #uiinspiration #designinspiration #uianimation #3danimation #3dwebsite #3dweb #threejs
@minhpham.design
8.2K
ALPrompt: "Create a real-time interactive 3D particle system with Three.js. The system reads your hand gestures through the camera to control particle expansion, color, and even switch between templates like hearts, flowers, Saturn, fireworks, and more."
I just built this Iron Man tech in 30 seconds using Gemini 3. 🤯🦾
No complex math. No 100-hour coding sessions. I just asked Google AI Studio to create a "real-time interactive 3D particle system with Three.js," and it wrote the entire code.
It uses my webcam to track hand gestures—pinch to expand, peace sign to switch shapes (Saturn, Heart, Flower). 🪐❤️
This is the future of creative coding. Save this reel to try it yourself! 👇
✨ HOW TO DO IT:
1-Go to aistudio.google.com
2-Select Gemini 2.0 Flash (Experimental) or Gemini 1.5 Pro.
3-Paste this prompt: "Create a real-time interactive 3D particle system with Three.js. The system reads your hand gestures through the camera to control particle expansion, color, and even switch between templates like hearts, flowers, Saturn, fireworks, and more."
4-Copy the code it gives you.
5-Paste it into a text file, save as index.html.
6-Open in your browser & allow camera access.
#Gemini3 #GoogleAI #ThreeJS #CreativeCoding #TechHacks #WebDev #AugmentedReality #AIArt #Coding
@ali_saif______
6.1K
COControl 3D Objects with Hand Gestures! | AI + Three.js Interactive Demo
In this video, I demo a fully AI-generated interactive 3D experience where you can control objects using real-time hand gestures. With just a single prompt, I built an entire application that lets me zoom in, zoom out, move left, move right, rotate objects, and even switch between different shapes and colors — all powered by a camera-based gesture detection system combined with Three.js.
These are technologies that even experienced JavaScript developers find challenging, yet this AI-powered workflow made the entire build incredibly fast and smooth. You’ll see me interact with shapes like Saturn, change colors, rotate objects, and navigate the 3D scene with nothing but my hands.
If you want to try this application yourself, comment particlezen and I’ll share the full prompt and live URL.
.
.
.
.
.
#ThreeJS #HandTracking #AIDemo #GestureControl #3DWebApp #GoogleGemini #JavaScriptProjects #WebDevelopment #AIProjects #CreativeCoding #MotionTracking #FrontendDev #BuildWithAI #InnovationTech #ParticleZen
@code.with.ahsan
✨ #Three.js発見ガイド
Instagramには#Three.jsの下にthousands of件の投稿があり、プラットフォームで最も活気のあるビジュアルエコシステムの1つを作り出しています。
ログインせずに最新の#Three.jsコンテンツを発見しましょう。このタグの下で最も印象的なリール、特に@_nonfigurativ_, @minhpham.design and @stereo.driftからのものは、大きな注目を集めています。
#Three.jsで何がトレンドですか？最も視聴されたReels動画とバイラルコンテンツが上部に掲載されています。
人気カテゴリー
📹 ビデオトレンド: 最新のReelsとバイラル動画を発見
📈 ハッシュタグ戦略: コンテンツのトレンドハッシュタグオプションを探索
🌟 注目のクリエイター: @_nonfigurativ_, @minhpham.design, @stereo.driftなどがコミュニティをリード
#Three.jsについてのよくある質問
Pictameを使用すれば、Instagramにログインせずに#Three.jsのすべてのリールと動画を閲覧できます。あなたの視聴活動は完全にプライベートです。ハッシュタグを検索して、トレンドコンテンツをすぐに探索開始できます。
パフォーマンス分析
12リールの分析
💡 トップ投稿は平均4.4M回の再生（平均の2.8倍）
週3-5回、活動時間に定期的に投稿
コンテンツ作成のヒントと戦略
🔥 #Three.jsは高いエンゲージメント可能性を示す - ピーク時に戦略的に投稿
✍️ ストーリー性のある詳細なキャプションが効果的 - 平均長535文字
📹 #Three.jsには高品質な縦型動画（9:16）が最適 - 良い照明とクリアな音声を使用
✨ 多くの認証済みクリエイターが活動中（25%） - コンテンツスタイルを研究
#Three.js に関連する人気検索
🎬動画愛好家向け
Three.js ReelsThree.js動画を見る
📈戦略探求者向け
Three.jsトレンドハッシュタグ最高のThree.jsハッシュタグ
🌟もっと探索
Three.jsを探索#three#three js#threejs#threes#three js journey#three js photography#Three.js performance optimization#Three.js Particle System Examples