Cloth Physics in 3D CSS
Get picks like this daily. Today's launch numbers, the top launches, AI and tech news, and a daily opportunity pick, straight to your inbox.
Want to reach these readers? Sponsor an issue.
HN · launched Aug 21, 2026 · 5 upvotes (top 87%) · 0 views
Niche: interactive 3d web simulations · 157 launches, 9 in the last 7 days ▼ -47% · Explore this niche →
Category and tags
- Horizontal
- Dev tools
- Developer
- Not AI
- Hobby / open-source project
Visit website ↗ Source listing ↗
More like this: all 157 launches in interactive 3d web simulations →
Could you build this?
Partial Simulating cloth physics purely with 3D CSS transforms and DOM elements requires intricate mathematical modeling of particle-spring systems and bespoke CSS 3D rendering optimizations.
What it would actually take: The architecture requires a Verlet integration or Position-Based Dynamics (PBD) solver running in a requestAnimationFrame loop in JavaScript, projecting a 2D mass-spring grid onto 3D matrix3d CSS transforms on sliced DOM elements. The hard part is managing DOM thrashing and rendering latency to achieve real-time 60fps performance without WebGL canvas acceleration. It demands deep understanding of computer graphics math, cloth simulation algorithms, and browser rendering pipeline internals.
Discussion
1 comment analyzed.
Competitors
Other products that read as similar to this one : 925 launches clear the similarity bar, closest 8 shown.
Attention rank: #808 of 926 (itself plus its competitors, highest first, normalized so YC and Product Hunt are compared fairly).
Launched 296 days after the earliest competitor.
- A CSS 3D Engine (no WebGL) · hn · 2026-06-01 · 80 upvotes · similarity 0.65
- 3D Mahjong, Built in CSS · hn · 2026-02-22 · 138 upvotes · similarity 0.60
- ClothCraft · github · 2026-10-14 · 21 upvotes · similarity 0.58
- loom · github · 2026-09-16 · 29 upvotes · similarity 0.54
- Okinami_YASB · github · 2026-09-12 · 8 upvotes · similarity 0.54
- Sumi.css · github · 2026-10-20 · 180 upvotes · similarity 0.54
- A CSS-Only Terrain Generator · hn · 2025-11-04 · 371 upvotes · similarity 0.53
- I built an interactive 3D three-body problem simulator in the browser · hn · 2026-03-14 · 60 upvotes · similarity 0.53
The niche, labels, vibe code rating and competitor comparison on this page are analysis by Nicheloom. If you use them, please credit nicheloom.com. How you may use our data.