@webloved: How I build with Claude 👇 Academy in bio 🔗 Full prompt goes in the Academy soon. It took hours of testing to get right. Want a site like this? Send me an email, email in bio 📩 Me and Claude at 6:99 AM building a smoothie site where you can literally play with your food 🍓 The trick: the stickers and fruit are normal HTML. A physics engine just moves them. 1. Add Matter.js. Gravity y = 1. 2. For each sticker, read getBoundingClientRect and make a body the same size. 3. Bounce 0.6, friction 0.1 so they land and wobble, not slide forever. 4. Walls 100px thick just outside the section edges, so nothing falls off. 5. Every frame, copy body to element: translate(x minus half width, y minus half height) rotate(angle rad). 6. MouseConstraint with stiffness 0.2 so you can grab and throw them. 7. Start the engine only when the section scrolls into view. Everything drops in at once. 8. On mobile add touch-action: pan-y so you can still scroll past it. Save this before your next playful build 🔥 #claude #webdesign #matterjs #smoothie #vibecoding

weblove

Open In TikTok:

Region: PT

Tuesday 27 October 2026 21:38:10 GMT