5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T9d3,

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.

Built for high-converting reveals, editorial portfolios, and layouts that need to be felt to be remembered.

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: Monitors mesh integrity and automatically reconstructs the cloth once torn away.

Canvas Controls

Image: Responsive asset drop zone.

Tearable: Toggle between destructible cloth and elastic fabric.

Action: Slice on Drag / Drag & Cut.

Auto Reset & Delay: Timed respawn after total 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

5a:[["$","$L5d",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":"$5e","bodyJson":{"type":"doc","content":[{"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":"paragraph","content":[{"type":"text","text":"Built for high-converting reveals, editorial portfolios, and layouts that need to be felt to be remembered."}]},{"type":"customHeading","content":[{"type":"text","text":"Two states of matter"}],"attrs":{"level":2}},{"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","content":[{"type":"text","text":"Precision vector slicing"}],"attrs":{"level":1}},{"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","content":[{"type":"text","text":"Eight points of structure"}],"attrs":{"level":2}},{"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","content":[{"type":"text","text":"Engineered for production"}],"attrs":{"level":2}},{"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":"Monitors mesh integrity and automatically reconstructs the cloth once torn away."}]},{"type":"customHeading","content":[{"type":"text","text":"Canvas Controls"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Image: Responsive asset drop zone."}]},{"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 total 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":{"rel":"noopener noreferrer nofollow","href":"mailto:contact@valorsic.studio","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Crafted by "},{"type":"text","text":"valorsicstudio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://valorsic.studio/","target":"_blank"}}]}]}]},"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/01a10d87-66ec-7490-8334-ff2e6a7b0a69.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-05T19:25:51.147Z","updatedAt":"2026-10-06T12:05:29.319Z","publishedAt":"2026-10-05T19:25:51.141Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tearable-cloth.framer.website/","price":"29","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":"739iJQGIel89xA1CZIgZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"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}}],"$L5f"]

Suggested for you