57:I[473921,["/creators-assets/_next/static/immutable/chunks/2mufb5vfxu89s.js","/creators-assets/_next/static/immutable/chunks/1__2xzczq2pwn.js","/creators-assets/_next/static/immutable/chunks/2kn0bu6tvfjta.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/3mwqlk6tp5l2t.js","/creators-assets/_next/static/immutable/chunks/00ucqynnajlsr.js","/creators-assets/_next/static/immutable/chunks/1q7v4rdbqi_5d.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/1w_rozgc2dplq.js","/creators-assets/_next/static/immutable/chunks/0dglr8x18qkm5.js","/creators-assets/_next/static/immutable/chunks/0a8vglvd9phm3.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/2bbm33yuxi64a.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0kjwwabuczr28.js","/creators-assets/_next/static/immutable/chunks/382o7gg6l86xy.js","/creators-assets/_next/static/immutable/chunks/22zq93dcklbwz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/02-x_1qnbh38n.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3g7os-hf6q3tv.js","/creators-assets/_next/static/immutable/chunks/1e3mmtw6okz19.js","/creators-assets/_next/static/immutable/chunks/2ww-ud7wb5tjj.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/2x3imtac9af--.js","/creators-assets/_next/static/immutable/chunks/2t6l_zgbmmx8u.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/1bav8vveixprt.js","/creators-assets/_next/static/immutable/chunks/3-uff2nrv83hw.js","/creators-assets/_next/static/immutable/chunks/0alicgkopr9se.js","/creators-assets/_next/static/immutable/chunks/0-kepukl8ldjk.js","/creators-assets/_next/static/immutable/chunks/2-u6q7fsgfx0e.js"],"PostDetailCard"] 58:Ta04,

⚡OCT 20 UPDATE: Tearable Cloth is now 100% free. The $1 listing here is simply an optional platform minimum—otherwise, the entire component is 100% free for everyone.🎁

Websites feel like glass. This gives them weight.

Drop in any photo, poster, or graphic. It instantly gains physical tension, gravity, and touch. Visitors can stretch it, ripple it, or slice clean through it with fluid WebGL physics.

Two states of matter

Destructible

Swipe to slice or pull until it snaps. Real-time stress calculations sever constraints under tension, letting torn remnants cascade with natural gravity.

Indestructible

Turn tearing off. The cloth transforms into an unbroken elastic membrane that ripples, stretches, and snaps back the moment you let go.

Precision vector slicing

Tearable Cloth tracks the vector path between pointer frames, ensuring fast swipes never miss a cut on mobile or desktop

Slice on Drag: Instant single-swipe cutting

Drag & Cut: Left-click pulls tension; right-click shears

Eight points of structure

Anchor your canvas however your layout demands:

Perimeter Edges: Pin Top, Bottom, Left, or Right

Individual Corners: Pin single corners

Engineered for production

Adaptive Mesh Density: Automatically calculates square spring cells based on container scale for uniform fabric drape.

Hardware-Accelerated WebGL: 60–120 FPS performance with 0% CPU sleep when scrolled out of view.

Universal Aspect Ratio: Shapes naturally to any portrait, landscape, or square asset with zero distortion.

Autonomous Reset: automatically reconstructs the cloth once torn away.

Canvas Controls

Tearable: Toggle between destructible cloth and elastic fabric.

Action: Slice on Drag / Drag & Cut.

Auto Reset & Delay: Timed respawn after collapse.

Pin Configuration: 4 independent edges + 4 individual corners.

Physics Engine: Gravity, Mesh Detail, Air Resistance, Drag Reach, Cut Radius, and Solver Accuracy.

---

Need support?

Contact: contact@valorsic.studio

Crafted by valorsicstudio

54:[["$","$L57",null,{"post":{"id":"01a10d87-9549-73af-b59c-5c4d7b6f7206","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b750c32-d67f-419e-ab04-9e9df0aa1d71","name":"valorsic studio","slug":"valorsicstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b750c32-d67f-419e-ab04-9e9df0aa1d71/nwbzhgar","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qphnBSHmvxosmmsyzMry","resolved":true,"title":"Tearable Cloth","body":"$58","bodyJson":{"type":"doc","content":[{"type":"customHeading","attrs":{"level":1},"content":[{"type":"text","text":"⚡OCT 20 UPDATE: Tearable Cloth is now 100% free. The $1 listing here is simply an optional platform minimum—otherwise, the entire component is 100% free for everyone."},{"type":"emoji","attrs":{"name":"gift","emoji":"🎁"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Websites feel like glass. This gives them weight."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in any photo, poster, or graphic. It instantly gains physical tension, gravity, and touch. Visitors can stretch it, ripple it, or slice clean through it with fluid WebGL physics."}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Two states of matter"}]},{"type":"paragraph","content":[{"type":"text","text":"Destructible ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Swipe to slice or pull until it snaps. Real-time stress calculations sever constraints under tension, letting torn remnants cascade with natural gravity."}]},{"type":"paragraph","content":[{"type":"text","text":"Indestructible ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn tearing off. The cloth transforms into an unbroken elastic membrane that ripples, stretches, and snaps back the moment you let go."}]},{"type":"customHeading","attrs":{"level":1},"content":[{"type":"text","text":"Precision vector slicing"}]},{"type":"paragraph","content":[{"type":"text","text":"Tearable Cloth tracks the vector path between pointer frames, ensuring fast swipes never miss a cut on mobile or desktop"}]},{"type":"paragraph","content":[{"type":"text","text":"Slice on Drag: ","marks":[{"type":"bold"}]},{"type":"text","text":"Instant single-swipe cutting"}]},{"type":"paragraph","content":[{"type":"text","text":"Drag & Cut:","marks":[{"type":"bold"}]},{"type":"text","text":" Left-click pulls tension; right-click shears"}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Eight points of structure"}]},{"type":"paragraph","content":[{"type":"text","text":"Anchor your canvas however your layout demands:"}]},{"type":"paragraph","content":[{"type":"text","text":"Perimeter Edges: ","marks":[{"type":"bold"}]},{"type":"text","text":"Pin Top, Bottom, Left, or Right "}]},{"type":"paragraph","content":[{"type":"text","text":"Individual Corners:","marks":[{"type":"bold"}]},{"type":"text","text":" Pin single corners "}]},{"type":"paragraph"},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Engineered for production"}]},{"type":"paragraph","content":[{"type":"text","text":"Adaptive Mesh Density: ","marks":[{"type":"bold"}]},{"type":"text","text":"Automatically calculates square spring cells based on container scale for uniform fabric drape."}]},{"type":"paragraph","content":[{"type":"text","text":"Hardware-Accelerated WebGL:","marks":[{"type":"bold"}]},{"type":"text","text":" 60–120 FPS performance with 0% CPU sleep when scrolled out of view."}]},{"type":"paragraph","content":[{"type":"text","text":"Universal Aspect Ratio: ","marks":[{"type":"bold"}]},{"type":"text","text":"Shapes naturally to any portrait, landscape, or square asset with zero distortion."}]},{"type":"paragraph","content":[{"type":"text","text":"Autonomous Reset: ","marks":[{"type":"bold"}]},{"type":"text","text":"automatically reconstructs the cloth once torn away."}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Canvas Controls"}]},{"type":"paragraph","content":[{"type":"text","text":"Tearable: Toggle between destructible cloth and elastic fabric."}]},{"type":"paragraph","content":[{"type":"text","text":"Action: Slice on Drag / Drag & Cut."}]},{"type":"paragraph","content":[{"type":"text","text":"Auto Reset & Delay: Timed respawn after collapse."}]},{"type":"paragraph","content":[{"type":"text","text":"Pin Configuration: 4 independent edges + 4 individual corners."}]},{"type":"paragraph","content":[{"type":"text","text":"Physics Engine: Gravity, Mesh Detail, Air Resistance, Drag Reach, Cut Radius, and Solver Accuracy."}]},{"type":"paragraph","content":[{"type":"text","text":"---"}]},{"type":"paragraph","content":[{"type":"text","text":"Need support?"}]},{"type":"paragraph","content":[{"type":"text","text":"Contact: "},{"type":"text","text":"contact@valorsic.studio","marks":[{"type":"link","attrs":{"href":"mailto:contact@valorsic.studio","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Crafted by "},{"type":"text","text":"valorsicstudio","marks":[{"type":"link","attrs":{"href":"https://valorsic.studio/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}}]}]}]},"introduction":"Real physics. Woven into Framer","slug":"tearable-cloth","author":{"framerUserId":"6b750c32-d67f-419e-ab04-9e9df0aa1d71","name":"valorsic studio","slug":"valorsicstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b750c32-d67f-419e-ab04-9e9df0aa1d71/nwbzhgar","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b750c32-d67f-419e-ab04-9e9df0aa1d71/01a148cb-b351-723b-a45f-078abb5f7e40.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1815,"height":1026}}],"post":null,"createdAt":"2026-10-05T19:25:51.147Z","updatedAt":"2026-10-20T16:56:03.614Z","publishedAt":"2026-10-05T19:25:51.141Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tearable-cloth.framer.website/","price":"1","paymentUrl":"https://valorsicstudio.lemonsqueezy.com/checkout/buy/4e5692fb-a163-4918-ae39-0d5f9ec6cb3a","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"v0rVWsPwZ6faiLspnw75","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T19:25:51.817Z","updatedAt":"2026-10-05T19:25:51.817Z","reported":false,"type":"post"}}],"$L59"]

Suggested for you