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

Unlock entire Depth library for $149. One price. Lifetime.

--------------------------------------------------------

Add a hypnotic, iris-like bloom of light to your page. Cosmic Bloom renders a glowing, softly pulsing eye of color in real time — a striking centerpiece for hero sections, music and event pages, AI products, and dark, atmospheric landing pages.

Pick two colors and a background, then shape the bloom with distortion, streaks, and a lens that bends the light around its core.

How to use

Drop the component into your layout and set Color A, Color B, and the Background to match your brand. Adjust Size to frame the bloom and Speed to control how fast it breathes.

Then give it character: Distortion warps the core, Streaks adds fine radial filaments, Lens bends light around the center, and Fringe adds a chromatic edge. Switch Quality between low, medium, and high to balance visual detail and performance.

Features

Real-time glowing bloom animation
Two-color palette plus background color
Adjustable speed and size
Distortion control for organic movement
Radial streaks for fine light filaments
Lens strength for light bending around the core
Chromatic fringe control
Three quality levels for performance tuning
Pauses automatically when off screen
Static-friendly rendering on the canvas and export
Works as a section, frame, or full-page background
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

5a:[["$","$L5d",null,{"post":{"id":"019f9a84-58f4-7199-ab3d-10d4b65d50d9","title":null,"body":"

Cosmic Bloom - Hypnotic, iris-like bloom of light

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cosmic Bloom - Hypnotic, iris-like bloom of light","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"t6zxhRKMg5LjlQFdWw3i","resolved":true,"title":"Cosmic Bloom","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add a hypnotic, iris-like bloom of light to your page. Cosmic Bloom renders a glowing, softly pulsing eye of color in real time — a striking centerpiece for hero sections, music and event pages, AI products, and dark, atmospheric landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Pick two colors and a background, then shape the bloom with distortion, streaks, and a lens that bends the light around its core."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your layout and set Color A, Color B, and the Background to match your brand. Adjust Size to frame the bloom and Speed to control how fast it breathes."}]},{"type":"paragraph","content":[{"type":"text","text":"Then give it character: Distortion warps the core, Streaks adds fine radial filaments, Lens bends light around the center, and Fringe adds a chromatic edge. Switch Quality between low, medium, and high to balance visual detail and performance."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time glowing bloom animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two-color palette plus background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable speed and size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Distortion control for organic movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Radial streaks for fine light filaments"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lens strength for light bending around the core"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Chromatic fringe control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three quality levels for performance tuning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pauses automatically when off screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-friendly rendering on the canvas and export"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a section, frame, or full-page background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cosmic-bloom.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Hypnotic, iris-like bloom of light","slug":"cosmic-bloom","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a84-225b-762c-adce-90ba8629dc1c.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2288,"height":1716}}],"post":null,"createdAt":"2026-07-25T18:23:12.010Z","updatedAt":"2026-08-16T19:49:21.132Z","publishedAt":"2026-07-25T18:23:12.007Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cosmic-bloom.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/3a747df7-99dd-459d-a3cc-36fda2b00207","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"jm3TM4or9P6aukUG48SO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T18:23:12.628Z","updatedAt":"2026-07-25T18:23:12.628Z","reported":false}}],"$L5f"]

Suggested for you