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:T992,

3D Biomine Shaders – Organic Tunnel Animation

Bring cinematic depth to your Framer projects with 3D Biomine Shaders, a WebGL-powered component that renders organic, bio-mechanical tunnel environments in real time. With fluid motion, atmospheric lighting, and procedural detail, it’s ideal for bold, immersive web experiences.

Key Features:

Real-Time WebGL Rendering – Smooth, GPU-accelerated 3D animation
Organic Tunnel Motion – Procedurally generated tunnel paths with flowing biomatter
Advanced Shader Effects – Includes reflections, refractions, ambient occlusion, and surface detailing
Performance-Optimized – Efficient rendering designed for modern browsers
Fully Responsive – Adapts seamlessly to any canvas or screen size

Customization Controls:

Camera Speed – Control forward motion through the tunnel (0–3×)
Path Intensity – Adjust tunnel curvature and winding (0–3×)
Biomatter Flow – Fine-tune organic surface movement (0–3×)
Lighting Intensity – Set overall scene brightness and mood (0–3×)

How to Use:

Drag 3D Biomine Shaders onto your Framer canvas
Resize it to fit your layout or background area
Adjust animation and lighting controls in the properties panel
Publish and enjoy an immersive visual experience

Ideal Use Cases:

Hero sections for tech, sci-fi, and gaming websites
Creative and experimental portfolios
Immersive landing pages and campaigns
Product launches requiring strong visual impact
Agency sites showcasing technical creativity
Interactive art and digital installations

Make it Yours!

Create bold, cinematic visuals with 3D Biomine Shaders. Add it to your Framer projects and deliver immersive experiences that instantly capture attention.

5a:[["$","$L5d",null,{"post":{"id":"019c3006-e901-702b-b931-6088c1952166","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","slug":"creativa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"rGRtTnwlG5uqr3yqrPm4","resolved":true,"title":"3D Biomine Shaders","body":"$5e","bodyJson":null,"introduction":"Animated 3D organic tunnel with WebGL","slug":"3d-biomine-shaders","author":{"framerUserId":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","slug":"creativa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/rGRtTnwlG5uqr3yqrPm4/3d-biomine-shaders-tq6HoWyvpCwxtZQjLLs8zQdm7Kfo4S","metadata":{"tint":{"h":0,"s":18,"l":17},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-28T14:22:16.477Z","updatedAt":"2026-02-05T17:47:29.554Z","publishedAt":"2026-02-05T22:58:05.185Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3d-biomine-shaders.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_MvSEJ7kd0LWkB7cjDe5UG8bplDuJbT21ReniN0UZae9","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"MHtngTfYuzDmKbS9XvMJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-05T22:58:05.185Z","updatedAt":"2026-02-05T22:58:05.185Z","reported":false}}],"$L5f"]

Suggested for you