PeachWeb
241 posts
PeachWeb
@PeachWeb_
Build your Threejs 3D website in minutes 👉 4x No-Code Site of the Month @awwwards
London Katılım Kasım 2023
358 Takip Edilen1.3K Takipçiler
How I built with Claude 👇
1. Prompt: "Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions"
2. Use Three.js for the painted texture background that reacts to cursor
3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene"
4. Use Lenis.js for that buttery smooth scroll that premium sites have
FHILY👑@Oluwaphilemon1
made a tool that turns any URL into a clean DESIGN.md Extract layout, typography, colors, and component patterns from any site, then save them to your private library. It also includes 160+ downloadable design systems if you need a good starting point.
English
PeachWeb retweetledi
the people behind the work matter.
every maker on mesh3d now has their own page - MVP is live, richer pages soon.
English
We are featured in the hottest gallery for 3D websites 🍑
Andy Broncek@andybroncek
The web can be jaw-dropping. mesh3d.gallery is where I curate the best 3D & interactive websites on the internet — WebGL, Three.js, real-time visuals, creative coding. If you care about what the web can be, follow along. 👉 mesh3d.gallery
English
PeachWeb retweetledi
See more at mesh3d.gallery/makers
Maker featured in the video is @PeachWeb_
English
How I built with Claude 👇
Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D"
Use Three.js with WebGL to render all products in real time in the browser
Use Blender to model the packaging then export as GLTF to load in Three.js
Use GSAP for the smooth product rotation and hover interactions
Save this if you want a portfolio that makes clients feel they are buying something premium 🛒
FHILY👑@Oluwaphilemon1
How I built with Claude 👇 1. Structure it as 6 individual 3D scenes per product 2. Design each scene as an intimate alcove with its own world 3. Use scroll to move between scenes 4. Add hidden gestures that reward curious users 5. Pair a custom soundscape to each environment 6. Let the 3D render carry the story 7. This is how luxury brands sell without selling 8. Save this if you want websites that feel like walking into a store 🏆
English
¿Quieres que tu IA suba el nivel de sus diseños?
Necesitas conocer este recurso de archivos DESIGN.md
✓ +2000 disponibles
✓ De productos y empresas top
✓ Colores, tipografías, espaciados y layouts
→ styles.refero.design
Español
19-year-old with zero experience won a tender against a design agency, closed a $50,000 contract and delivered the work in one night.
He opened Claude Code and started describing what he wanted to see. 3D objects that rotate on scroll, cinematic lighting, animations that respond to every mouse movement. Claude generated file after file until the screen showed a website good enough to present to investors.
No designer, no agency, no budget. What used to cost $50,000 and take 8 weeks he built in one evening - and the client saw the result before the agency had time to send a proposal.
The barrier between an idea and an Apple-level product just dropped to one evening and a few prompts.
Defileo🔮@defileo
We spent months building this so you don't have to figure it out alone. A free 7-day course that takes you from zero to building real things with AI, no coding background, no expensive tools, no fluff, just results. From 0 -> to Claude code expert, completely free: > skool.com/ai-builderss/c… In 7 days, you’ll learn vibe coding, set up Claude Code, build your first AI app, create a prompt-built website, automate a task with n8n, and deploy it live to a real URL. No theory, no filler, just a real project you can show people by the end of the week. For those who want to go further, we spent even longer building another one, designed for people who are genuinely interested in AI deep learning and launching products. From Expert to Your First $10k Product {You can find it on the link above as well} The complete masterclass, full-stack AI apps, Supabase, n8n automations, AI agents, Telegram bots, SaaS products built from scratch, Stripe, subscriptions, client work, freelancing, pricing and scaling. This is the course that turns the skill into actual income. Me and @noisyb0y1 put everything we know into both of these, you can start free, build something real, then decide how far you want to take it.
English
Tools built on Three.js:
@blockbench
@ForgeCAD
@getPlasticity
@MeshyAI
@pascal_app
@RPGPaperMaker
@splinetool
@tripoai
What did we miss? 👇
English
Seeing some interest in this, so I’m opening a small beta
Who wants to try it before release?
Augis@thisaugis
From 3D model to stylized visual
English
The rate at which impressive Three.js/WebGL 3D sites are being built right now is genuinely unreal.
We curate mesh3d.gallery and the submissions just don't stop.
Turns out giving creative people AI tools was a terrible idea. They became unstoppable 👏
English