62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:T555,

Bring a futuristic, sci-fi aesthetic to your Framer website with the Energy Cluster component. Powered by high-performance WebGL shaders, it creates a dynamic, glowing cellular network that resembles a neural web or organic energy core.

Perfect for tech startups, AI products, Web3 landing pages, and modern portfolios, this component is highly interactive—its glow and animation speed intensify when users hover over the cluster. It also includes a smart observer to automatically pause rendering when off-screen, ensuring optimal CPU and battery performance.

Key Features & Controls:

🎨 Custom Colors: Easily change the canvas background and the glowing web color. 🕸
Cellular Density & Warp: Adjust scale and distortion to transition from geometric cells to organic energy threads.
⚡ Hover Interactions: Reacts dynamically to mouse movements, increasing speed and brightness.
🎛 Size & Anim: Fine-tune radius, brightness, and speed for perfect visual impact.

64:T7c2,

Add a highly dynamic, premium aesthetic to your Framer website with the Sticky Grid Gradient component. This advanced background effect features a sharp, customizable grid layer illuminated from behind by four smoothly animating gradient blobs. As users scroll, the sticky container keeps the mesmerizing light show perfectly framed in the viewport, illuminating the grid lines organically as the glowing orbs drift and pulse.

Designed for maximum creative control and stellar performance. You can customize the grid size, line thickness, base colors, and assign four distinct colors to the gradient blobs to match your brand palette. Tweak the blur amount, movement spread, and pulse speed to create anything from a subtle ambient glow to an energetic, high-contrast neon grid. Engineered with an Intersection Observer, the animation automatically pauses when scrolled off-screen, ensuring a buttery-smooth experience while saving CPU resources.

Functions (Key Features):

✨ Animated Glow: Four distinct gradient blobs that pulse and drift organically in the background.
🏁 Crisp Grid Mask: A lightweight CSS-generated grid that flawlessly masks the glowing blobs behind it.
📌 Sticky Scrolling: Keeps the gradient animation perfectly anchored in the viewport while users scroll down the page.
🎨 Full Customization: Adjust grid sizing, line thickness, blur intensity, and 4 unique blob colors.
🚀 Smart Performance: Framer Motion animations automatically pause when off-screen to preserve device battery and CPU.

65:T7e4,

Transform your website's background with the Precision Light Curtain, a high-performance WebGL shader component for Framer. This component renders a mesmerizing array of vertical glowing beams that gracefully sweep across the screen, grounded by a radiant horizon line. It creates a stunning, futuristic atmosphere perfect for modern portfolios, tech startups, and SaaS landing pages.

Designed for ultimate flexibility, it gives you deep control over the visual output. Seamlessly adjust the number of beams, their thickness, edge curves, and the horizon line's position. You can independently set the background, top glow, and bottom floor reflection colors to match your brand identity. Engineered with an IntersectionObserver, the animation intelligently pauses when scrolled out of view, ensuring buttery-smooth 60fps performance without draining your users' device battery. Add a touch of cinematic lighting to your design effortlessly.

Functions (Key Features):

🌟 Dynamic Light Beams: Animated vertical pillars of light with a sweeping, cinematic glow effect.
🎨 Advanced Color Control: Independently customize the background, top beam glow, and bottom floor reflection colors.
🎛 Precision Styling: Tweak the beam count, beam width, top fade softness, and edge curve for the perfect composition.
📍 Horizon Tuning: Adjust the Y-position, line thickness, and brightness of the central glowing horizon.
🚀 Smart Performance: GPU-accelerated WebGL rendering with an automatic off-screen pause mechanism to save system resources.

66:T60f,

Bring the mysteries of the universe to your website with the Cosmic Black Hole component. Powered by high-performance WebGL shaders, this stunning animated background creates a realistic, swirling black hole complete with a glowing accretion disk and an inescapable event horizon void. It is the perfect visual centerpiece for Web3 projects, sci-fi themes, astronomy blogs, and modern creative portfolios.

Designed for Framer, it offers extensive customization to match your design system while ensuring smooth performance. It features a smart observer that automatically pauses the WebGL animation when scrolled off-screen to save battery and CPU.

Functions (Key Features):

🌌 Accretion Disk: A glowing, spiraling disk of cosmic energy with fluid noise.
🎨 Custom Colors: Individually style the Background, Disk Aura, Horizon Edge, and the Deep Void.
🎛 Shape Control: Adjust the Hole Size and Swirl Power to shape your anomaly.
⚙ Fluid Motion: Control the Rotation Speed and the Inward Pull of the gas.
💡 Glow Intensity: Fine-tune the overall Brightness of the cosmic flares.

67:T468,

Elevate your Framer website with the Folded Gradient component. Powered by high-performance WebGL shaders, this animated background creates a stunning visual effect resembling a glowing, fluid fold of colors.

Key functionality and controls include:

Customizable Colors: Choose two main gradient colors and a base background shade to perfectly match your brand UI.
Fold & Curvature Control: Adjust the angle of the split, the radial bend (curvature), and the neon-like sharpness of the edge.
Dynamic Waves: Add sinusoidal ripples along the fold line with adjustable frequency and amplitude.
Fluid Animation: Modify the speed and depth of the fluid warping effect to give the background a lively, organic feel.
Glow Effects: Control the width and intensity of the glowing light halo around the fold.

Designed specifically for Framer, it guarantees smooth animations on live sites. Perfect for hero sections and modern creative portfolios.

68:T812,

Give your website a futuristic and premium feel with the Wave Ribbon Orb background component. This high-performance shader effect generates a beautiful, glowing sphere composed of intersecting light ribbons. The fluid animation creates a mesmerizing optical illusion, perfectly blending your chosen top and bottom ribbon colors using advanced alpha compositing for seamless transparency.

Designed to captivate your visitors without compromising performance, it provides deep creative control. You can adjust the number of ribbons, their thickness, the intensity of the glow, and the complexity of the wave ripples to create anything from a subtle ambient glow to a high-energy sci-fi core. It is the perfect visual anchor for Web3 platforms, AI startups, and modern creative portfolios. Engineered with smart viewport detection, the animation automatically pauses when scrolled off-screen, ensuring a buttery-smooth 60fps experience while preserving device battery life.

Functions (Key Features):

🪐 Dynamic Ribbon Sphere: Intersecting glowing bands organically wrap around a central invisible core.
🎨 Gradient Alpha Blending: Smoothly blend top and bottom ribbon colors with full support for transparent backgrounds.
🎛 Granular Shape Control: Customize the ribbon count, thickness, overall orb radius, and wave ripple complexity.
📍 Precise Framing: Easily scale the orb and offset its X/Y position to perfectly frame your main content.
🚀 Smart Performance: GPU-accelerated rendering with an automatic off-screen pause mechanism to save system resources.

69:Tb2e,

Give your website a highly premium and modern feel with the Aurora Orbit background component. This GPU-accelerated effect generates a beautiful, fluid light show resembling the northern lights or a deep space nebula. The animation organically orbits a central void, blending three distinct color bands smoothly over your chosen background color.

Designed for maximum visual impact without sacrificing performance, it includes a smart auto-pause feature that stops the animation when scrolled out of view, saving your visitors' battery and CPU. Whether you're building a sleek dark-mode portfolio, an AI startup landing page, or a Web3 project, you have complete control over the orbit speed, swirl intensity, bloom, and exact positioning to perfectly match your brand's unique aesthetic.

Functions (Key Features):

🪐 Fluid Aurora Dynamics: Smooth, swirling bands of light that organically orbit a central point.
🎨 Rich Color Blending: Seamlessly mix three distinct aurora colors (Inner, Middle, Outer) over a base background.
🎛 Total Shape Control: Adjust the swirl intensity, bloom, zoom scale, and the size of the central void.
📍 Precise Positioning: Easily offset the center point along the X and Y axes to frame the effect perfectly behind your content.
🚀 Smart Performance: Optimized rendering with an auto-pause mechanism when the component is off-screen.

How to Use:

Copy & Paste: Copy the component and paste it directly onto your Framer canvas.
Layout Setup: Set the component's Width and Height to "Fill" (100%) and place it as an absolute background layer behind your content.
Color Palette: Pick your Background color, then select three harmonious colors for the Inner, Middle, and Outer Aurora bands.
Shape & Position: Use Void Size to adjust the empty center, and the Position X/Y sliders to move the focal point of the orbit.
Fine-Tune Animation: Adjust the Orbit Speed, Waviness (controls the swirl/distortion), and Bloom / Glow to create the perfect ambient atmosphere.

6a:T71b,

Elevate your Framer website with the Interactive Blueprint Grid. This premium background component brings a highly technical and architectural aesthetic to life using advanced canvas physics. As users move their cursor across the screen, the grid lines dynamically swing, bend, and react as if they are physical strings. Fast mouse movements even trigger realistic spark effects, creating an incredibly tactile user experience.

Beyond physics, it features a dynamic flashlight effect that illuminates the grid directly beneath the cursor, adding depth and focus. You have complete control over the visual structure: adjust the grid size, line thickness, gap spacing, and corner dots. Fine-tune the physics by tweaking spring tension and friction to make the grid feel heavy or lightweight. Built with performance in mind, it utilizes an Intersection Observer to automatically pause animations when off-screen, saving battery and CPU. Perfect for SaaS, developer tools, and creative agencies.

Functions (Key Features):

🧲 Physics Interaction: Grid lines dynamically swing and bend as the mouse passes through them.
✨ Dynamic Sparks: Fast cursor movements generate realistic spark particle effects upon line impact.
🔦 Flashlight Effect: A customizable radial glow illuminates the grid exactly where the user hovers.
📐 Custom Structure: Fully adjust grid size, line gaps, thickness, and corner dot radius for a unique look.

6b:Taad,

Elevate your website's design with the Blueprint Grid component. This lightweight, SVG-based background brings a highly sought-after technical and architectural aesthetic to your Framer projects. Unlike heavy canvas animations, this component is purely static, ensuring zero performance hit and instant loading times.

It generates an exact, customizable grid pattern featuring precise lines, corner intersection dots, and adjustable line gaps to create a stylized blueprint or schematic look. You have complete control over the visual structure: easily modify the grid size, line thickness, dot radius, and colors to match your brand. Perfect for developer tools, SaaS landing pages, design agency portfolios, or any site aiming for a clean, structural, and modern wireframe vibe.

Functions (Key Features):

📐 Precision SVG Grid: Renders a crisp, infinitely scaling blueprint grid without pixelation.
🎨 Full Color Control: Customize the background color, grid line color, and overall opacity.
🎛 Structural Customization: Adjust grid size, line thickness, and line gaps for a unique geometric effect.
⏺ Corner Dots: Add and scale intersection dots to enhance the architectural schematic look.
⚡ Zero Performance Cost: Built entirely with static SVG patterns, requiring no JavaScript animation loops.

How to Use:

Copy & Paste: Copy the component from the Layers panel and paste it directly into your Framer canvas.
Set as Background: Change its Width and Height to "Fill" (100%) and place it in the absolute background of your section.
Style Colors: Pick your Background Color, Grid Color, and set the Base Opacity to blend perfectly with your content.
Define Structure: Adjust the Grid Size to make the squares larger or smaller.
Fine-Tune Details: Modify the Line Thickness, Line Gap (to detach lines from the corners), and Corner Dot Radius to achieve the perfect technical aesthetic.

6c:T7b8,

Give your Framer website a futuristic, high-tech upgrade with the Particle Globe 3D component. This stunning, GPU-accelerated background renders a dense, rotating globe made of up to 30,000 individual floating particles. It features a distinct glowing core and an outer shell, creating a deep 3D illusion that instantly captures your visitors' attention.

Designed for maximum engagement, the globe is highly interactive: hovering over it accelerates the rotation and expands the inner core, while clicking triggers a dramatic, explosive scatter effect before the particles smoothly reform. Built entirely on custom GLSL shaders, it guarantees buttery-smooth 60fps animations. It also includes a smart visibility sensor that automatically pauses rendering when scrolled out of view, ensuring zero impact on device battery or CPU performance. Perfect for Web3, AI, and tech startup landing pages.

Functions (Key Features):

🌌 3D Particle Physics: Renders up to 30,000 dynamic particles with distinct core and shell behaviors.
🖱 Interactive Hover: The globe spins faster and the inner core dynamically expands when users hover over it.
💥 Scatter Effect: Clicking the globe triggers a spectacular particle explosion that smoothly reassembles.
🎨 Color & Size Control: Fully customize the shell color, core color, background, and overall scale to match your brand.
🚀 Smart Performance: GPU-accelerated rendering with an automatic off-screen pause mechanism to save system resources.

6d:T771,

Transform your Framer website into a cinematic masterpiece with the Horizon Glow component. This premium, GPU-accelerated background renders a breathtaking sci-fi horizon complete with volumetric lighting, deep planetary shadows, and stunning anamorphic lens flares. Designed to captivate, the horizon dynamically reacts to user interactions—shifting the atmospheric gap and flares fluidly as the mouse moves across the screen.

Engineered for top-tier performance, it runs entirely on custom GLSL shaders and includes a smart Intersection Observer that automatically pauses rendering when scrolled out of view. Whether you are building a Web3 portal, a futuristic SaaS landing page, or a gaming portfolio, this component delivers a breathtaking 3D atmosphere with zero lag and no impact on device battery life.

Functions (Key Features):

🌌 Cinematic Horizon: A stunning curved horizon line separating two planetary masses against a deep space background.
✨ Anamorphic Flares: Features a glowing, shimmering center core and volumetric edge lighting for a high-end sci-fi look.
🖱 Interactive Perspective: The horizon gap and lens flares react organically to the user's mouse movements.
🎬 Smooth Intro: Includes a built-in reveal animation with a customizable intro duration for a grand entrance.
🚀 Smart Optimization: GPU-rendered with automatic off-screen pausing to save battery and system resources.

6e:T7d7,

Give your Framer website a luxurious, futuristic upgrade with the Liquid Neon WebGL background. Built on high-performance GLSL shaders, this component renders a deep, atmospheric 3D fluid surface illuminated by vibrant neon lights. The fluid organically morphs and flows, creating rich, glossy specular highlights that make your page feel alive.

Designed for maximum engagement, the liquid surface is highly interactive—it ripples, pushes, and warps naturally in response to both mouse movements and touch gestures. You have complete creative control: adjust the complexity of the waves, dial in the glossiness, and blend three distinct neon accent colors over a dark canvas to perfectly match your brand. Engineered for modern web standards, it includes a smart Intersection Observer that automatically pauses rendering when off-screen, ensuring zero impact on device battery or CPU.

Functions (Key Features):

🌊 3D Fluid Dynamics: Simulates a rich, glossy liquid surface with complex, continuous wave distortions.
🖱 Interactive Ripples: The fluid naturally displaces and ripples in real-time as users move their cursor or touch the screen.
🎨 Neon Color Blending: Mix three distinct accent colors (Primary, Secondary, Ambient) to create stunning, vibrant specular highlights.
🎛 Deep Customization: Fine-tune the wave complexity, distortion amount, animation speed, and surface glossiness.
🚀 Smart Performance: Pure GPU-accelerated WebGL rendering with an automatic pause mechanism when scrolled out of view.

6f:T7b2,

Capture your audience's attention with the Reveal Slider Images. This versatile image carousel goes beyond standard slideshows by introducing an interactive Color Reveal feature. By default, images can be displayed in grayscale and smoothly transition into full, vibrant color through automated animations, directional hover wipes, or a dynamic magnetic spotlight that tracks the user's cursor.

It includes all essential carousel features like auto-play, customizable transition styles (fade, slide, scale, or slide & scale), and dot navigation. Whether you are showcasing a photography portfolio, presenting product features, or building an interactive gallery, you can easily add clickable links to slides, adjust transition speeds, and style the container to match your brand seamlessly.

Functions (Key Features):

🎨 Color Reveal Effects: Transition images from grayscale to color using Auto animations, directional Hover sweeps, or an interactive Mouse Spotlight.
✨ Custom Transitions: Choose between Fade, Slide, Scale, or a combined Slide & Scale effect for buttery-smooth image changes.
🔗 Clickable Slides: Turn any image into a hyperlink to direct users seamlessly to specific products, articles, or case studies.
⌨ Keyboard Navigation: Fully accessible with built-in arrow key support for manual browsing.
🎛 Full Styling Control: Adjust border radius, indicator colors, object fit, and spotlight shapes directly from the properties panel.

70:T790,

Transport your website visitors into deep space with the Cosmic Ray background component. This high-performance Framer background renders a stunning, atmospheric scene featuring a powerful, animated light beam radiating from a customizable core star. Behind the beam, a vast field of twinkling, parallax-scrolling stars adds incredible depth and motion to your layout.

Built using custom GLSL shaders, this component offers immense visual flexibility. You can choose from four distinct core shapes (Round, Lens Flare, Diamond, Comet) and freely position the beam's origin anywhere on the canvas. Adjust the beam's angle, spread, and speed, and toggle the dense starry background on or off. Designed with an intelligent Intersection Observer, the animation automatically pauses when scrolled out of view to preserve device battery and CPU performance.

Functions (Key Features):

🌠 Dynamic Starfield: A multi-layered, twinkling starry background that moves with a subtle parallax effect.
🔦 Cosmic Light Beam: An animated, textured light beam with customizable spread, length, angle, and speed.
🌟 Custom Core Shapes: Choose from 4 unique origins for the light beam: Round, Lens Flare, Diamond, or Comet.
🎨 Deep Color Control: Granular control over the Background color, Core Color, and the surrounding Beam Aura.
🚀 WebGL Performance: Lightweight, pure shader-based rendering ensures perfectly smooth 60fps animations with auto-pause optimization.

71:T913,

The Smart Text Highlight component revolutionizes how you structure typography in Framer. Instead of manually splitting paragraphs into multiple text boxes to change a single word's color or font, you can write your text naturally and define smart rules to style specific words dynamically.

Whether you want to emphasize key features with a vibrant brand color, apply a unique font weight to a specific term, add marker-style backgrounds, or turn inline words into interactive hyperlinks, this component handles it seamlessly. It even includes advanced occurrence targeting, allowing you to highlight only the first or second time a word appears in a paragraph.

Functions (Key Features):

🎯 Targeted Highlighting: Automatically find and style specific words using smart text parsing and regex logic.
🎨 Custom Typography: Apply completely different fonts, weights, colors, and text decorations to individual words.
🔗 Interactive Links: Turn any highlighted word into a clickable hyperlink that opens safely in a new tab.
🔢 Occurrence Control: Choose exactly which instance of a word to highlight (e.g., target only the 1st and 3rd appearance).
✨ Hover Effects: Add smooth hover scaling to make your emphasized keywords feel interactive and tactile.

How to Use:

Copy & Paste: Copy the component from the Layers panel and paste it directly onto your Framer canvas.
Write Text: Enter your full paragraph or sentence into the main Text property.
Set Default Style: Choose the base font and color for the regular, unhighlighted text using the default settings.
Add Highlights: In the Highlight Words array, add a new item and type the exact word you want to style.
Customize Keyword: Adjust the specific font, color, background, and link for that keyword. Use the Occurrences field (e.g., type "1") if you only want to target specific repetitions.

72:T6b2,

Take your Framer website to the next level with the Scroll Glass Lines component. This advanced WebGL background simulates the luxurious aesthetic of fluted (ribbed) glass. Behind the textured surface, vibrant fluid blobs seamlessly morph and glide, creating a beautiful, eye-catching gradient refraction.

What makes this updated version exceptional is the Scroll-Synced Parallax engine. Designed with a position: sticky canvas, the glass texture shifts naturally in tandem with the user's scrolling, creating a deep, immersive 3D illusion without compromising performance. Built strictly with raw GLSL shaders and a smart visibility sensor, it delivers buttery-smooth 60fps animations while preserving device battery and CPU resources. It is the perfect visual anchor for modern SaaS platforms, creative agencies, and premium portfolios.

Functions (Key Features):

📜 Scroll Parallax: The background intelligently tracks the page scroll, applying a smooth vertical parallax shift to the glass texture.
✨ Ribbed Glass Optics: Simulates real fluted glass with adjustable refraction (distortion), edge highlights, and deep shadows.
🎨 Fluid Gradient Blobs: Three distinct color blobs continuously merge and move behind the glass layer.
🔄 Pattern Control: Easily switch the glass ridges between Vertical and Horizontal orientations.
🚀 Smart Performance: Utilizes a sticky WebGL canvas and an Intersection Observer to automatically pause rendering when off-screen.

73:T6a9,

Give your website a futuristic, high-tech aesthetic with the Magnetic Liquid Core. This advanced WebGL background component renders a stunning, glowing orbital ring filled with a custom inner color and surrounded by thousands of dynamic floating particles.

Designed for maximum interactivity, the core and its particles react magnetically to the user's cursor. As the mouse moves across the canvas, the fluid ring warps and the particles pull toward the cursor, creating a highly immersive and satisfying visual experience. Engineered for top-tier performance, it leverages pure GLSL shaders and includes a smart visibility sensor that automatically pauses rendering when scrolled out of view. Perfect for Web3 platforms, modern SaaS landing pages, and creative portfolios.

Functions (Key Features):

🧲 Magnetic Interaction: The fluid core and particles warp and pull dynamically towards the user's cursor based on customizable strength and range parameters.
✨ Particle Swarm: Renders up to 30,000 orbiting particles with fluid, wave-like physics for a dense, atmospheric look.
🎨 Custom Fill & Glow: Independent color controls for the background, glowing core edge, internal core fill, and particles.
📏 Precise Positioning: Easily offset the core along the X and Y axes to perfectly frame it within your specific layout.
🚀 Optimized Performance: GPU-accelerated WebGL rendering with an automatic off-screen pause mechanism to conserve battery and CPU.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-0c5ede99-5a4e-45b9-81b3-1bb1634bd38c-all:/unified/creator/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/activity/":[{"data":[{"id":"01a0afde-2fa7-763c-a7a3-7a10570b45f8","type":"creator.followed","target":{"type":"creator","id":"c2742a12-3412-42ec-ae79-e44857134579","preview":"Mode Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2742a12-3412-42ec-ae79-e44857134579/j3t555cr","slug":"modestudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T14:56:09.123Z","latestAt":"2026-09-17T14:56:09.123Z"},{"id":"01a0ad66-c9eb-72f9-82e8-085a977564ac","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T03:26:29.862Z","latestAt":"2026-09-17T03:26:29.862Z"},{"id":"01a0a61f-b9a4-721d-99b9-62edaff74bb4","type":"component.liked","target":{"type":"component","id":"Mf2suDfhtJsNIzF7qee0","preview":"Interactive Mesh Net","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4966dc8-dc8e-4907-bfb2-6bdc0c4e9609/01a0812a-3594-7442-a9f8-507dfac2612e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T17:31:32.128Z","latestAt":"2026-09-15T17:31:32.128Z"},{"id":"01a0a61f-aed3-705a-bc85-c74d23fe6a81","type":"template.liked","target":{"type":"template","id":"73149","preview":"Echidna Tech","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4966dc8-dc8e-4907-bfb2-6bdc0c4e9609/01a0a508-0c74-72c7-82e9-170c70c35cd6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-15T17:31:29.359Z","latestAt":"2026-09-15T17:31:29.359Z"},{"id":"01a0a61f-94a5-7530-a0b7-5820a9c21203","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T17:31:22.656Z","latestAt":"2026-09-15T17:31:22.656Z"},{"id":"01a08e25-fa7f-732f-8976-3c9546ea7db9","type":"creator.followed","target":{"type":"creator","id":"64ff1a0a-b412-40e2-a472-37b1f9141c95","preview":"Elliot Li","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ff1a0a-b412-40e2-a472-37b1f9141c95/h99ds0vz","slug":"elliot-li","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T01:47:28.760Z","latestAt":"2026-09-11T01:47:28.760Z"},{"id":"01a082e4-3a1d-7727-87a8-409fb1b65207","type":"component.liked","target":{"type":"component","id":"PHEX5lKVOXPhFgd3WkQC","preview":"Minimal Hover Navbar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/94772ad7-baad-4763-bd35-365704374dc3/01a07cee-238b-760c-be54-28e5bde39195.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-08T21:19:50.296Z","latestAt":"2026-09-08T21:19:50.296Z"},{"id":"01a082e4-3063-7158-aabc-bcb40d4e4d81","type":"component.liked","target":{"type":"component","id":"Zlf1c5cuX00vdmFdgFrc","preview":"Animated Radial Nav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/94772ad7-baad-4763-bd35-365704374dc3/01a07fb8-ea18-7301-8c96-f6389b66b08c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-08T21:19:47.806Z","latestAt":"2026-09-08T21:19:47.806Z"},{"id":"01a082e4-1f19-77fd-b9a4-fffef66c138b","type":"component.liked","target":{"type":"component","id":"6FPGSwsup1MwcP8wyxv5","preview":"Liquid Metal Button+","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/94772ad7-baad-4763-bd35-365704374dc3/01a082d8-c865-7623-9fa1-38bda9616f44.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-08T21:19:43.380Z","latestAt":"2026-09-08T21:19:43.380Z"},{"id":"01a082e3-db0e-727f-ba8e-f43f56d017e6","type":"comment.liked","target":{"type":"comment","id":"01a082da-c3dd-772e-bcce-6b9cdcdae681","preview":"that's cool","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"that's cool"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a082c8-8317-7718-b8f1-701118c96002","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a082da-c3dd-772e-bcce-6b9cdcdae681"},"repost":null}},"context":{"type":"post","id":"01a082c8-8317-7718-b8f1-701118c96002","preview":"Energy Cluster","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a082c8-36b9-722a-907c-2d986de2eff7.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a082c8-8317-7718-b8f1-701118c96002","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-08T21:19:25.961Z","latestAt":"2026-09-08T21:19:25.961Z"},{"id":"01a082e3-34e5-7168-b0cf-d6466ab382dd","type":"creator.followed","target":{"type":"creator","id":"1381e2f8-9492-43c9-b0c4-9a4d7f18053e","preview":"Webdesign Agency","previewJson":null,"thumbnail":null,"slug":"webdesign-agency","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-08T21:18:43.423Z","latestAt":"2026-09-08T21:18:43.423Z"},{"id":"01a082c8-84fe-779e-a54e-2fdb41115170","type":"component.created","target":{"type":"component","id":"4ZpJ1gAJwkRejsiSun9D","preview":"Energy Cluster","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a082c8-36b9-722a-907c-2d986de2eff7.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-08T20:49:34.462Z","latestAt":"2026-09-08T20:49:34.462Z"},{"id":"01a063e7-ab34-735a-9ce9-b1681905830d","type":"component.created","target":{"type":"component","id":"6x3gasyNWMCzSbBO9iJz","preview":"Sticky Grid Gradient","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a063e7-3d40-773b-8ed2-1ad9ab8bb960.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-02T20:55:22.164Z","latestAt":"2026-09-02T20:55:22.164Z"},{"id":"01a06231-eb16-7513-9980-f015daebb7c7","type":"template.liked","target":{"type":"template","id":"72336","preview":"SHOETTA","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4966dc8-dc8e-4907-bfb2-6bdc0c4e9609/01a0621e-c649-739e-8726-02b18a8bc3f2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-02T12:57:13.747Z","latestAt":"2026-09-02T12:57:13.747Z"},{"id":"01a06231-d380-72fa-9cc9-1a81b9c748a7","type":"site.liked","target":{"type":"site","id":"17216","preview":"Digitalgrading","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/daebf60b-d183-4dc3-9ee8-f5b070d8d8b4/01a0622f-626f-7503-a628-df1340fd3b17.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-09-02T12:57:07.706Z","latestAt":"2026-09-02T12:57:07.706Z"},{"id":"01a061e6-227d-764b-b0e5-774d8fe02e8f","type":"comment.liked","target":{"type":"comment","id":"01a05edf-5102-71ca-8093-9d0109237584","preview":"Love this!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love this!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a05e5a-0c19-7265-87e5-490ace2d4e47","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a05edf-5102-71ca-8093-9d0109237584"},"repost":null}},"context":{"type":"post","id":"01a05e5a-0c19-7265-87e5-490ace2d4e47","preview":"Light Curtain","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a05e59-c0d5-702a-a09d-c394d146deb0.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a05e5a-0c19-7265-87e5-490ace2d4e47","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T11:34:27.188Z","latestAt":"2026-09-02T11:34:27.188Z"},{"id":"01a05e5a-0e14-722e-bc82-80118969a1fd","type":"component.created","target":{"type":"component","id":"bb57BVnsE1z7BR5jqe8d","preview":"Light Curtain","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a05e59-c0d5-702a-a09d-c394d146deb0.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-01T19:02:35.284Z","latestAt":"2026-09-01T19:02:35.284Z"},{"id":"01a05e25-980d-73d7-8cb0-4fbaa44f03c4","type":"component.liked","target":{"type":"component","id":"C1I5VvTYZoM7qRIDj3yk","preview":"Interactive 3D Dots","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4966dc8-dc8e-4907-bfb2-6bdc0c4e9609/01a05e0e-9e7d-75d3-a651-efb54f1f5163.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-01T18:05:17.192Z","latestAt":"2026-09-01T18:05:17.192Z"},{"id":"01a05e25-7bef-7608-83e0-6b2e7e861460","type":"creator.followed","target":{"type":"creator","id":"0ac7e3f3-07ae-4002-b2e2-3b74e0c883d5","preview":"Vestiaire Collective","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ac7e3f3-07ae-4002-b2e2-3b74e0c883d5/ld74zxwm","slug":"vestiaire-collective","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-01T18:05:09.993Z","latestAt":"2026-09-01T18:05:09.993Z"},{"id":"01a05ae0-0dbe-725f-bef1-15ff70086c02","type":"comment.liked","target":{"type":"comment","id":"01a059a7-846a-7689-878c-00a2646b76ad","preview":"Love it:D","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love it:D"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a05917-c60b-708d-a645-2b46ce013ed7","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a059a7-846a-7689-878c-00a2646b76ad"},"repost":null}},"context":{"type":"post","id":"01a05917-c60b-708d-a645-2b46ce013ed7","preview":"Cosmic Black Hole","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a05917-6c7e-77d8-9430-6b25d1e96e16.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a05917-c60b-708d-a645-2b46ce013ed7","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","slug":"sirrahspace","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-01T02:50:28.153Z","latestAt":"2026-09-01T02:50:28.153Z"}],"pagination":{"next":"MjAyNi0wOS0wMVQwMjo1MDoyOC4xNTNafDAxYTA1YWUwLTBkYmUtNzI1Zi1iZWYxLTE1ZmY3MDA4NmMwMg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:0c5ede99-5a4e-45b9-81b3-1bb1634bd38c:/unified/posts/?creator=0c5ede99-5a4e-45b9-81b3-1bb1634bd38c&with=reposts":[{"data":[{"id":"01a082c8-8317-7718-b8f1-701118c96002","title":null,"body":"

Enhance your Framer site with an interactive WebGL energy cluster. It features a glowing, cellular neural network animation that reacts to cursor hover. Fully customizable colors, density, and speed for a stunning, high-tech aesthetic.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enhance your Framer site with an interactive WebGL energy cluster. It features a glowing, cellular neural network animation that reacts to cursor hover. Fully customizable colors, density, and speed for a stunning, high-tech aesthetic."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4ZpJ1gAJwkRejsiSun9D","resolved":true,"title":"Energy Cluster","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring a futuristic, sci-fi aesthetic to your Framer website with the Energy Cluster component. Powered by high-performance WebGL shaders, it creates a dynamic, glowing cellular network that resembles a neural web or organic energy core."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for tech startups, AI products, Web3 landing pages, and modern portfolios, this component is highly interactive—its glow and animation speed intensify when users hover over the cluster. It also includes a smart observer to automatically pause rendering when off-screen, ensuring optimal CPU and battery performance."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features & Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Custom Colors:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily change the canvas background and the glowing web color. "},{"type":"emoji","attrs":{"name":"spider_web","emoji":"🕸"}},{"type":"text","text":" "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cellular Density & Warp:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust scale and distortion to transition from geometric cells to organic energy threads. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" "},{"type":"text","text":"Hover Interactions:","marks":[{"type":"bold"}]},{"type":"text","text":" Reacts dynamically to mouse movements, increasing speed and brightness. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"Size & Anim:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine-tune radius, brightness, and speed for perfect visual impact."}]}]}]}]},"introduction":"Interactive WebGL energy network.","slug":"energy-cluster","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a082c8-36b9-722a-907c-2d986de2eff7.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-08T20:49:33.441Z","updatedAt":"2026-09-08T20:49:33.441Z","publishedAt":"2026-09-08T20:49:33.438Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://amazing-support-455895.framer.app/","price":"5","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/df05583d-8c66-4d90-bbee-bcba773313a3","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"7fKB2vx8aBTWFnRPP1aD","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-08T20:49:33.975Z","updatedAt":"2026-09-08T20:49:33.975Z"},{"id":"01a063e7-a93f-762e-8fb8-01ff192eb6db","title":null,"body":"

Enhance your Framer site with an interactive Sticky Grid Gradient. Features a sleek, customizable grid illuminated by four animated, glowing gradient blobs. Fully responsive, scroll-sticky, and optimized for smooth performance.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enhance your Framer site with an interactive Sticky Grid Gradient. Features a sleek, customizable grid illuminated by four animated, glowing gradient blobs. Fully responsive, scroll-sticky, and optimized for smooth performance."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6x3gasyNWMCzSbBO9iJz","resolved":true,"title":"Sticky Grid Gradient","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a highly dynamic, premium aesthetic to your Framer website with the Sticky Grid Gradient component. This advanced background effect features a sharp, customizable grid layer illuminated from behind by four smoothly animating gradient blobs. As users scroll, the sticky container keeps the mesmerizing light show perfectly framed in the viewport, illuminating the grid lines organically as the glowing orbs drift and pulse."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for maximum creative control and stellar performance. You can customize the grid size, line thickness, base colors, and assign four distinct colors to the gradient blobs to match your brand palette. Tweak the blur amount, movement spread, and pulse speed to create anything from a subtle ambient glow to an energetic, high-contrast neon grid. Engineered with an Intersection Observer, the animation automatically pauses when scrolled off-screen, ensuring a buttery-smooth experience while saving CPU resources."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Animated Glow:","marks":[{"type":"bold"}]},{"type":"text","text":" Four distinct gradient blobs that pulse and drift organically in the background."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"checkered_flag","emoji":"🏁"}},{"type":"text","text":" "},{"type":"text","text":"Crisp Grid Mask:","marks":[{"type":"bold"}]},{"type":"text","text":" A lightweight CSS-generated grid that flawlessly masks the glowing blobs behind it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"pushpin","emoji":"📌"}},{"type":"text","text":" "},{"type":"text","text":"Sticky Scrolling:","marks":[{"type":"bold"}]},{"type":"text","text":" Keeps the gradient animation perfectly anchored in the viewport while users scroll down the page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Full Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust grid sizing, line thickness, blur intensity, and 4 unique blob colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Smart Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" Framer Motion animations automatically pause when off-screen to preserve device battery and CPU."}]}]}]}]},"introduction":"Animated glowing grid background.","slug":"sticky-grid-gradient","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a063e7-3d40-773b-8ed2-1ad9ab8bb960.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-02T20:55:21.121Z","updatedAt":"2026-09-02T20:55:21.121Z","publishedAt":"2026-09-02T20:55:21.116Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/StickyGridGradient-H5cRhH.js@OgZwZYPH8hNYAGPCdrOd","previewUrl":"https://versatile-types-719539.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"OgZwZYPH8hNYAGPCdrOd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-02T20:55:21.664Z","updatedAt":"2026-09-02T20:55:21.664Z"},{"id":"01a05e5a-0c19-7265-87e5-490ace2d4e47","title":null,"body":"

Enhance your Framer site with an animated Light Curtain. Features sweeping glowing pillars and a glowing horizon line. Fully customizable beams, colors, and intensity to create a premium, futuristic ambiance for any web project.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enhance your Framer site with an animated Light Curtain. Features sweeping glowing pillars and a glowing horizon line. Fully customizable beams, colors, and intensity to create a premium, futuristic ambiance for any web project."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bb57BVnsE1z7BR5jqe8d","resolved":true,"title":"Light Curtain","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform your website's background with the Precision Light Curtain, a high-performance WebGL shader component for Framer. This component renders a mesmerizing array of vertical glowing beams that gracefully sweep across the screen, grounded by a radiant horizon line. It creates a stunning, futuristic atmosphere perfect for modern portfolios, tech startups, and SaaS landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for ultimate flexibility, it gives you deep control over the visual output. Seamlessly adjust the number of beams, their thickness, edge curves, and the horizon line's position. You can independently set the background, top glow, and bottom floor reflection colors to match your brand identity. Engineered with an IntersectionObserver, the animation intelligently pauses when scrolled out of view, ensuring buttery-smooth 60fps performance without draining your users' device battery. Add a touch of cinematic lighting to your design effortlessly."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"star2","emoji":"🌟"}},{"type":"text","text":" "},{"type":"text","text":"Dynamic Light Beams:","marks":[{"type":"bold"}]},{"type":"text","text":" Animated vertical pillars of light with a sweeping, cinematic glow effect."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Advanced Color Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Independently customize the background, top beam glow, and bottom floor reflection colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"Precision Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Tweak the beam count, beam width, top fade softness, and edge curve for the perfect composition."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"round_pushpin","emoji":"📍"}},{"type":"text","text":" "},{"type":"text","text":"Horizon Tuning:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the Y-position, line thickness, and brightness of the central glowing horizon."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Smart Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" GPU-accelerated WebGL rendering with an automatic off-screen pause mechanism to save system resources."}]}]}]}]},"introduction":"Animated 3D light curtain effect.","slug":"light-curtain","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a05e59-c0d5-702a-a09d-c394d146deb0.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-01T19:02:34.257Z","updatedAt":"2026-09-02T11:33:50.973Z","publishedAt":"2026-09-01T19:02:34.255Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://daily-access-327366.framer.app/","price":"5","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/6e4d9745-9829-4ae7-aed0-03ad4e656f64","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"Z0JpDP9D8fMycUIlg3tD","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-01T19:02:34.777Z","updatedAt":"2026-09-01T19:02:34.777Z"},{"id":"01a05917-c60b-708d-a645-2b46ce013ed7","title":null,"body":"

Enhance your Framer site with a mesmerizing WebGL black hole background. Features a swirling accretion disk, glowing event horizon, and deep void. Fully customizable colors, rotation speed, and gravitational pull for a sci-fi aesthetic.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enhance your Framer site with a mesmerizing WebGL black hole background. Features a swirling accretion disk, glowing event horizon, and deep void. Fully customizable colors, rotation speed, and gravitational pull for a sci-fi aesthetic."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"YyYEiVO609EfvyLHZ2tq","resolved":true,"title":"Cosmic Black Hole","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring the mysteries of the universe to your website with the Cosmic Black Hole component. Powered by high-performance WebGL shaders, this stunning animated background creates a realistic, swirling black hole complete with a glowing accretion disk and an inescapable event horizon void. It is the perfect visual centerpiece for Web3 projects, sci-fi themes, astronomy blogs, and modern creative portfolios."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for Framer, it offers extensive customization to match your design system while ensuring smooth performance. It features a smart observer that automatically pauses the WebGL animation when scrolled off-screen to save battery and CPU."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"milky_way","emoji":"🌌"}},{"type":"text","text":" "},{"type":"text","text":"Accretion Disk:","marks":[{"type":"bold"}]},{"type":"text","text":" A glowing, spiraling disk of cosmic energy with fluid noise. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Custom Colors:","marks":[{"type":"bold"}]},{"type":"text","text":" Individually style the Background, Disk Aura, Horizon Edge, and the Deep Void. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"Shape Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the Hole Size and Swirl Power to shape your anomaly. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"gear","emoji":"⚙"}},{"type":"text","text":" "},{"type":"text","text":"Fluid Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the Rotation Speed and the Inward Pull of the gas. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"bulb","emoji":"💡"}},{"type":"text","text":" "},{"type":"text","text":"Glow Intensity:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine-tune the overall Brightness of the cosmic flares."}]}]}]}]},"introduction":"Animated black hole background.","slug":"cosmic-black-hole","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a05917-6c7e-77d8-9430-6b25d1e96e16.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-31T18:32:04.867Z","updatedAt":"2026-08-31T18:32:04.867Z","publishedAt":"2026-08-31T18:32:04.863Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://exhilarated-pyramid-138093.framer.app/","price":"5","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/cf086994-3b14-47e0-8e99-e4af0fcebe49","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"PTX6fiE9XW3fKHLNLnNy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-31T18:32:05.387Z","updatedAt":"2026-08-31T18:32:05.387Z"},{"id":"01a04a02-e952-750c-90dd-4779e4e2ce11","title":null,"body":"

Add a mesmerizing, fluid folded gradient to your Framer projects. This WebGL-powered component offers customizable colors, waves, curvature, and glow effects, perfect for creating dynamic, modern, and interactive backgrounds.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a mesmerizing, fluid folded gradient to your Framer projects. This WebGL-powered component offers customizable colors, waves, curvature, and glow effects, perfect for creating dynamic, modern, and interactive backgrounds."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"41HXN8tiEnbyohh9Cp0X","resolved":true,"title":"Folded Gradient","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your Framer website with the Folded Gradient component. Powered by high-performance WebGL shaders, this animated background creates a stunning visual effect resembling a glowing, fluid fold of colors."}]},{"type":"paragraph","content":[{"type":"text","text":"Key functionality and controls include:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Colors:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose two main gradient colors and a base background shade to perfectly match your brand UI."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fold & Curvature Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the angle of the split, the radial bend (curvature), and the neon-like sharpness of the edge."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Waves:","marks":[{"type":"bold"}]},{"type":"text","text":" Add sinusoidal ripples along the fold line with adjustable frequency and amplitude."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" Modify the speed and depth of the fluid warping effect to give the background a lively, organic feel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glow Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the width and intensity of the glowing light halo around the fold."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Designed specifically for Framer, it guarantees smooth animations on live sites. Perfect for hero sections and modern creative portfolios."}]}]},"introduction":"Fluid folding gradient background.","slug":"folded-gradient","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a04a02-84ee-713b-8ce6-79e3f6c07329.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-28T20:14:59.411Z","updatedAt":"2026-08-28T20:14:59.411Z","publishedAt":"2026-08-28T20:14:59.408Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://breakable-insurance-905435.framer.app/","price":"5","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/82465590-acaf-4a34-89ea-d887954a1cee","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"deeIlBBfJcZK49THyOhl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-28T20:14:59.922Z","updatedAt":"2026-08-28T20:14:59.922Z"},{"id":"01a04355-f031-7329-8ecf-c59c6297604b","title":null,"body":"

A customizable Framer component that generates animated WebGL light streaks. Adjust speed, glow, thickness, and direction to create stunning, performant glowing backgrounds for premium web projects.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A customizable Framer component that generates animated WebGL light streaks. Adjust speed, glow, thickness, and direction to create stunning, performant glowing backgrounds for premium web projects."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"f2IjpBzMkaqkdE9JLWKx","resolved":true,"title":"Light Streaks","body":"

The LightStreaks component is a high-performance, WebGL-powered React background built for Framer. It creates a visually striking effect of flowing, glowing light streams moving up or down the screen. Built with performance in mind, it features an integrated Intersection Observer to pause rendering when off-screen, ensuring optimal frame rates for your website.

Through Framer's property controls, users can fully customize the background color, glow aura, and core light colors. It offers fine-tuned control over the animation speed, pulse rate, streak thickness, brightness, and stream density. During edit mode in the Framer canvas, it displays a lightweight static SVG placeholder for a smooth building experience. Perfect for modern, tech-focused, or futuristic web designs requiring dynamic visual flair without compromising page load speeds.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The LightStreaks component is a high-performance, WebGL-powered React background built for Framer. It creates a visually striking effect of flowing, glowing light streams moving up or down the screen. Built with performance in mind, it features an integrated Intersection Observer to pause rendering when off-screen, ensuring optimal frame rates for your website."}]},{"type":"paragraph","content":[{"type":"text","text":"Through Framer's property controls, users can fully customize the background color, glow aura, and core light colors. It offers fine-tuned control over the animation speed, pulse rate, streak thickness, brightness, and stream density. During edit mode in the Framer canvas, it displays a lightweight static SVG placeholder for a smooth building experience. Perfect for modern, tech-focused, or futuristic web designs requiring dynamic visual flair without compromising page load speeds."}]}]},"introduction":"Flowing WebGL light background.","slug":"light-streaks","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/01a04355-7958-7412-a3b7-58d8b58d21c8.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-27T13:08:20.143Z","updatedAt":"2026-08-27T13:18:11.552Z","publishedAt":"2026-08-27T13:08:20.137Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LightStreaks-RBaWEi.js@OUBra8arqsNDOySnwxFb","previewUrl":"https://nutty-octopus-672443.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"OUBra8arqsNDOySnwxFb","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-27T13:08:20.658Z","updatedAt":"2026-08-27T13:08:20.658Z"},{"id":"019fd34f-e38b-7313-81b1-1c87a57c7dd1","title":null,"body":"

Elevate your Framer site with a mesmerizing wavy ribbon orb background. Features smooth, glowing bands of light organically wrapping around a central sphere. Fully customizable colors, thickness, and wave ripples for a premium aesthetic.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your Framer site with a mesmerizing wavy ribbon orb background. Features smooth, glowing bands of light organically wrapping around a central sphere. Fully customizable colors, thickness, and wave ripples for a premium aesthetic."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"rHFZgEJCg9zMKjPX2wNv","resolved":true,"title":"Wave Ribbon Orb","body":"$68","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Give your website a futuristic and premium feel with the "},{"type":"text","text":"Wave Ribbon Orb","marks":[{"type":"bold"}]},{"type":"text","text":" background component. This high-performance shader effect generates a beautiful, glowing sphere composed of intersecting light ribbons. The fluid animation creates a mesmerizing optical illusion, perfectly blending your chosen top and bottom ribbon colors using advanced alpha compositing for seamless transparency."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to captivate your visitors without compromising performance, it provides deep creative control. You can adjust the number of ribbons, their thickness, the intensity of the glow, and the complexity of the wave ripples to create anything from a subtle ambient glow to a high-energy sci-fi core. It is the perfect visual anchor for Web3 platforms, AI startups, and modern creative portfolios. Engineered with smart viewport detection, the animation automatically pauses when scrolled off-screen, ensuring a buttery-smooth 60fps experience while preserving device battery life."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ringed_planet","emoji":"🪐"}},{"type":"text","text":" "},{"type":"text","text":"Dynamic Ribbon Sphere:","marks":[{"type":"bold"}]},{"type":"text","text":" Intersecting glowing bands organically wrap around a central invisible core."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Gradient Alpha Blending:","marks":[{"type":"bold"}]},{"type":"text","text":" Smoothly blend top and bottom ribbon colors with full support for transparent backgrounds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"Granular Shape Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Customize the ribbon count, thickness, overall orb radius, and wave ripple complexity."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"round_pushpin","emoji":"📍"}},{"type":"text","text":" "},{"type":"text","text":"Precise Framing:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily scale the orb and offset its X/Y position to perfectly frame your main content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Smart Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" GPU-accelerated rendering with an automatic off-screen pause mechanism to save system resources."}]},{"type":"paragraph"}]}]}]},"introduction":"Glowing 3D ribbon orb background.","slug":"wave-ribbon-orb","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/019fd34f-915c-772c-b26a-9e84077ceb2d.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-05T19:04:15.548Z","updatedAt":"2026-08-05T19:04:15.548Z","publishedAt":"2026-08-05T19:04:15.545Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://renewed-selfie-456034.framer.app/","price":"5","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/888268b2-fa3c-4b8c-bc0f-c1703d822d65","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"BTrvIq3Fgu0De5V4gJlQ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T19:04:16.011Z","updatedAt":"2026-08-05T19:04:16.011Z"},{"id":"019fc8e8-bf25-758c-a1ac-431ab52244a4","title":null,"body":"

Elevate your Framer site with a breathtaking animated aurora background. This high-performance component features fluid color bands orbiting a central void. Fully customizable colors, speed, and swirl intensity for a premium aesthetic.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your Framer site with a breathtaking animated aurora background. This high-performance component features fluid color bands orbiting a central void. Fully customizable colors, speed, and swirl intensity for a premium aesthetic."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"eIBBdCquDCb51A5F2E5R","resolved":true,"title":"Aurora Orbit","body":"$69","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Give your website a highly premium and modern feel with the "},{"type":"text","text":"Aurora Orbit","marks":[{"type":"bold"}]},{"type":"text","text":" background component. This GPU-accelerated effect generates a beautiful, fluid light show resembling the northern lights or a deep space nebula. The animation organically orbits a central void, blending three distinct color bands smoothly over your chosen background color."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for maximum visual impact without sacrificing performance, it includes a smart auto-pause feature that stops the animation when scrolled out of view, saving your visitors' battery and CPU. Whether you're building a sleek dark-mode portfolio, an AI startup landing page, or a Web3 project, you have complete control over the orbit speed, swirl intensity, bloom, and exact positioning to perfectly match your brand's unique aesthetic."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ringed_planet","emoji":"🪐"}},{"type":"text","text":" "},{"type":"text","text":"Fluid Aurora Dynamics:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth, swirling bands of light that organically orbit a central point."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Rich Color Blending:","marks":[{"type":"bold"}]},{"type":"text","text":" Seamlessly mix three distinct aurora colors (Inner, Middle, Outer) over a base background."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"Total Shape Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the swirl intensity, bloom, zoom scale, and the size of the central void."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"round_pushpin","emoji":"📍"}},{"type":"text","text":" "},{"type":"text","text":"Precise Positioning:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily offset the center point along the X and Y axes to frame the effect perfectly behind your content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Smart Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized rendering with an auto-pause mechanism when the component is off-screen."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to Use:","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy & Paste:","marks":[{"type":"bold"}]},{"type":"text","text":" Copy the component and paste it directly onto your Framer canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout Setup:","marks":[{"type":"bold"}]},{"type":"text","text":" Set the component's Width and Height to "},{"type":"text","text":"\"Fill\" (100%)","marks":[{"type":"bold"}]},{"type":"text","text":" and place it as an absolute background layer behind your content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color Palette:","marks":[{"type":"bold"}]},{"type":"text","text":" Pick your "},{"type":"text","text":"Background","marks":[{"type":"bold"}]},{"type":"text","text":" color, then select three harmonious colors for the "},{"type":"text","text":"Inner, Middle, and Outer Aurora","marks":[{"type":"bold"}]},{"type":"text","text":" bands."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shape & Position:","marks":[{"type":"bold"}]},{"type":"text","text":" Use "},{"type":"text","text":"Void Size","marks":[{"type":"bold"}]},{"type":"text","text":" to adjust the empty center, and the "},{"type":"text","text":"Position X/Y","marks":[{"type":"bold"}]},{"type":"text","text":" sliders to move the focal point of the orbit."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fine-Tune Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the "},{"type":"text","text":"Orbit Speed","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Waviness","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"(controls the swirl/distortion)","marks":[{"type":"italic"}]},{"type":"text","text":", and "},{"type":"text","text":"Bloom / Glow","marks":[{"type":"bold"}]},{"type":"text","text":" to create the perfect ambient atmosphere."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Animated aurora orbit background.","slug":"aurora-orbit","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/019fc8e8-7d80-73b8-8909-46c599e1012b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-03T18:35:23.906Z","updatedAt":"2026-08-03T18:35:23.906Z","publishedAt":"2026-08-03T18:35:23.902Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://interactive-ship-683473.framer.app/","price":"5","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/24112a60-d458-434b-9ccf-c284e3d2268e","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"gKPiyzutWXIxCRRGVb5u","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T18:35:24.326Z","updatedAt":"2026-08-03T18:35:24.326Z"},{"id":"019fbd94-d358-72bd-9d36-a9242423cc40","title":null,"body":"

Transform your website with an interactive physics-based blueprint grid. Watch lines dynamically swing, emit sparks, and illuminate under a cursor flashlight effect. Highly customizable and optimized for stunning modern web backgrounds.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform your website with an interactive physics-based blueprint grid. Watch lines dynamically swing, emit sparks, and illuminate under a cursor flashlight effect. Highly customizable and optimized for stunning modern web backgrounds."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JoBw8i0ljABUmDb2zHWd","resolved":true,"title":"Interactive BP Grid","body":"$6a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your Framer website with the Interactive Blueprint Grid. This premium background component brings a highly technical and architectural aesthetic to life using advanced canvas physics. As users move their cursor across the screen, the grid lines dynamically swing, bend, and react as if they are physical strings. Fast mouse movements even trigger realistic spark effects, creating an incredibly tactile user experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Beyond physics, it features a dynamic flashlight effect that illuminates the grid directly beneath the cursor, adding depth and focus. You have complete control over the visual structure: adjust the grid size, line thickness, gap spacing, and corner dots. Fine-tune the physics by tweaking spring tension and friction to make the grid feel heavy or lightweight. Built with performance in mind, it utilizes an Intersection Observer to automatically pause animations when off-screen, saving battery and CPU. Perfect for SaaS, developer tools, and creative agencies."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"magnet","emoji":"🧲"}},{"type":"text","text":" "},{"type":"text","text":"Physics Interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" Grid lines dynamically swing and bend as the mouse passes through them."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Dynamic Sparks:","marks":[{"type":"bold"}]},{"type":"text","text":" Fast cursor movements generate realistic spark particle effects upon line impact."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"flashlight","emoji":"🔦"}},{"type":"text","text":" "},{"type":"text","text":"Flashlight Effect:","marks":[{"type":"bold"}]},{"type":"text","text":" A customizable radial glow illuminates the grid exactly where the user hovers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" "},{"type":"text","text":"Custom Structure:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully adjust grid size, line gaps, thickness, and corner dot radius for a unique look."}]}]}]}]},"introduction":"Physics-based interactive grid.","slug":"interactive-bp-grid","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/019fbd92-0a3a-7269-b098-cb2e82e6cc4f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-01T13:47:54.201Z","updatedAt":"2026-08-01T13:47:54.201Z","publishedAt":"2026-08-01T13:47:54.191Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tough-apartment-052304.framer.app/","price":"4","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/f7a2d3f2-9150-4e9e-a7eb-7a17057649ad","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"23OidH8ghkXGr8S8trCY","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-01T13:47:55.097Z","updatedAt":"2026-08-01T13:47:55.097Z"},{"id":"019fbcd7-529c-76f8-b833-abd664c1911c","title":null,"body":"

Add a precise, technical aesthetic to your Framer site with this SVG blueprint grid. Features customizable grid sizes, line gaps, and corner dots. Lightweight, purely static, and highly performant for modern design backgrounds.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a precise, technical aesthetic to your Framer site with this SVG blueprint grid. Features customizable grid sizes, line gaps, and corner dots. Lightweight, purely static, and highly performant for modern design backgrounds."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"hi2FikSB6R3PpntYv78R","resolved":true,"title":"Blueprint Grid","body":"$6b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your website's design with the "},{"type":"text","text":"Blueprint Grid","marks":[{"type":"bold"}]},{"type":"text","text":" component. This lightweight, SVG-based background brings a highly sought-after technical and architectural aesthetic to your Framer projects. Unlike heavy canvas animations, this component is purely static, ensuring zero performance hit and instant loading times."}]},{"type":"paragraph","content":[{"type":"text","text":"It generates an exact, customizable grid pattern featuring precise lines, corner intersection dots, and adjustable line gaps to create a stylized blueprint or schematic look. You have complete control over the visual structure: easily modify the grid size, line thickness, dot radius, and colors to match your brand. Perfect for developer tools, SaaS landing pages, design agency portfolios, or any site aiming for a clean, structural, and modern wireframe vibe."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" "},{"type":"text","text":"Precision SVG Grid:","marks":[{"type":"bold"}]},{"type":"text","text":" Renders a crisp, infinitely scaling blueprint grid without pixelation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Full Color Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Customize the background color, grid line color, and overall opacity."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"Structural Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust grid size, line thickness, and line gaps for a unique geometric effect."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"record_button","emoji":"⏺"}},{"type":"text","text":" "},{"type":"text","text":"Corner Dots:","marks":[{"type":"bold"}]},{"type":"text","text":" Add and scale intersection dots to enhance the architectural schematic look."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" "},{"type":"text","text":"Zero Performance Cost:","marks":[{"type":"bold"}]},{"type":"text","text":" Built entirely with static SVG patterns, requiring no JavaScript animation loops."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to Use:","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy & Paste:","marks":[{"type":"bold"}]},{"type":"text","text":" Copy the component from the Layers panel and paste it directly into your Framer canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set as Background:","marks":[{"type":"bold"}]},{"type":"text","text":" Change its Width and Height to "},{"type":"text","text":"\"Fill\" (100%)","marks":[{"type":"bold"}]},{"type":"text","text":" and place it in the absolute background of your section."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style Colors:","marks":[{"type":"bold"}]},{"type":"text","text":" Pick your "},{"type":"text","text":"Background Color","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Grid Color","marks":[{"type":"bold"}]},{"type":"text","text":", and set the "},{"type":"text","text":"Base Opacity","marks":[{"type":"bold"}]},{"type":"text","text":" to blend perfectly with your content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Define Structure:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the "},{"type":"text","text":"Grid Size","marks":[{"type":"bold"}]},{"type":"text","text":" to make the squares larger or smaller."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fine-Tune Details:","marks":[{"type":"bold"}]},{"type":"text","text":" Modify the "},{"type":"text","text":"Line Thickness","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Line Gap","marks":[{"type":"bold"}]},{"type":"text","text":" (to detach lines from the corners), and "},{"type":"text","text":"Corner Dot Radius","marks":[{"type":"bold"}]},{"type":"text","text":" to achieve the perfect technical aesthetic."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Customizable SVG blueprint grid.","slug":"blueprint-grid","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/019fbcd6-da26-740c-a0a7-4912db783de8.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-01T10:20:55.387Z","updatedAt":"2026-08-01T10:20:55.387Z","publishedAt":"2026-08-01T10:20:55.385Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/BlueprintGrid-pAU9sG.js@TLdGusBPR2Jdn0G529Rx","previewUrl":"https://traditional-deliberate-773566.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"TLdGusBPR2Jdn0G529Rx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-01T10:20:55.837Z","updatedAt":"2026-08-01T10:20:55.837Z"},{"id":"019f5c38-9a69-71cd-b062-5771dfb81cf5","title":null,"body":"

Elevate your website with a mesmerizing 3D particle globe. Features thousands of dynamic particles that react to mouse hovers and clicks.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your website with a mesmerizing 3D particle globe. Features thousands of dynamic particles that react to mouse hovers and clicks."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"au9HqPnrvvnUsNb145XE","resolved":true,"title":"Particle Globe 3D","body":"$6c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Give your Framer website a futuristic, high-tech upgrade with the "},{"type":"text","text":"Particle Globe 3D","marks":[{"type":"bold"}]},{"type":"text","text":" component. This stunning, GPU-accelerated background renders a dense, rotating globe made of up to 30,000 individual floating particles. It features a distinct glowing core and an outer shell, creating a deep 3D illusion that instantly captures your visitors' attention."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for maximum engagement, the globe is highly interactive: hovering over it accelerates the rotation and expands the inner core, while clicking triggers a dramatic, explosive scatter effect before the particles smoothly reform. Built entirely on custom GLSL shaders, it guarantees buttery-smooth 60fps animations. It also includes a smart visibility sensor that automatically pauses rendering when scrolled out of view, ensuring zero impact on device battery or CPU performance. Perfect for Web3, AI, and tech startup landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"milky_way","emoji":"🌌"}},{"type":"text","text":" "},{"type":"text","text":"3D Particle Physics:","marks":[{"type":"bold"}]},{"type":"text","text":" Renders up to 30,000 dynamic particles with distinct core and shell behaviors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}},{"type":"text","text":" "},{"type":"text","text":"Interactive Hover:","marks":[{"type":"bold"}]},{"type":"text","text":" The globe spins faster and the inner core dynamically expands when users hover over it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"boom","emoji":"💥"}},{"type":"text","text":" "},{"type":"text","text":"Scatter Effect:","marks":[{"type":"bold"}]},{"type":"text","text":" Clicking the globe triggers a spectacular particle explosion that smoothly reassembles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Color & Size Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully customize the shell color, core color, background, and overall scale to match your brand."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Smart Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" GPU-accelerated rendering with an automatic off-screen pause mechanism to save system resources."}]}]}]}]},"introduction":"Interactive 3D particle globe.","slug":"particle-globe-3d","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/019f5c38-4734-7053-b8f0-09f4affa6c38.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-13T16:04:00.979Z","updatedAt":"2026-07-13T17:27:02.328Z","publishedAt":"2026-07-13T16:04:00.972Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ParticleGlobe3D-qjic7s.js@gNQNr5lMQhRSa3nJhQSz","previewUrl":"https://appreciative-nature-264397.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"gNQNr5lMQhRSa3nJhQSz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T16:04:01.257Z","updatedAt":"2026-07-13T16:04:01.257Z"},{"id":"019f5b87-142f-73be-856b-2a15ebdf34a5","title":null,"body":"

Hello community! 👋

I'm excited to share my new component, Horizon Glow. It's perfect for adding a sleek, mesmerizing glowing effect to your next Framer project, especially for dark mode designs or hero sections.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello community! "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"I'm excited to share my new component, "},{"type":"text","text":"Horizon Glow","marks":[{"type":"bold"}]},{"type":"text","text":". It's perfect for adding a sleek, mesmerizing glowing effect to your next Framer project, especially for dark mode designs or hero sections."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/y7UzmGmM8aln8LupET6bLeFkHlTOlwvuAu2TXstSuco.m3u8","metadata":{"posterUrl":"https://image.mux.com/y7UzmGmM8aln8LupET6bLeFkHlTOlwvuAu2TXstSuco/thumbnail.webp?time=7.1","aspectRatio":"16:9","duration":13.256556}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T12:50:07.026Z","updatedAt":"2026-07-13T12:50:07.026Z"},{"id":"019f5b60-5b05-7658-8be5-f0690834342c","title":null,"body":"

Elevate your site with a high-performance interactive horizon background. Features cinematic volumetric lighting, anamorphic lens flares, and mouse interactivity.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your site with a high-performance interactive horizon background. Features cinematic volumetric lighting, anamorphic lens flares, and mouse interactivity."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"nOKyv26anPWqdaMVbBnp","resolved":true,"title":"Horizon Glow","body":"$6d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform your Framer website into a cinematic masterpiece with the "},{"type":"text","text":"Horizon Glow","marks":[{"type":"bold"}]},{"type":"text","text":" component. This premium, GPU-accelerated background renders a breathtaking sci-fi horizon complete with volumetric lighting, deep planetary shadows, and stunning anamorphic lens flares. Designed to captivate, the horizon dynamically reacts to user interactions—shifting the atmospheric gap and flares fluidly as the mouse moves across the screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Engineered for top-tier performance, it runs entirely on custom GLSL shaders and includes a smart Intersection Observer that automatically pauses rendering when scrolled out of view. Whether you are building a Web3 portal, a futuristic SaaS landing page, or a gaming portfolio, this component delivers a breathtaking 3D atmosphere with zero lag and no impact on device battery life."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"milky_way","emoji":"🌌"}},{"type":"text","text":" "},{"type":"text","text":"Cinematic Horizon:","marks":[{"type":"bold"}]},{"type":"text","text":" A stunning curved horizon line separating two planetary masses against a deep space background."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Anamorphic Flares:","marks":[{"type":"bold"}]},{"type":"text","text":" Features a glowing, shimmering center core and volumetric edge lighting for a high-end sci-fi look."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}},{"type":"text","text":" "},{"type":"text","text":"Interactive Perspective:","marks":[{"type":"bold"}]},{"type":"text","text":" The horizon gap and lens flares react organically to the user's mouse movements."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}},{"type":"text","text":" "},{"type":"text","text":"Smooth Intro:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes a built-in reveal animation with a customizable intro duration for a grand entrance."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Smart Optimization:","marks":[{"type":"bold"}]},{"type":"text","text":" GPU-rendered with automatic off-screen pausing to save battery and system resources."}]}]}]}]},"introduction":"3D cinematic horizon glow effect.","slug":"horizon-glow","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/019f5b5f-c2cb-7734-9248-01e8546eb6d4.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-13T12:07:48.734Z","updatedAt":"2026-07-26T11:23:06.552Z","publishedAt":"2026-07-13T12:07:48.730Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://orchid-salmon-631450.framer.app/","price":"4","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/9f266158-c114-421a-b92c-2bf894a7620c","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"vpe8RrKDdZ5sOeGSjaN8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T12:07:49.254Z","updatedAt":"2026-07-13T12:07:49.254Z"},{"id":"019f03f7-7470-72ef-90cc-663ad14c61c0","title":null,"body":"

Elevate your site with a stunning, interactive WebGL fluid background.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your site with a stunning, interactive WebGL fluid background."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"MjpErxlGyXclb5A5ZopR","resolved":true,"title":"Liquid Neon WebGL","body":"$6e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Give your Framer website a luxurious, futuristic upgrade with the "},{"type":"text","text":"Liquid Neon WebGL","marks":[{"type":"bold"}]},{"type":"text","text":" background. Built on high-performance GLSL shaders, this component renders a deep, atmospheric 3D fluid surface illuminated by vibrant neon lights. The fluid organically morphs and flows, creating rich, glossy specular highlights that make your page feel alive."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for maximum engagement, the liquid surface is highly interactive—it ripples, pushes, and warps naturally in response to both mouse movements and touch gestures. You have complete creative control: adjust the complexity of the waves, dial in the glossiness, and blend three distinct neon accent colors over a dark canvas to perfectly match your brand. Engineered for modern web standards, it includes a smart Intersection Observer that automatically pauses rendering when off-screen, ensuring zero impact on device battery or CPU."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}},{"type":"text","text":" "},{"type":"text","text":"3D Fluid Dynamics:","marks":[{"type":"bold"}]},{"type":"text","text":" Simulates a rich, glossy liquid surface with complex, continuous wave distortions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}},{"type":"text","text":" "},{"type":"text","text":"Interactive Ripples:","marks":[{"type":"bold"}]},{"type":"text","text":" The fluid naturally displaces and ripples in real-time as users move their cursor or touch the screen."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Neon Color Blending:","marks":[{"type":"bold"}]},{"type":"text","text":" Mix three distinct accent colors (Primary, Secondary, Ambient) to create stunning, vibrant specular highlights."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"Deep Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine-tune the wave complexity, distortion amount, animation speed, and surface glossiness."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Smart Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" Pure GPU-accelerated WebGL rendering with an automatic pause mechanism when scrolled out of view."}]}]}]}]},"introduction":"Interactive 3D fluid neon backgrou","slug":"liquid-neon-webgl","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/ptquawly","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-26T12:46:16.654Z","updatedAt":"2026-06-26T12:46:16.654Z","publishedAt":"2026-06-26T12:46:16.650Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LiquidNeonWebGL-GiqZ6O.js@o5EwR8NXBYM3zXpEmsk1","previewUrl":"https://amicable-yucca-139477.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"o5EwR8NXBYM3zXpEmsk1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-26T12:46:16.688Z","updatedAt":"2026-06-26T12:46:16.688Z"},{"id":"019efffb-e437-738e-9f18-7cd62c39aa70","title":null,"body":"

An interactive image slideshow featuring auto-play, custom transitions, and a unique color reveal effect.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An interactive image slideshow featuring auto-play, custom transitions, and a unique color reveal effect."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"47ZFoQkHJQRKXEKmqwd0","resolved":true,"title":"Reveal Slider Images","body":"$6f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Capture your audience's attention with the "},{"type":"text","text":"Reveal Slider Images","marks":[{"type":"bold"}]},{"type":"text","text":". This versatile image carousel goes beyond standard slideshows by introducing an interactive "},{"type":"text","text":"Color Reveal","marks":[{"type":"bold"}]},{"type":"text","text":" feature. By default, images can be displayed in grayscale and smoothly transition into full, vibrant color through automated animations, directional hover wipes, or a dynamic magnetic spotlight that tracks the user's cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"It includes all essential carousel features like auto-play, customizable transition styles (fade, slide, scale, or slide & scale), and dot navigation. Whether you are showcasing a photography portfolio, presenting product features, or building an interactive gallery, you can easily add clickable links to slides, adjust transition speeds, and style the container to match your brand seamlessly."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Color Reveal Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Transition images from grayscale to color using Auto animations, directional Hover sweeps, or an interactive Mouse Spotlight."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Custom Transitions:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose between Fade, Slide, Scale, or a combined Slide & Scale effect for buttery-smooth image changes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"Clickable Slides:","marks":[{"type":"bold"}]},{"type":"text","text":" Turn any image into a hyperlink to direct users seamlessly to specific products, articles, or case studies."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"keyboard","emoji":"⌨"}},{"type":"text","text":" "},{"type":"text","text":"Keyboard Navigation:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully accessible with built-in arrow key support for manual browsing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"Full Styling Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust border radius, indicator colors, object fit, and spotlight shapes directly from the properties panel."}]}]}]}]},"introduction":"Slider with color reveal effects.","slug":"reveal-slider-images","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/f7uwz1pq","metadata":{"tint":{"h":0,"s":0,"l":20},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-25T18:12:38.553Z","updatedAt":"2026-07-26T11:24:19.857Z","publishedAt":"2026-06-25T18:12:38.549Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://digital-place-435801.framer.app/","price":"4","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/258bbc49-459d-4be7-9baf-dbe452bfe499","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ekbNRNri4otvqOfvpKXH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-25T18:12:38.584Z","updatedAt":"2026-06-25T18:12:38.584Z"},{"id":"019efeca-7646-774b-b6e3-cc65ca861224","title":null,"body":"

A mesmerizing WebGL space background featuring a customizable cosmic ray beam, dynamic starry skies, and glowing lens flares.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A mesmerizing WebGL space background featuring a customizable cosmic ray beam, dynamic starry skies, and glowing lens flares."}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"gRHIosbMGIdmQuJSCgbw","resolved":true,"title":"Cosmic Ray","body":"$70","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transport your website visitors into deep space with the "},{"type":"text","text":"Cosmic Ray","marks":[{"type":"bold"}]},{"type":"text","text":" background component. This high-performance Framer background renders a stunning, atmospheric scene featuring a powerful, animated light beam radiating from a customizable core star. Behind the beam, a vast field of twinkling, parallax-scrolling stars adds incredible depth and motion to your layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Built using custom GLSL shaders, this component offers immense visual flexibility. You can choose from four distinct core shapes (Round, Lens Flare, Diamond, Comet) and freely position the beam's origin anywhere on the canvas. Adjust the beam's angle, spread, and speed, and toggle the dense starry background on or off. Designed with an intelligent Intersection Observer, the animation automatically pauses when scrolled out of view to preserve device battery and CPU performance."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"stars","emoji":"🌠"}},{"type":"text","text":" "},{"type":"text","text":"Dynamic Starfield:","marks":[{"type":"bold"}]},{"type":"text","text":" A multi-layered, twinkling starry background that moves with a subtle parallax effect."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"flashlight","emoji":"🔦"}},{"type":"text","text":" "},{"type":"text","text":"Cosmic Light Beam:","marks":[{"type":"bold"}]},{"type":"text","text":" An animated, textured light beam with customizable spread, length, angle, and speed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"star2","emoji":"🌟"}},{"type":"text","text":" "},{"type":"text","text":"Custom Core Shapes:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose from 4 unique origins for the light beam: Round, Lens Flare, Diamond, or Comet."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Deep Color Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Granular control over the Background color, Core Color, and the surrounding Beam Aura."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"WebGL Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" Lightweight, pure shader-based rendering ensures perfectly smooth 60fps animations with auto-pause optimization."}]}]}]}]},"introduction":"Starry sky & cosmic light beam.","slug":"cosmic-ray","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/9le31me2","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-25T12:39:01.921Z","updatedAt":"2026-07-26T11:25:06.409Z","publishedAt":"2026-06-25T12:39:01.917Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://precious-unicorn-744866.framer.app/","price":"5","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/503f67ad-724f-4ac5-9851-e16ca9b24c7d","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"aGLb3U6Qa5ap66fxPydD","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-25T12:39:01.958Z","updatedAt":"2026-06-25T12:39:01.958Z"},{"id":"019ed514-0b95-770e-9f8b-c54e11e047ea","title":null,"body":"

hello everyone let's connect 🙌

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"hello everyone let's connect "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T10:15:21.243Z","updatedAt":"2026-06-17T10:15:21.243Z"},{"id":"019e798e-7a01-773e-8e46-23495a1c8bf1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZZ1HNkxzlEOkjVIVYkS2","resolved":true,"title":"Smart Text Highlight","body":"$71","bodyJson":null,"introduction":"Custom styles for specific words in text","slug":"smart-text-highlight","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ZZ1HNkxzlEOkjVIVYkS2/smart-text-highlight-LRF3K6xxf0q7xKxSyt19BQYrt5Ehkj","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-17T06:21:48.801Z","updatedAt":"2026-05-30T14:06:52.256Z","publishedAt":"2026-05-30T15:44:01.025Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/SmartTextHighlight-urPVka.js@H9lVuYKiFhIW2Yddnw68","previewUrl":"https://superfluous-panther-127795.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"H9lVuYKiFhIW2Yddnw68","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T15:44:01.025Z","updatedAt":"2026-05-30T15:44:01.025Z"},{"id":"019e26bb-00d7-7008-b665-bbebd639efc0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qD84Jb2NY0BM1Y3iGi5Z","resolved":true,"title":"Scroll Glass Lines","body":"$72","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Take your Framer website to the next level with the "},{"type":"text","text":"Scroll Glass Lines","marks":[{"type":"bold"}]},{"type":"text","text":" component. This advanced WebGL background simulates the luxurious aesthetic of fluted (ribbed) glass. Behind the textured surface, vibrant fluid blobs seamlessly morph and glide, creating a beautiful, eye-catching gradient refraction."}]},{"type":"paragraph","content":[{"type":"text","text":"What makes this updated version exceptional is the "},{"type":"text","text":"Scroll-Synced Parallax","marks":[{"type":"bold"}]},{"type":"text","text":" engine. Designed with a position: sticky canvas, the glass texture shifts naturally in tandem with the user's scrolling, creating a deep, immersive 3D illusion without compromising performance. Built strictly with raw GLSL shaders and a smart visibility sensor, it delivers buttery-smooth 60fps animations while preserving device battery and CPU resources. It is the perfect visual anchor for modern SaaS platforms, creative agencies, and premium portfolios."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"📜 "},{"type":"text","text":"Scroll Parallax:","marks":[{"type":"bold"}]},{"type":"text","text":" The background intelligently tracks the page scroll, applying a smooth vertical parallax shift to the glass texture."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"✨ "},{"type":"text","text":"Ribbed Glass Optics:","marks":[{"type":"bold"}]},{"type":"text","text":" Simulates real fluted glass with adjustable refraction (distortion), edge highlights, and deep shadows."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"🎨 "},{"type":"text","text":"Fluid Gradient Blobs:","marks":[{"type":"bold"}]},{"type":"text","text":" Three distinct color blobs continuously merge and move behind the glass layer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"🔄 "},{"type":"text","text":"Pattern Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily switch the glass ridges between Vertical and Horizontal orientations."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"🚀 "},{"type":"text","text":"Smart Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" Utilizes a sticky WebGL canvas and an Intersection Observer to automatically pause rendering when off-screen."}]}]}]}]},"introduction":"Parallax ribbed glass background.","slug":"scroll-glass-lines","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qD84Jb2NY0BM1Y3iGi5Z/scroll-glass-lines-ZW6F7ishoKdqAgBd5JdLPkPGYZ74WT","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-10T06:30:14.575Z","updatedAt":"2026-07-26T11:26:30.916Z","publishedAt":"2026-05-14T13:44:10.199Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dazzled-time-401464.framer.app/","price":"5","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/0dc892bc-6889-48e4-99ec-817f8762b3b3","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"1VZWGv5e5cBqlQqzkVp0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T13:44:10.199Z","updatedAt":"2026-05-14T13:44:10.199Z"},{"id":"019e26ba-ef29-7e55-9643-d94396e07c17","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OspPhfDi4byG8fNXOrJd","resolved":true,"title":"Magnetic Liquid Core","body":"$73","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Give your website a futuristic, high-tech aesthetic with the "},{"type":"text","text":"Magnetic Liquid Core","marks":[{"type":"bold"}]},{"type":"text","text":". This advanced WebGL background component renders a stunning, glowing orbital ring filled with a custom inner color and surrounded by thousands of dynamic floating particles."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for maximum interactivity, the core and its particles react magnetically to the user's cursor. As the mouse moves across the canvas, the fluid ring warps and the particles pull toward the cursor, creating a highly immersive and satisfying visual experience. Engineered for top-tier performance, it leverages pure GLSL shaders and includes a smart visibility sensor that automatically pauses rendering when scrolled out of view. Perfect for Web3 platforms, modern SaaS landing pages, and creative portfolios."}]},{"type":"paragraph","content":[{"type":"text","text":"Functions (Key Features):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"🧲 "},{"type":"text","text":"Magnetic Interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" The fluid core and particles warp and pull dynamically towards the user's cursor based on customizable strength and range parameters."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"✨ "},{"type":"text","text":"Particle Swarm:","marks":[{"type":"bold"}]},{"type":"text","text":" Renders up to 30,000 orbiting particles with fluid, wave-like physics for a dense, atmospheric look."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"🎨 "},{"type":"text","text":"Custom Fill & Glow:","marks":[{"type":"bold"}]},{"type":"text","text":" Independent color controls for the background, glowing core edge, internal core fill, and particles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"📏 "},{"type":"text","text":"Precise Positioning:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily offset the core along the X and Y axes to perfectly frame it within your specific layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"🚀 "},{"type":"text","text":"Optimized Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" GPU-accelerated WebGL rendering with an automatic off-screen pause mechanism to conserve battery and CPU."}]}]}]},{"type":"paragraph"}]},"introduction":"Interactive WebGL magnetic core.","slug":"magnetic-liquid-core","author":{"framerUserId":"0c5ede99-5a4e-45b9-81b3-1bb1634bd38c","name":"Sirrah Space","slug":"sirrahspace","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0c5ede99-5a4e-45b9-81b3-1bb1634bd38c/22zqe6c5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/OspPhfDi4byG8fNXOrJd/magnetic-liquid-core-DrSKYfzvctXkRjjtLX6XSNCsWyH2lq","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-11T07:51:09.241Z","updatedAt":"2026-07-26T11:27:47.113Z","publishedAt":"2026-05-14T13:44:05.673Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://empowered-suggestions-603387.framer.app/","price":"5","paymentUrl":"https://sirrahspace.lemonsqueezy.com/checkout/buy/8a7918b8-3241-4bc7-a18a-e94de18cd335","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"6AmcgLYqDF912F2FEBx3","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T13:44:05.673Z","updatedAt":"2026-05-14T13:44:05.673Z"}],"pagination":{"next":"MDE5ZTI2YmEtZWYyOS03ZTU1LTk2NDMtZDk0Mzk2ZTA3YzE3","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L74"}]