正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Can you believe BuilderStudio made this? Pathway used: Orbis A four-section landing page with a dark space theme, space video sections, liquid glass cards, Anton + Condiment typography, and a neon accent system. Skills used: • Frontend Design • Cinematic UI • WebGL / React Three Fiber Motion •... show more

WunderCorp, Inc.

1,506 subscribers

148,978 次观看 • 5 个月前 •via X (Twitter)

艺术科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Meet Kimi K2.6 agent - Video hero section, WebGL shaders, real backends. From one prompt. 🔹 Video hero sections - cinematic aesthetic, auto-composited 🔹 WebGL shader animations - native GLSL / WGSL, liquid metal, caustics, raymarching 🔹 Motion design - GSAP + Framer Motion 🔹 Backend database: Kimi wires up auth + database + backend in one pass. 🔹 Website stack - React 19 + TypeScript + Vite + Tailwind + shadcn/ui 🔹 3D w/ physically-based lighting - Three.js + React Three Fiber

Meet Kimi K2.6 agent - Video hero section, WebGL shaders, real backends. From one prompt. 🔹 Video hero sections - cinematic aesthetic, auto-composited 🔹 WebGL shader animations - native GLSL / WGSL, liquid metal, caustics, raymarching 🔹 Motion design - GSAP + Framer Motion 🔹 Backend database: Kimi wires up auth + database + backend in one pass. 🔹 Website stack - React 19 + TypeScript + Vite + Tailwind + shadcn/ui 🔹 3D w/ physically-based lighting - Three.js + React Three Fiber

Kimi.ai

394,684 次观看 • 6 个月前

$finally liquid glass web is here and it's open source. real WebGL refraction, chromatic aberration, liquid motion not usual backdrop-filter css hack. playground at code at MIT so do whatever you want with it #LiquidGlass #OpenSource #ReactJS #WebGL #UIComponents #FrontendDevelopment #CSS #JavaScript #WebDev #UI #UX #React #ComponentLibrary #OpenSourceSoftware #Frontend$

finally liquid glass web is here and it's open source. real WebGL refraction, chromatic aberration, liquid motion not usual backdrop-filter css hack. playground at code at MIT so do whatever you want with it #LiquidGlass #OpenSource #ReactJS #WebGL #UIComponents #FrontendDevelopment #CSS #JavaScript #WebDev #UI #UX #React #ComponentLibrary #OpenSourceSoftware #Frontend

Tirth Parmar

65,996 次观看 • 4 个月前

I asked Space Bunny in OpenCode to build an interactive solar system observatory from scratch. It created a full 3D experience with planets, moons, orbital motion, camera controls, mission data, planet comparisons, time simulation, search, and responsive layouts. I also had it build a complete theme system, so the UI can switch between a cinematic Dark Mode and a clean scientific Light Mode without breaking the space visualization. All from one prompt, running quickly with Max mode, with the model handling the project setup, components, interactions, and debugging inside the codebase.

I asked Space Bunny in OpenCode to build an interactive solar system observatory from scratch. It created a full 3D experience with planets, moons, orbital motion, camera controls, mission data, planet comparisons, time simulation, search, and responsive layouts. I also had it build a complete theme system, so the UI can switch between a cinematic Dark Mode and a clean scientific Light Mode without breaking the space visualization. All from one prompt, running quickly with Max mode, with the model handling the project setup, components, interactions, and debugging inside the codebase.

Jaynit Makwana

54,659 次观看 • 1 个月前

You can build a coding agent in 20 seconds with gpt-5.3-codex-spark

You can build a coding agent in 20 seconds with gpt-5.3-codex-spark

Nick

33,109 次观看 • 9 个月前

2 prompts to create a teaser page with liquid glass cards

2 prompts to create a teaser page with liquid glass cards

Meng To

29,648 次观看 • 1 年前

- 1170 Animated React icons - 111 free UI elements and 24 blocks - React frontend skills - Free animated React components - Free curated design inspiration

- 1170 Animated React icons - 111 free UI elements and 24 blocks - React frontend skills - Free animated React components - Free curated design inspiration

Csaba Kissi

14,400 次观看 • 1 个月前

I found a site with 1,000+ of FREE landing page templates. Its literally ONE CLICK: - Pick a design, copy the prompt, paste into Claude Code or Codex - Full pages and individual sections both available - Animated hero sections you keep seeing on Twitter? They're all here It takes < 2 minutes to go from template to frontend

I found a site with 1,000+ of FREE landing page templates. Its literally ONE CLICK: - Pick a design, copy the prompt, paste into Claude Code or Codex - Full pages and individual sections both available - Animated hero sections you keep seeing on Twitter? They're all here It takes < 2 minutes to go from template to frontend

Harshil Tomar

29,634 次观看 • 4 个月前

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

84,239 次观看 • 4 个月前

Recently launched a full trading education platform for a client in 8 weeks. We did everything: UI/UX, motion design, frontend, backend, accounts, email flows, study tools, premium states, payments, an admin panel and a landing page. see it live:

Recently launched a full trading education platform for a client in 8 weeks. We did everything: UI/UX, motion design, frontend, backend, accounts, email flows, study tools, premium states, payments, an admin panel and a landing page. see it live:

kargul.studio

15,969 次观看 • 1 个月前

Five frontier models. One simple prompt. No retries. No blender. Just a simple frontend web design. Fable 5.1 vs. GPT-6 Astra vs. DeepSeek v4.1 Flash vs. GLM 5.3 Flash vs. Qwen3.8 Flash Next Which model built the best looking luxury watch landing page? IMO Fable 5.1 and GLM 5.3 Flash look the best. LIVE DEMO:

Five frontier models. One simple prompt. No retries. No blender. Just a simple frontend web design. Fable 5.1 vs. GPT-6 Astra vs. DeepSeek v4.1 Flash vs. GLM 5.3 Flash vs. Qwen3.8 Flash Next Which model built the best looking luxury watch landing page? IMO Fable 5.1 and GLM 5.3 Flash look the best. LIVE DEMO:

Mia

16,546 次观看 • 1 个月前

GPT-5.6 Sol just changed how I build websites with AI. In this full 10-minute video, I test Sol and Terra inside Codex to build a cinematic landing page from a video reference. I cover: → Which GPT-5.6 model to use → How I analyze a full website experience → How I recreate the layout, motion and interactions → Why better prompting matters more than one-shot results → How to avoid generic AI slop The model matters—but the way you guide it matters even more. Watch the full process below 👇 Want the free template and the exact prompt I used? They’re available exclusively in the description of the YouTube version:

GPT-5.6 Sol just changed how I build websites with AI. In this full 10-minute video, I test Sol and Terra inside Codex to build a cinematic landing page from a video reference. I cover: → Which GPT-5.6 model to use → How I analyze a full website experience → How I recreate the layout, motion and interactions → Why better prompting matters more than one-shot results → How to avoid generic AI slop The model matters—but the way you guide it matters even more. Watch the full process below 👇 Want the free template and the exact prompt I used? They’re available exclusively in the description of the YouTube version:

Sourasith

266,430 次观看 • 4 个月前

OpenAI took the best Coding model in the world GPT-5.3 Codex And turned it into a powerful coding app It's called Codex, but most people have no idea what you can build with it.

OpenAI took the best Coding model in the world GPT-5.3 Codex And turned it into a powerful coding app It's called Codex, but most people have no idea what you can build with it.

David Ondrej

24,923 次观看 • 8 个月前

Glm-5 ile Minecraft yapmak. Kullanılan Teknolojiler: Oyun Motoru & 3D Grafik Three.js – WebGL tabanlı 3D grafik kütüphanesi React Three Fiber – Three.js için React renderer 🌐 Frontend Framework Next.js 16 – React tabanlı framework React 19 – UI kütüphanesi TypeScript – Tip güvenli JavaScript Z.ai Zixuan Li jietang

Glm-5 ile Minecraft yapmak. Kullanılan Teknolojiler: Oyun Motoru & 3D Grafik Three.js – WebGL tabanlı 3D grafik kütüphanesi React Three Fiber – Three.js için React renderer 🌐 Frontend Framework Next.js 16 – React tabanlı framework React 19 – UI kütüphanesi TypeScript – Tip güvenli JavaScript Z.ai Zixuan Li jietang

Mehmet

10,925 次观看 • 9 个月前

✨ Introducing Glassy UI 🫧 A UI library of liquid glass components for React and React Native. Built using React, Tailwind CSS and shadcn, with Expo for native. 100% Free and Open Source RT and I'll send you a bunch of templates once they're done 👀

✨ Introducing Glassy UI 🫧 A UI library of liquid glass components for React and React Native. Built using React, Tailwind CSS and shadcn, with Expo for native. 100% Free and Open Source RT and I'll send you a bunch of templates once they're done 👀

Alex

53,611 次观看 • 23 天前

Made a copy of the monthly calendar used by Cal.com with shadcn UI, Radix by WorkOS Colors and React Aria

Made a copy of the monthly calendar used by Cal.com with shadcn UI, Radix by WorkOS Colors and React Aria

Damián Ricobelli

54,160 次观看 • 2 年前

THIS GUY IS CLOSING $8K WEB DEALS BY PASTING THREE UI LIBRARIES INTO CLAUDE CODE same claude everyone runs, but his has 250+ animated components sitting in context before the first prompt even fires, so his hero sections ship with webgl and scroll effects while yours ships flat the three libraries: animasterlib for the 250+ animated components, scroll rigs, hero blocks, mouse interactions and webgl scenes skyperui for the ready hero sections, cards and pricing blocks that already look shipped vengenceui for the modern animation blocks and premium design sections paste them in once, from that point every landing this guy builds walks out with real motion and glass hero sections, and he charges 10x what the local guy charges for the exact same page count everyone else is still asking claude to make it look premium and getting a rounded rectangle back save the three libraries, install order is in the guide below

THIS GUY IS CLOSING $8K WEB DEALS BY PASTING THREE UI LIBRARIES INTO CLAUDE CODE same claude everyone runs, but his has 250+ animated components sitting in context before the first prompt even fires, so his hero sections ship with webgl and scroll effects while yours ships flat the three libraries: animasterlib for the 250+ animated components, scroll rigs, hero blocks, mouse interactions and webgl scenes skyperui for the ready hero sections, cards and pricing blocks that already look shipped vengenceui for the modern animation blocks and premium design sections paste them in once, from that point every landing this guy builds walks out with real motion and glass hero sections, and he charges 10x what the local guy charges for the exact same page count everyone else is still asking claude to make it look premium and getting a rounded rectangle back save the three libraries, install order is in the guide below

Bounce

11,407 次观看 • 4 个月前

- UI prompt library for vibe coders with 251 elements - Free motion design for Mac - Open-source Liquid effects for React UI - 2000+ hand-free illustrations - Mac's notch as a native developer command center.

- UI prompt library for vibe coders with 251 elements - Free motion design for Mac - Open-source Liquid effects for React UI - 2000+ hand-free illustrations - Mac's notch as a native developer command center.

Csaba Kissi

45,736 次观看 • 2 个月前

GPT Image 2 + Codex: or how to make Codex not suck at UI. Step 1: Generate a UI image (native in Codex) Step 2: Get Codex to implement the UI based on it Step 3: Get Codex to iterate until it aligns with the image as much as possible Codex is bad at initial UI, but very good at implementing a reference design, so this is your way out - iterate with the image model first and then Codex will do a good job.

GPT Image 2 + Codex: or how to make Codex not suck at UI. Step 1: Generate a UI image (native in Codex) Step 2: Get Codex to implement the UI based on it Step 3: Get Codex to iterate until it aligns with the image as much as possible Codex is bad at initial UI, but very good at implementing a reference design, so this is your way out - iterate with the image model first and then Codex will do a good job.

Peter Gostev

67,245 次观看 • 6 个月前

7 UI skills every design engineer should know when building with AI agents: 1. emil-design-eng 2. make-interfaces-feel-better 3. playwright-cli 4. react-doctor 5. fixing-accessibility 6. 12-principles-of-animation 7. shadcn

7 UI skills every design engineer should know when building with AI agents: 1. emil-design-eng 2. make-interfaces-feel-better 3. playwright-cli 4. react-doctor 5. fixing-accessibility 6. 12-principles-of-animation 7. shadcn

Nero

43,535 次观看 • 1 个月前