5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T8fd,

SupernovaCore creates a mesmerizing, GPU-accelerated accretion disk animation using WebGL shaders.

It simulates the cosmic phenomenon of matter swirling around a black hole with fully customizable colors and animation parameters.

How to use it:

Drag SupernovaCore onto your canvas
Resize to fit your design (works at any size)
Customize colors using the Primary Color and Secondary Color controls
Adjust Speed to control animation velocity
Fine-tune Turbulence for more chaotic motion
Modify Depth for 3D perspective effects
Control Brightness for overall intensity
Use Color Shift to cycle through color variations

Adjust Saturation from monochrome to vibrant Properties:

Primary Color - Base color for the accretion disk (default: blue #0099FF)
Secondary Color - Secondary color that blends with primary (default: magenta #FF0099)
Speed - Animation rotation speed (0-5, default: 1.0) • Turbulence - Matter flow and refraction intensity (0-3, default: 1.0)
Depth - 3D perspective and disk thickness (0-3, default: 1.0)
Brightness - Overall intensity multiplier (0-3, default: 1.0)
Color Shift - Color spectrum cycling rate (0-3, default: 1.0) • Saturation - Color intensity from gray to vibrant (0-2, default: 1.0)

Tips:

Use low saturation (0.2-0.5) for elegant, subtle backgrounds
Combine high turbulence with slow speed for organic, flowing effects - Match primary/secondary colors to your brand palette
Layer with reduced opacity over other content for depth
Works great as hero section backgrounds or loading screens

Technical notes:

Requires WebGL support (available in all modern browsers)
Optimized for 60fps performance with GPU rendering
Responsive and adapts to any canvas size
No external dependencies required
Includes proper cleanup to prevent memory leaks

5a:[["$","$L5d",null,{"post":{"id":"019dce91-9213-7121-b11e-22f0329712d6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"69854058-db84-439f-9310-071dd3d38a28","name":"just ed","slug":"just-ed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/69854058-db84-439f-9310-071dd3d38a28/9z8q4kj0","followed":false,"followsYou":false},"media":[],"resources":[{"id":"tj7PKYFWnC177RJspi4I","resolved":true,"title":"SupernovaCore","body":"$5e","bodyJson":null,"introduction":"Mesmerizing cosmic shader animation","slug":"supernovacore","author":{"framerUserId":"69854058-db84-439f-9310-071dd3d38a28","name":"just ed","slug":"just-ed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/69854058-db84-439f-9310-071dd3d38a28/9z8q4kj0","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/tj7PKYFWnC177RJspi4I/supernovacore-99YwowGdoWWpv6bs07pvjtgiJlJIdo","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-07T16:02:31.075Z","updatedAt":"2026-04-27T10:51:18.921Z","publishedAt":"2026-04-27T10:52:19.859Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://supernovacore.framer.website/?editSite","price":"10","paymentUrl":"https://buy.stripe.com/28E5kD9Xjc3H0Bw9HgeZ202","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"IiQ3hEoPY1NU5dXpdUUH","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-04-27T10:52:19.859Z","updatedAt":"2026-04-27T10:52:19.859Z","reported":false}}],"$L5f"]

Suggested for you