[{"data":1,"prerenderedAt":1023},["ShallowReactive",2],{"components-hub-3d-webgl":3},[4,20,33,44,53,64,75,88,98,109,119,128,138,150,160,170,179,187,198,209,218,229,239,250,262,273,281,290,300,310,320,329,337,349,363,371,380,388,399,407,418,426,436,447,456,466,476,485,493,501,509,520,528,538,545,553,561,571,584,593,602,610,619,626,635,642,649,657,667,676,684,691,698,705,716,724,736,745,752,760,768,775,782,791,799,808,818,826,833,845,853,865,877,886,896,908,916,926,934,943,950,961,971,980,988,995,1004,1015],{"slug":5,"title":6,"image":7,"tagline":8,"price":9,"isFree":10,"hasGradient":10,"tags":11,"categories":17,"published":19},"infinite-gallery","Infinite Gallery","/framerhub/img/components/infinite-gallery.jpg","An infinitely scrolling horizontal gallery with snapping physics and a smooth parallax effect.",9,false,[12,13,14,15,16],"Gallery","Parallax","Infinite","Smooth Scroll","3D",[18],"Carousels",true,{"slug":21,"title":22,"image":23,"tagline":24,"price":9,"isFree":10,"hasGradient":10,"tags":25,"categories":30,"published":19},"shader-hatch","ShaderHatch","/framerhub/img/components/shader-hatch.jpg","Add beautiful hatching and scribble WebGL effects to your elements.",[26,27,28,29],"Shader","Hatching","WebGL","Image Effect",[31,32],"Effects","Media",{"slug":34,"title":35,"image":36,"tagline":37,"price":9,"isFree":10,"hasGradient":10,"tags":38,"categories":42,"published":19},"text-hatch","TextHatch","/framerhub/img/components/text-hatch.jpg","Apply a stunning, hand-drawn hatching shader effect to your typography.",[27,39,40,28,41],"Scribble","Typography","Three.js",[43,31],"Text",{"slug":45,"title":46,"image":47,"tagline":48,"price":9,"isFree":10,"hasGradient":10,"tags":49,"categories":51,"published":19},"video-hatch","VideoHatch","/framerhub/img/components/video-hatch.jpg","Apply a real-time, hand-drawn hatching shader effect to any video.",[27,39,50,28,41],"Video Filter",[52,31],"Video",{"slug":54,"title":55,"image":56,"tagline":57,"price":9,"isFree":10,"hasGradient":10,"tags":58,"categories":62,"published":19},"vfx-scroll-shift","VFX Scroll Shift","/framerhub/img/components/vfx-scroll-shift.jpg","Apply a stunning multi-color glitch effect to text, driven by scroll velocity.",[59,60,61,28,40],"Scroll","Glitch","VFX",[31,63],"Animation",{"slug":65,"title":66,"image":67,"tagline":68,"price":9,"isFree":10,"hasGradient":10,"tags":69,"categories":73,"published":19},"portfolio-reveal-hero","Portfolio Reveal Hero","/framerhub/img/components/portfolio-reveal-hero.jpg","Mesmerizing organic blob-mask reveal between two images.",[28,70,71,72],"Canvas","Images","Reveal",[74],"Interactions",{"slug":76,"title":77,"image":78,"tagline":79,"price":80,"isFree":10,"hasGradient":10,"tags":81,"categories":86,"published":19},"cms-gallery-lightbox","CMS Gallery Lightbox","/framerhub/img/components/cms-gallery-lightbox.jpg","A powerful CMS masonry gallery with native GLightbox support, responsive extraction, and interactive hover effects.",18,[82,83,84,71,52,85],"Masonry","Slider","Grid","Lightbox",[87,12,83],"CMS",{"slug":89,"title":90,"image":91,"tagline":92,"price":9,"isFree":10,"hasGradient":10,"tags":93,"categories":97,"published":19},"mouse-image-trail","Mouse Image Trail","/framerhub/img/components/mouse-image-trail.jpg","Leave a dynamic trail of images that follow your cursor.",[94,71,95,96],"Mouse Trail","Hover","Interactive",[31,96],{"slug":99,"title":100,"image":101,"tagline":102,"price":9,"isFree":10,"hasGradient":10,"tags":103,"categories":107,"published":19},"bouncing-image-trail","Bouncing Image Trail","/framerhub/img/components/bouncing-image-trail.jpg","Add an immersive, GSAP-powered bouncing image trail to your cursor.",[104,105,106],"GSAP","Mouse Effect","Cursor",[108,12],"Interaction",{"slug":110,"title":111,"image":112,"tagline":113,"price":114,"isFree":10,"hasGradient":10,"tags":115,"categories":117,"published":19},"delphitunnel","DelphiTunnel","/framerhub/img/components/delphitunnel.jpg","An infinite 3D image tunnel for your Framer sites.",14,[16,116,104,41,14],"Tunnel",[16,118],"Backgrounds",{"slug":120,"title":121,"image":122,"tagline":123,"price":9,"isFree":10,"hasGradient":10,"tags":124,"categories":127,"published":19},"circular-showcase","Circular Showcase","/framerhub/img/components/circular-showcase.jpg","A creative circular rotating gallery of images orbiting around central text.",[12,71,125,126],"Circular","Showcase",[32],{"slug":129,"title":130,"image":131,"tagline":132,"price":9,"isFree":10,"hasGradient":10,"tags":133,"categories":137,"published":19},"inline-media-word","Inline Media Word","/framerhub/img/components/inline-media-word.jpg","Put an image or video block directly inside a word.",[43,134,52,135,136],"Image","Hero","Editorial",[40],{"slug":139,"title":140,"image":141,"tagline":142,"price":80,"isFree":10,"hasGradient":10,"tags":143,"categories":149,"published":19},"cms-gallery-popup","CMS Gallery Popup","/framerhub/img/components/cms-gallery-popup.jpg","A fully customizable CMS Gallery Popup with thumbnail navigation and seamless interactions.",[144,145,146,147,148],"light box","popup","slider","carousel","gallery",[12,87,83],{"slug":151,"title":152,"image":153,"tagline":154,"price":114,"isFree":10,"hasGradient":19,"tags":155,"categories":159,"published":19},"neural-core","Neural Core","/framerhub/img/components/neural-core.jpg","A mesmerizing 3D ASCII particle sphere with bloom effects.",[16,156,157,41,63,158],"Particles","ASCII","Sphere",[16,96],{"slug":161,"title":162,"image":163,"tagline":164,"price":9,"isFree":10,"hasGradient":10,"tags":165,"categories":168,"published":19},"kinetic-ascii","Kinetic ASCII","/framerhub/img/components/kinetic-ascii.jpg","Transform shapes and images into mesmerizing dot-matrix ASCII art with real-time 3D animation.",[157,16,63,166,167,41],"Retro","Dot Matrix",[169],"Visual Effects",{"slug":171,"title":172,"image":173,"tagline":174,"price":175,"isFree":10,"hasGradient":10,"tags":176,"categories":178,"published":19},"sprite-video-ascii","Sprite Video ASCII","/framerhub/img/components/sprite-video-ascii.jpg","Transform video into live ASCII art with color grading, fit controls, and retro scanline styling.",12,[157,28,52,177,63],"Retro Effects",[31],{"slug":180,"title":181,"image":182,"tagline":183,"price":9,"isFree":10,"hasGradient":10,"tags":184,"categories":186,"published":19},"text-rotate","Text Rotate","/framerhub/img/components/text-rotate.jpg","Animated text rotation with creative effects for hero sections.",[43,63,185,40,135],"Rotate",[40,63],{"slug":188,"title":189,"image":190,"tagline":191,"price":192,"isFree":19,"hasGradient":19,"tags":193,"categories":197,"published":19},"aurora","Aurora","/framerhub/img/components/aurora.jpg","A mesmerizing northern lights background with procedural noise and flowing colors.",0,[189,194,195,70,196,63],"Northern Lights","Gradient","Noise",[118],{"slug":199,"title":200,"image":201,"tagline":202,"price":114,"isFree":10,"hasGradient":10,"tags":203,"categories":208,"published":19},"auto-toc","AutoTOC","/framerhub/img/components/auto-toc.jpg","Auto-generated table of contents that tracks scroll position.",[204,205,206,59,207],"TOC","Navigation","Sticky","Blog",[205,59,87],{"slug":210,"title":211,"image":212,"tagline":213,"price":192,"isFree":19,"hasGradient":10,"tags":214,"categories":217,"published":19},"bokeh-orbs","Bokeh Orbs","/framerhub/img/components/bokeh-orbs.jpg","Smooth, animated bokeh orbs for elegant backgrounds.",[215,156,63,216,41],"Bokeh","Background",[118,28],{"slug":219,"title":220,"image":221,"tagline":222,"price":192,"isFree":19,"hasGradient":10,"tags":223,"categories":228,"published":19},"bouncing-balls","Gravity Bouncing Balls","/framerhub/img/components/physics-gravity.jpg","Interactive 2D physics simulation with gravity, collisions, and mouse repulsion.",[224,225,226,96,227,63],"Physics","Gravity","Collision","2D",[96],{"slug":230,"title":231,"image":232,"tagline":233,"price":192,"isFree":19,"hasGradient":19,"tags":234,"categories":238,"published":19},"coalesce","Coalesce","/framerhub/img/components/coalesce.jpg","Abstract geometric particles spiraling into a cohesive form.",[156,235,236,237,70,63],"Abstract","Spiral","Geometric",[118],{"slug":240,"title":241,"image":242,"tagline":243,"price":114,"isFree":10,"hasGradient":10,"tags":244,"categories":248,"published":19},"counter-number","Counter Number","/framerhub/img/components/counter-number.jpg","Animated number counter with custom formatting and easing.",[245,246,63,247],"Counter","Numbers","Stats",[249],"UI Elements",{"slug":251,"title":252,"image":253,"tagline":254,"price":9,"isFree":10,"hasGradient":10,"tags":255,"categories":261,"published":19},"credit-card-3d-tilt","Credit Card 3D Tilt","/framerhub/img/components/credit-card-3d-tilt.jpg","Premium 3D credit card with holographic glare and glassmorphism effects.",[256,16,257,96,258,259,260],"Credit Card","Tilt","UI","Fintech","Holographic",[249,16,96],{"slug":263,"title":264,"image":265,"tagline":266,"price":9,"isFree":10,"hasGradient":10,"tags":267,"categories":272,"published":19},"digital-rain","Digital Rain","/framerhub/img/components/digital-rain.jpg","A Matrix-inspired falling code effect with customizable colors, size, and 3D depth.",[268,269,270,271,63,16],"Matrix","Rain","Cyberpunk","Code",[169],{"slug":274,"title":275,"image":276,"tagline":277,"price":114,"isFree":10,"hasGradient":10,"tags":278,"categories":280,"published":19},"dot-globe","Dot Globe","/framerhub/img/components/dot-globe.jpg","Interactive particle globe with Dots, Matrix, and ASCII rendering styles.",[279,156,268,157,16,28,96],"Globe",[63,28,96],{"slug":282,"title":283,"image":284,"tagline":285,"price":192,"isFree":19,"hasGradient":10,"tags":286,"categories":289,"published":19},"fluid-noise","Fluid Noise","/framerhub/img/components/fluid-noise.jpg","Organic fluid noise textures with customizable colors, animation modes, and effects.",[196,287,26,216,288,63,28,195],"Fluid","Distortion",[169,28],{"slug":291,"title":292,"image":293,"tagline":294,"price":9,"isFree":10,"hasGradient":19,"tags":295,"categories":299,"published":19},"fluid-trail","Fluid Trail","/framerhub/img/components/fluid-trail.jpg","High-performance fluid mouse trail effect powered by WebGL.",[106,296,108,28,297,298,63],"Trail","OGL","Mouse",[63,59,28],{"slug":301,"title":302,"image":303,"tagline":304,"price":192,"isFree":19,"hasGradient":10,"tags":305,"categories":309,"published":19},"warp-drive","Warp Drive","/framerhub/img/components/warp-drive.jpg","Hyperspeed tunnel effect with dynamic car lights and distortion.",[306,16,116,307,308,28,41],"Hyperspeed","Car Lights","Space",[63,28],{"slug":311,"title":312,"image":313,"tagline":314,"price":192,"isFree":19,"hasGradient":10,"tags":315,"categories":319,"published":19},"image-tiles-menu","Image Tiles Menu","/framerhub/img/components/image-tiles-menu.jpg","An interactive menu that reveals a dynamic grid of image tiles on hover.",[316,317,318,96,205],"Menu","Hover Effect","Image Grid",[205],{"slug":321,"title":322,"image":323,"tagline":324,"price":9,"isFree":10,"hasGradient":10,"tags":325,"categories":328,"published":19},"letter-swap","Letter Swap","/framerhub/img/components/letter-swap.jpg","Smooth letter-swapping hover effect with staggered animations.",[43,95,326,327,96],"Stagger","Motion",[40,63,96],{"slug":330,"title":331,"image":332,"tagline":333,"price":9,"isFree":10,"hasGradient":10,"tags":334,"categories":336,"published":19},"liquid-chrome","Liquid Chrome","/framerhub/img/components/liquid-chrome.jpg","A mesmerizing, interactive liquid chrome shader with multiple render modes.",[28,335,287,96,16],"Shaders",[169,63,28],{"slug":338,"title":339,"image":340,"tagline":341,"price":9,"isFree":10,"hasGradient":19,"tags":342,"categories":348,"published":19},"neon-sign-ticker","Neon Sign Ticker","/framerhub/img/components/neon-sign-ticker.jpg","Scrolling marquee text with realistic neon glow and flicker.",[343,344,59,270,345,346,347],"Neon","Marquee","Glow","Ticker","Text Animation",[40,63],{"slug":350,"title":351,"image":352,"tagline":353,"price":354,"isFree":10,"hasGradient":19,"tags":355,"categories":361,"published":19},"neural-grid","Neural Grid","/framerhub/img/components/neural-grid.jpg","Connected node background simulating AI or data networks.",5,[356,357,358,84,359,28,26,360],"AI","Data","Nodes","Connection","Tech Background",[118,362,28],"Tech",{"slug":364,"title":365,"image":366,"tagline":367,"price":192,"isFree":19,"hasGradient":19,"tags":368,"categories":370,"published":19},"pipeline","Pipeline","/framerhub/img/components/pipeline.jpg","A retro-tech background with self-drawing pipes and grid-like movement.",[362,84,369,357,166,63],"Circuit",[118],{"slug":372,"title":373,"image":374,"tagline":375,"price":175,"isFree":10,"hasGradient":10,"tags":376,"categories":379,"published":19},"quantum-nebula","Quantum Nebula","/framerhub/img/components/quantum-nebula.jpg","Advanced 3D particle system with interactive Torus and Hologram image modes.",[377,156,378,16,270],"Nebula","Hologram",[28,16,156],{"slug":381,"title":382,"image":383,"tagline":384,"price":175,"isFree":10,"hasGradient":10,"tags":385,"categories":387,"published":19},"the-quantum-tunnel","Quantum Tunnel","/framerhub/img/components/quantum-tunnel.jpg","Infinite 3D particle tunnel with mouse steering and warp speed.",[116,386,308,16,156,63],"Warp",[16,118],{"slug":389,"title":390,"image":391,"tagline":392,"price":9,"isFree":10,"hasGradient":10,"tags":393,"categories":398,"published":19},"rain-overlay","Rain Overlay","/framerhub/img/components/rain-overlay.jpg","Realistic rain effect for your Framer sites.",[394,395,396,397],"rain","particles","weather","effect",[118],{"slug":400,"title":401,"image":402,"tagline":403,"price":9,"isFree":10,"hasGradient":10,"tags":404,"categories":406,"published":19},"reaction-diffusion","Reaction Diffusion","/framerhub/img/components/reaction-diffusion.jpg","Animated reaction-diffusion pattern generator powered by WebGL shaders.",[405,26,235,63,28],"Pattern",[169,118,28],{"slug":408,"title":409,"image":410,"tagline":411,"price":9,"isFree":10,"hasGradient":10,"tags":412,"categories":416,"published":19},"retro-crt","Retro CRT","/framerhub/img/components/retro-crt.jpg","Realistic vintage CRT monitor effect with scanlines and curvature.",[413,166,60,414,415],"CRT","Scanlines","Vintage",[169,417],"Overlays",{"slug":419,"title":420,"image":421,"tagline":422,"price":192,"isFree":19,"hasGradient":10,"tags":423,"categories":425,"published":19},"shader-frame","Shader Frame","/framerhub/img/components/shader-frame.jpg","A mesmerizing WebGL shader frame with interactive distortion and color controls.",[26,28,424,288,96],"Frame",[169,28],{"slug":427,"title":428,"image":429,"tagline":430,"price":192,"isFree":19,"hasGradient":19,"tags":431,"categories":435,"published":19},"shift","Shift","/framerhub/img/components/shift.jpg","Large, glowing orbs drift slowly with subtle color shifting.",[432,215,195,433,434,63],"Orbs","Soft","Ambient",[118],{"slug":437,"title":438,"image":439,"tagline":440,"price":9,"isFree":10,"hasGradient":10,"tags":441,"categories":446,"published":19},"smart-breadcrumbs","Smart Breadcrumbs","/framerhub/img/components/smart-breadcrumbs.jpg","SEO-optimized breadcrumbs with automatic schema injection and flexible styling.",[442,87,443,205,444,445],"Breadcrumbs","SEO","Schema","Links",[205,87],{"slug":448,"title":449,"image":450,"tagline":451,"price":192,"isFree":19,"hasGradient":19,"tags":452,"categories":455,"published":19},"swirl","Swirl","/framerhub/img/components/swirl.jpg","Flowing particles with trail lines creating organic, swirling patterns.",[156,453,454,196,63],"Flow","Trails",[118],{"slug":457,"title":458,"image":459,"tagline":460,"price":175,"isFree":10,"hasGradient":10,"tags":461,"categories":465,"published":19},"the-digital-horizon","The Digital Horizon","/framerhub/img/components/digital-horizon.jpg","3D digital landscape with matrix-style particles and waves.",[462,84,463,464,16,156],"Horizon","Digital","Landscape",[118,16,96],{"slug":467,"title":468,"image":469,"tagline":470,"price":9,"isFree":10,"hasGradient":10,"tags":471,"categories":475,"published":19},"time-to-read","Time To Read","/framerhub/img/components/time-to-read.jpg","Automatically calculates and displays reading time for your page.",[472,473,207,474,43],"Read Time","Calculator","Utility",[474,87,207],{"slug":477,"title":478,"image":479,"tagline":480,"price":192,"isFree":19,"hasGradient":10,"tags":481,"categories":484,"published":19},"warp-tunnel","Warp Tunnel","/framerhub/img/components/warp-tunnel.jpg","High-speed wireframe tunnel animation.",[116,482,235,483,16],"Wireframe","Speed",[16,118],{"slug":486,"title":487,"image":488,"tagline":489,"price":192,"isFree":19,"hasGradient":10,"tags":490,"categories":492,"published":19},"wire-terrain","Wire Terrain","/framerhub/img/components/wire-terrain.jpg","Retro 80s style wireframe landscape.",[482,166,84,491,270],"80s",[16,118],{"slug":494,"title":495,"image":496,"tagline":497,"price":9,"isFree":10,"hasGradient":10,"tags":498,"categories":500,"published":19},"soft-body-physics","Soft Body Physics","/framerhub/img/components/soft-body-physics.jpg","Interactive soft body simulation with smooth metaball physics.",[224,499,26,16],"Blob",[16,118],{"slug":502,"title":503,"image":504,"tagline":505,"price":9,"isFree":10,"hasGradient":10,"tags":506,"categories":508,"published":19},"star-warp","Star Warp","/framerhub/img/components/star-warp.jpg","A mesmerizing 3D starfield warp effect for your Framer sites.",[507,308,386,63,70],"Stars",[118,96],{"slug":510,"title":511,"image":512,"tagline":513,"price":175,"isFree":10,"hasGradient":10,"tags":514,"categories":518,"published":19},"emerging-image","Emerging Image","/framerhub/img/components/emerging-image.jpg","Stunning scroll-based image reveal animations powered by WebGL.",[28,515,516,517,41],"Scroll Animation","Image Reveal","Pixelate",[63,519,28],"Image Effects",{"slug":521,"title":522,"image":523,"tagline":524,"price":192,"isFree":19,"hasGradient":10,"tags":525,"categories":527,"published":19},"dither-shader","Dither Shader","/framerhub/img/components/dither-shader.jpg","A high-performance, interactive dithering effect with retro-style pixelated aesthetics.",[526,26,28,41,96,63],"Dither",[169,28,96],{"slug":529,"title":530,"image":531,"tagline":532,"price":354,"isFree":10,"hasGradient":10,"tags":533,"categories":536,"published":19},"magnetic-buttons","Magnetic Buttons","/framerhub/img/components/magnetic-buttons.gif","Interactive magnetic buttons that follow your cursor",[534,96,95,106,535],"Magnetic","CTA",[537,40,96],"Buttons",{"slug":539,"title":540,"image":541,"tagline":542,"price":114,"isFree":10,"hasGradient":10,"tags":543,"categories":544,"published":19},"motion-trail","Motion Trail","/framerhub/img/components/motion-trail.jpg","Stunning cursor trail effects with 8 unique animation styles",[106,296,298,96,71],[63,169,96],{"slug":546,"title":547,"image":548,"tagline":549,"price":354,"isFree":10,"hasGradient":10,"tags":550,"categories":552,"published":19},"random-letter-glitch","Random Letter Glitch","/framerhub/img/components/random-letter-glitch.jpg","Matrix-style animated letter glitch effect",[60,43,268,551,70],"Letters",[63,169,40],{"slug":554,"title":555,"image":556,"tagline":557,"price":558,"isFree":10,"hasGradient":10,"tags":559,"categories":560,"published":19},"scroll-3d-grid","Scroll 3D Grid","/framerhub/img/components/scroll-3d-grid.jpg","Stunning 3D grid animations triggered by scroll",19,[16,84,59,104,12],[63,16,59],{"slug":562,"title":563,"image":564,"tagline":565,"price":354,"isFree":10,"hasGradient":10,"tags":566,"categories":570,"published":19},"curved-text-svg","Curved Text SVG","/framerhub/img/components/curved-text-svg.jpg","Animate text along any SVG path with smooth GSAP-powered motion.",[43,567,568,569,63,40],"SVG","Path","Curve",[40,63],{"slug":572,"title":573,"image":574,"tagline":575,"price":576,"isFree":10,"hasGradient":10,"tags":577,"categories":583,"published":19},"exist-popup","Exist Popup","/framerhub/img/components/exist-popup.jpg","Capture leads before they leave with smart exit-intent popups that trigger at the perfect moment.",15,[578,579,580,581,582,63,108],"Popup","Modal","Exit Intent","Conversion","Lead Capture",[96,417,59,87],{"slug":585,"title":586,"image":587,"tagline":588,"price":9,"isFree":10,"hasGradient":10,"tags":589,"categories":592,"published":19},"ascii-image","ASCII Image","/framerhub/img/components/ascii-image.jpg","Transform any image into stunning ASCII art with customizable characters and colors.",[157,134,590,591,166],"Art","Text Effect",[169,157],{"slug":594,"title":595,"image":596,"tagline":597,"price":192,"isFree":19,"hasGradient":10,"tags":598,"categories":601,"published":19},"confetti-lines-3d","Confetti Lines 3D","/framerhub/img/components/confetti-lines-3d.jpg","3D confetti lines with smooth dash animations and mouse interaction.",[16,599,600,41,96],"Confetti","Celebration",[63,16,96],{"slug":603,"title":604,"image":605,"tagline":606,"price":192,"isFree":19,"hasGradient":10,"tags":607,"categories":609,"published":19},"electric-bolts","ElectricBolts","/framerhub/img/components/electric-bolts.jpg","Dynamic electric energy bolts with mesmerizing animated mesh lines.",[16,63,31,28,608],"Electric",[169,28],{"slug":611,"title":612,"image":613,"tagline":614,"price":192,"isFree":19,"hasGradient":10,"tags":615,"categories":618,"published":19},"flowing-rivers","Flowing Rivers","/framerhub/img/components/flowing-rivers.jpg","Organic flowing lines raycasted onto an invisible sphere surface.",[16,616,617,41,96],"Rivers","Organic",[63,16],{"slug":620,"title":621,"image":622,"tagline":623,"price":192,"isFree":19,"hasGradient":10,"tags":624,"categories":625,"published":19},"neon-trails","Neon Trails","/framerhub/img/components/neon-trails.jpg","Colorful spiral helix pattern with forward-moving neon lines.",[16,343,236,41,96],[63,96],{"slug":627,"title":628,"image":629,"tagline":630,"price":192,"isFree":19,"hasGradient":10,"tags":631,"categories":634,"published":19},"ribbon-wave","Ribbon Wave","/framerhub/img/components/ribbon-wave.jpg","2D canvas-based confetti ribbon lines with smooth animation and gravity.",[227,70,599,632,633],"Ribbons","Colorful",[63],{"slug":636,"title":637,"image":638,"tagline":639,"price":192,"isFree":19,"hasGradient":10,"tags":640,"categories":641,"published":19},"shooting-stars","Shooting Stars","/framerhub/img/components/shooting-stars.jpg","Diagonal shooting star lines streaking across 3D space with dynamic animations.",[16,507,308,41,96],[63,96,16],{"slug":643,"title":644,"image":645,"tagline":646,"price":192,"isFree":19,"hasGradient":10,"tags":647,"categories":648,"published":19},"bubble-burst","BubbleBurst","/framerhub/img/components/bubble-burst.jpg","Interactive 3D physics simulation with colorful bouncing bubbles.",[16,224,63,96],[96],{"slug":650,"title":651,"image":652,"tagline":653,"price":114,"isFree":10,"hasGradient":10,"tags":654,"categories":656,"published":19},"cms-gallery-slider","CMS Gallery Slider","/framerhub/img/components/cms-gallery-slider.jpg","Transform CMS galleries into smooth, animated sliders with customizable thumbnails and navigation. ",[96,83,87,12,655,71,63],"Product",[87,12,83],{"slug":658,"title":659,"image":660,"tagline":661,"price":662,"isFree":10,"hasGradient":10,"tags":663,"categories":666,"published":19},"cms-masonry-lightbox","CMS Masonry Lightbox","/framerhub/img/components/cms-masonry-lightbox.jpg","Transform your CMS collections into beautiful masonry galleries with built-in lightbox and filtering—no code required.",29,[87,82,12,85,664,665,84,71],"Filter","Portfolio",[87,12,83],{"slug":668,"title":669,"image":670,"tagline":671,"price":80,"isFree":10,"hasGradient":10,"tags":672,"categories":675,"published":19},"swiper-carousel","Swiper Carousel","/framerhub/img/components/swiper-carousel.jpg","The ultimate carousel component with stunning effects and total control.",[83,673,674,12,87,31],"Carousel","Swiper",[87,12,83],{"slug":677,"title":678,"image":679,"tagline":680,"price":114,"isFree":10,"hasGradient":10,"tags":681,"categories":683,"published":19},"nebula-hero","Nebula Hero","/framerhub/img/components/nebula-hero.jpg","Create stunning 3D particle hero sections with animated galaxy, nebula, and cosmic effects.",[16,63,135,156,682,41,216,96],"Galaxy",[28,63,96],{"slug":685,"title":686,"image":687,"tagline":688,"price":175,"isFree":10,"hasGradient":10,"tags":689,"categories":690,"published":19},"scroll-text-reveal","Scroll Text Reveal","/framerhub/img/components/scroll-text-reveal.jpg","Transform headlines into captivating scroll animations with 29 ready-to-use text reveal effects.",[63,59,40,43,31,108,135],[59,40],{"slug":692,"title":693,"image":694,"tagline":695,"price":175,"isFree":10,"hasGradient":10,"tags":696,"categories":697,"published":19},"scroll-image-reveal","Scroll Image Reveal","/framerhub/img/components/scroll-image-reveal.jpg","Create cinematic scroll-triggered image reveals with organic displacement effects and smooth animations.",[63,59,134,72,664,567,108],[59,63],{"slug":699,"title":700,"image":701,"tagline":702,"price":192,"isFree":19,"hasGradient":10,"tags":703,"categories":704,"published":19},"cyberpunk-city","Cyberpunk City","/framerhub/img/components/cyberpunk-city.jpg","Immersive WebGL cyberpunk cityscape with neon-lit buildings flying through space.",[16,28,26,270,63],[63,28],{"slug":706,"title":707,"image":708,"tagline":709,"price":175,"isFree":10,"hasGradient":10,"tags":710,"categories":715,"published":19},"before-after-picture","Before After Picture","/framerhub/img/components/before-after-picture.jpg","Showcase transformations with smooth, interactive image comparisons and arrow handles.",[711,71,712,713,96,714],"Picture","Comparison","Before After","Drag",[96,711],{"slug":717,"title":718,"image":719,"tagline":720,"price":9,"isFree":10,"hasGradient":10,"tags":721,"categories":723,"published":19},"liquid-data-hologram","Liquid Data Hologram","/framerhub/img/components/liquid-data-hologram.jpg","Interactive liquid particle hologram effect from images.",[16,156,96,378,357,722],"Transparent",[16,118,96],{"slug":725,"title":726,"image":727,"tagline":728,"price":9,"isFree":10,"hasGradient":10,"tags":729,"categories":735,"published":19},"tag-splitter","Tag Splitter","/framerhub/img/components/tag-splitter.jpg","Turn any comma-separated list into stylish tag pills instantly.",[730,731,732,733,734],"Tags","Pills","List","Splitter","Layout",[96],{"slug":737,"title":738,"image":739,"tagline":740,"price":9,"isFree":10,"hasGradient":10,"tags":741,"categories":744,"published":19},"vfx-image-duotone","VFX Image Duotone","/framerhub/img/components/vfx-image-duotone.jpg","Apply a stylish duotone color grade to your images with WebGL-powered effects.",[61,742,28,41,743],"Duotone","Color Grading",[519,28,96],{"slug":746,"title":747,"image":748,"tagline":749,"price":9,"isFree":10,"hasGradient":10,"tags":750,"categories":751,"published":19},"vfx-image-glitch","VFX Image Glitch","/framerhub/img/components/vfx-image-glitch.jpg","Add a cyber-punk glitch effect to your images.",[61,60,28,134],[519,28,96],{"slug":753,"title":754,"image":755,"tagline":756,"price":9,"isFree":10,"hasGradient":10,"tags":757,"categories":759,"published":19},"vfx-image-liquid","VFX Image Liquid","/framerhub/img/components/vfx-image-liquid.jpg","A trippy liquid distortion effect for your images.",[61,758,28,288,41],"Liquid",[519,28,96],{"slug":761,"title":762,"image":763,"tagline":764,"price":9,"isFree":10,"hasGradient":10,"tags":765,"categories":767,"published":19},"vfx-image-pixelate","VFX Image Pixelate","/framerhub/img/components/vfx-image-pixelate.jpg","A retro pixelate reveal effect for your images.",[61,517,28,766],"Transition",[519,28,96],{"slug":769,"title":770,"image":771,"tagline":772,"price":9,"isFree":10,"hasGradient":10,"tags":773,"categories":774,"published":19},"chroma-flux","Chroma Flux","/framerhub/img/components/chroma-flux.jpg","Mesmerizing 3D twisted torus shader effect with interactive hover controls and color customization.",[16,63,135,26,96,216,195,28],[28,118,16],{"slug":776,"title":777,"image":778,"tagline":779,"price":9,"isFree":10,"hasGradient":10,"tags":780,"categories":781,"published":19},"fluid-distortion","Fluid Distortion","/framerhub/img/components/fluid-distortion.jpg","Add mesmerizing fluid distortion effects that react to mouse movement for interactive image displays.",[96,95,71,31,288,28,135,12],[28,96],{"slug":783,"title":784,"image":785,"tagline":786,"price":354,"isFree":10,"hasGradient":10,"tags":787,"categories":790,"published":19},"infinite-scrolling-ticker","InfiniteScrollingTicker","/framerhub/img/components/infinite-marquee.jpg","Create seamless looping text animations perfect for announcements, promos, and dynamic headlines.",[63,344,59,43,788,346,789],"Loop","Announcement",[40,63],{"slug":792,"title":793,"image":794,"tagline":795,"price":9,"isFree":10,"hasGradient":10,"tags":796,"categories":798,"published":19},"interactive-particles","Interactive Particles","/framerhub/img/components/interactive-particles.jpg","Transform any image into an interactive 3D particle field that responds to mouse movement and touch.",[96,16,156,63,134,298,31,797],"Touch",[96],{"slug":800,"title":801,"image":802,"tagline":803,"price":9,"isFree":10,"hasGradient":10,"tags":804,"categories":807,"published":19},"lens-zoom-gallery","Lens Zoom Gallery","/framerhub/img/components/lens-zoom-gallery.jpg","Add a professional magnifying lens effect to showcase product details and image galleries.",[96,805,806,71,12,31,655],"Zoom","Magnifier",[12,96],{"slug":809,"title":810,"image":811,"tagline":812,"price":354,"isFree":10,"hasGradient":10,"tags":813,"categories":817,"published":19},"snow-overlay","Snow Overlay","/framerhub/img/components/snow-overlay.jpg","Add realistic falling snow particles to create stunning winter and seasonal effects.",[63,156,814,70,815,816,96],"Winter","Overlay","Seasonal",[417,156],{"slug":819,"title":820,"image":821,"tagline":822,"price":9,"isFree":10,"hasGradient":10,"tags":823,"categories":825,"published":19},"image-slit-scan","Image Slit Scan","/framerhub/img/components/image-slit-scan.jpg","Add mesmerizing slit-scan distortion effects to any image with smooth hover transitions.",[63,134,824,95,96,288,766],"Effect",[519,96,28],{"slug":827,"title":828,"image":829,"tagline":830,"price":9,"isFree":10,"hasGradient":10,"tags":831,"categories":832,"published":19},"digital-wind","Digital Wind","/framerhub/img/components/digital-wind.jpg","Flowing digital particles with interactive mouse effects powered by Three.js",[156,41,96,63],[169,16,96],{"slug":834,"title":835,"image":836,"tagline":837,"price":354,"isFree":10,"hasGradient":10,"tags":838,"categories":844,"published":19},"type-orbit","Type Orbit","/framerhub/img/components/type-orbit.jpg","3D kinetic typography that endlessly rotates on a torus knot.",[839,840,841,842,843],"kinetic","typography","threejs","torus","3d",[40,16],{"slug":846,"title":847,"image":848,"tagline":849,"price":9,"isFree":10,"hasGradient":10,"tags":850,"categories":852,"published":19},"wave-type","Wave Type","/framerhub/img/components/wave-type.jpg","3D kinetic typography mapped onto a rippling wave plane.",[839,840,841,851,843],"wave",[16,40],{"slug":854,"title":855,"image":856,"tagline":857,"price":9,"isFree":10,"hasGradient":10,"tags":858,"categories":864,"published":19},"chromatic-aberration","Chromatic Aberration","/framerhub/img/components/chromatic-aberration.jpg","Apply customizable chromatic aberration effects to any content.",[859,860,861,862,863],"chromatic","aberration","rgb","glitch","text effect",[40,63],{"slug":866,"title":867,"image":868,"tagline":869,"price":9,"isFree":10,"hasGradient":10,"tags":870,"categories":876,"published":19},"cipher-scramble","Cipher Scramble","/framerhub/img/components/cipher-scramble.jpg","Cyberpunk text scrambling effect that decodes random characters.",[871,872,873,874,875],"cipher","scramble","decode","text animation","hacker",[40,63],{"slug":878,"title":879,"image":880,"tagline":881,"price":9,"isFree":10,"hasGradient":10,"tags":882,"categories":885,"published":19},"glyph-twist","Glyph Twist","/framerhub/img/components/glyph-twist.jpg","3D kinetic typography with text mapped onto a twisted cube geometry.",[843,839,840,883,884],"three.js","twisted",[16,40],{"slug":887,"title":888,"image":889,"tagline":890,"price":9,"isFree":10,"hasGradient":10,"tags":891,"categories":895,"published":19},"matrix-rain","Matrix Rain","/framerhub/img/components/matrix-rain.jpg","Digital rain effect with customizable characters and colors.",[892,394,893,894,875],"matrix","animation","digital",[169],{"slug":897,"title":898,"image":899,"tagline":900,"price":175,"isFree":10,"hasGradient":10,"tags":901,"categories":907,"published":19},"physics-tags","Physics Tags","/framerhub/img/components/physics-tags.jpg","Interactive 3D physics tags that react to gravity and collisions.",[902,903,904,905,906],"physics","tags","matter.js","interactive","falling",[96,63],{"slug":909,"title":910,"image":911,"tagline":912,"price":9,"isFree":10,"hasGradient":10,"tags":913,"categories":915,"published":19},"swirl-sphere","Swirl Sphere","/framerhub/img/components/swirl-sphere.jpg","3D sphere with swirling noise displacement.",[843,839,840,883,914],"sphere",[16,40],{"slug":917,"title":918,"image":919,"tagline":920,"price":175,"isFree":10,"hasGradient":10,"tags":921,"categories":925,"published":19},"text-3d","Text 3D","/framerhub/img/components/text-3d.jpg","3D text effect that rotates on scroll or hover.",[843,922,923,924,840],"text","depth","canvas",[40,16],{"slug":927,"title":928,"image":929,"tagline":930,"price":9,"isFree":10,"hasGradient":10,"tags":931,"categories":933,"published":19},"text-glitch","Text Glitch","/framerhub/img/components/text-glitch.jpg","Glitchy text effect with RGB splitting and periodic distortion.",[862,922,893,397,932],"distortion",[40,60],{"slug":935,"title":936,"image":937,"tagline":938,"price":192,"isFree":19,"hasGradient":10,"tags":939,"categories":942,"published":19},"text-pressure","Text Pressure","/framerhub/img/components/text-pressure.jpg","Interactive variable font text that responds to cursor proximity with dynamic weight, width, and style variations.",[940,96,941,40,63],"Variable Font","Cursor Effect",[40,96],{"slug":944,"title":945,"image":946,"tagline":947,"price":9,"isFree":10,"hasGradient":10,"tags":948,"categories":949,"published":19},"variable-font-rotate","Variable Font Rotate","/framerhub/img/components/variable-font-rotate.jpg","Dynamic text rotation with variable font weight transitions.",[43,63,940,181],[40,63],{"slug":951,"title":952,"image":953,"tagline":954,"price":9,"isFree":10,"hasGradient":10,"tags":955,"categories":960,"published":19},"clean-sky","CleanSky","/framerhub/img/components/clean-sky.jpg","Procedural animated sky effect with organic cloud movement",[956,957,26,28,958,959],"Sky","Clouds","Animated","Procedural",[118,28],{"slug":962,"title":963,"image":964,"tagline":965,"price":9,"isFree":10,"hasGradient":10,"tags":966,"categories":970,"published":19},"dot-text","Dot Text","/framerhub/img/components/dot-text.jpg","Interactive particle text effect with mouse repulsion and wave effects.",[967,395,968,905,969],"three-js","text-effect","shader",[63,96],{"slug":972,"title":973,"image":974,"tagline":975,"price":9,"isFree":10,"hasGradient":10,"tags":976,"categories":979,"published":19},"motion-hover-rgb","Motion Hover RGB","/framerhub/img/components/motion-hover-rgb.jpg","Stunning RGB chromatic aberration hover effect powered by WebGL.",[95,16,41,104,63,977,978,28],"RGB","Chromatic",[169,96,28],{"slug":981,"title":982,"image":983,"tagline":984,"price":9,"isFree":10,"hasGradient":10,"tags":985,"categories":987,"published":19},"motion-hover-stretch","Motion Hover Stretch","/framerhub/img/components/motion-hover-stretch.jpg","Dynamic stretch distortion hover effect powered by WebGL.",[95,16,41,104,63,986,288,28],"Stretch",[169,96,28],{"slug":989,"title":990,"image":991,"tagline":992,"price":9,"isFree":10,"hasGradient":10,"tags":993,"categories":994,"published":19},"motion-hover-trails","Motion Hover Trails","/framerhub/img/components/motion-hover-trails.jpg","Mesmerizing image trails hover effect powered by WebGL.",[95,16,41,104,63,454,327,28],[169,96,28],{"slug":996,"title":997,"image":998,"tagline":999,"price":9,"isFree":10,"hasGradient":10,"tags":1000,"categories":1003,"published":19},"variable-font-hover","Variable Font Hover","/framerhub/img/components/variable-font-hover.jpg","Interactive letter-by-letter hover animation with variable fonts",[922,1001,893,1002,905],"hover","variable-font",[40,63,96],{"slug":1005,"title":1006,"image":1007,"tagline":1008,"price":9,"isFree":10,"hasGradient":10,"tags":1009,"categories":1014,"published":19},"scratch-and-win-coupon","Scratch & Win Coupon","/framerhub/img/components/scratch-and-win-coupon.jpg","Engage users with a realistic scratch-off coupon experience.",[1010,1011,1012,72,1013,70],"Scratch Card","Coupon","Gamification","Marketing",[96,1013,70],{"slug":1016,"title":1017,"image":1018,"tagline":1019,"price":9,"isFree":10,"hasGradient":10,"tags":1020,"categories":1022,"published":19},"volumetric-galaxy","Volumetric Galaxy","/framerhub/img/components/volumetric-galaxy.jpg","A mesmerizing 3D volumetric galaxy effect.",[682,308,1021,824,41],"Volumetric",[16,63],1792857314623]