51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T42a,

Glass Gallery Cube🧊

An immersive 3D glass-morphic photo gallery cube that disassembles into a flat responsive image grid on scroll.

Description

A scroll-driven 3D photo gallery wrapped in a translucent glass cube. On load, images are arranged across the faces of a rotating cube with realistic glass refraction. Scroll to smoothly disassemble the cube into a flat, browsable image grid.

⭐Features

3 layout modes — Square (6 faces), Rectangle (12 faces), Quad (24 faces)
Smooth pointer-driven rotation with exponential damping
Realistic glass material — adjustable thickness, roughness, opacity, color, and refraction
Scroll-pinned transition — cube unfolds into a responsive flat grid with configurable gaps and item sizes
Adaptive performance — auto-detects device capability, scales pixel ratio and raycast frequency accordingly

53:T845,

Acrylic Shader Fluid - Gradient Background

Inject high-end visual depth into your designs with the Acrylic Shader background. Utilizing raw WebGL, this component renders an organic, silk-smooth liquid gradient backdrop that warps and swirls dynamically in reaction to cursor hover and touch movements.

Key Features

🎨 Vibrant Preset Themes: Select from premium built-in palettes (Midnight Aurora, Jade Forest, Crimson Nova, or Frost Wave) to immediately elevate your page aesthetic.
🎛 Dual-Mode Color Setup: Use the presets out-of-the-box, or toggle Custom Colors to expose four independent color picker inputs and design your own color spectrum.
🖱 Interactive Pointer Swirl: Creates realistic fluid distortion (swirl, push force, and inertia trailing speed) that warps the gradients organically around the cursor.

Customizable Properties

Custom Colors Toggle: Toggle between dynamic presets and individual color overrides.
Preset Palette: Select your background theme palette.
Colors 1–4: Customize individual color overrides when custom colors are active.
Animation Speed: Control the flow rate of the background wave animations.
Pointer Sensitivity & Swirl/Push Strength: Fine-tune how strongly the fluid ripples bend and push around the cursor.
Density: Control the density of the fluid ripples to adjust the frequency of micro-folds in the gradient.
Vignette Strength: Control the depth of the edge shadows blending into the page.

54:T91e,

Wavy Grid Hero

Create futuristic, high-performance, and immersive backdrops with the Wavy Grid Hero visualizer. Built in raw, optimized WebGL2, this component renders an organic, glowing cybernetic grid that flows smoothly in real time and bends dynamically under the cursor.

Key Features

🌊 Dynamic Wave Terrain: Three distinct layers of sinusoidal waves (primary, secondary, and tertiary) combine to generate complex, flowing three-dimensional grid motions.
🖱 Fluid Cursor Interaction: Mesh vertices react dynamically to your pointer, warping lines as you move. Supports standard linear smoothing or customizable spring physics.
💡 Glowing Elevation Gradient: Grid lines shift color dynamically between customizable start and end values based on height, creating a vibrant elevation-glow effect.
🌀 Circular Vignette Fade: Smoothly blends the edges of the grid into your background using customizable inner and outer fade bounds.

Controls & Customization

Line Start / End: Define the color spectrum of the grid lines as they elevate.
Ambient Color & Intensity: Customize the background tint color behind the grid lines.
Grid Density: Adjust the spacing and count of horizontal/vertical lines.
Line Thickness & Sharpness: Control the thickness of the grid lines and the intensity of their neon glow.
Wave Parameters: Independently tune frequency and amplitude for all three wave layers.
Mouse Strength & Physics: Toggle mouse interaction, adjust cursor influence bounds, and fine-tune spring stiffness or damping settings.
Circular Fade: Control vignette inner/outer radius boundaries to control how the grid culls near edges.

55:T5c8,

Code Rain

Type or click to see the glow effect. Code Rain is a premium, fully customizable WebGL pixel-grid matrix shader built for Framer. It brings the sleek, futuristic, and responsive motion of procedural code streams to your designs without heavy 3D package overhead. Code Rain gives you a reactive digital code-burst grid background.

🏁 Designed for Modern Layouts

Code Rain is perfect for high-impact hero sections, modern dark-themed landing pages, interactive background cards, and responsive website headers. Simply place it on your canvas, set it to fill, and watch your design come to life.

✨ Features Built for Framer

Interactive Triggers: Digital block or circular ring splash explosions that react instantly to mouse clicks and keyboard typing.
Full Customization: Tweak Grid Resolution, 2-Color Gradient Palettes (Background, Mid-tones, and Highlights), Glow Intensity, and Scanlines to match your exact brand style.
Responsive Design: Auto-scaling WebGL viewport that adapts seamlessly to all breakpoints (Desktop, Tablet, and Mobile).
Built for Speed: Pure WebGL2 rendering under the hood with off-screen rendering freeze.

56:T655,

HUD VideoCard

VideoCard is a premium, fully customizable media player component built for Framer. It brings the sleek, high-tech aesthetic of futuristic sci-fi HUDs and interactive 3D perspective tilt to your website layouts without heavy package overhead. VideoCard gives you an immersive, responsive media player container that instantly grabs attention.

🏁 Designed for Modern Layouts

VideoCard is perfect for high-impact hero media sections, portfolio project showcases, modern dark-themed product landing pages, and interactive presentation cards. Simply place it on your canvas, hook up your video file, and watch your site come to life.

✨ Features Built for Framer

Sleek Cyberpunk HUD Styling: Beautifully detailed with responsive corner accent brackets, glowing segmented play-bars, and customized control rings (solid/dotted) for play/mute triggers.
Full Customization: Control card background color, glowing accent color, maximum tilt angles, seek segment density, and drop shadow styling.
Dynamic 3D Hover Tilt: Smooth cursor-following tilt effect that moves in three dimensions as the mouse drifts over the card.
Smart Viewport Optimization: Automatically pauses video playback whenever the player scrolls out of the viewport and resumes when visible in the viewport.

57:T791,

Elevate Your Framer Sites with High-Performance WebGL Pixel Grids — Pixel Fire

Pixel Fire is a premium, fully customizable WebGL pixel-grid flame shader built for Framer. It brings the warm, dynamic, and responsive motion of procedural fire to your designs without heavy 3D package overhead. Pixel Fire gives you an interactive flame grid background.

This pattern is a part of a mini shader library called Pixel Library. 30 more unique pixel pattern bundle is available at www.vectorvesper.dev/pixel-lab

(It does not include the text and image effects)

🏁 Designed for Modern Layouts

Pixel Fire is perfect for high-impact hero sections, modern dark-themed landing pages, interactive background cards, and responsive website headers. Simply place it on your canvas, set it to fill, and watch your design come to life.

✨ Features Built for Framer

Full Customization: Tweak Grid Size, Speed, 4-Color Gradient Palettes (Background, Midtones, and Highlights), and Noise Jitter directly inside Framer's right-side control panel.
Multiple Pixel Shapes: Easily toggle between Circle, Square, and Diamond pixel styles to match your website's brand identity.
Real-Time Interactivity: Enable mouse hover tracking, custom pointer glow sizes, and interactive click ripple effects with adjustable strength.
Hover-Freeze: Cursor effects freeze smoothly at their exit coordinates when the mouse leaves the canvas, preventing jarring snaps.
Zero Dependencies: Written in raw GLSL and WebGL. Loads instantly & runs smooth.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-3a8c5e99-7683-4189-9006-b96792ab1ca9-all:/unified/creator/3a8c5e99-7683-4189-9006-b96792ab1ca9/activity/":[{"data":[{"id":"01a03c44-b0cf-72a9-b2f8-fef794a8ce2f","type":"creator.followed","target":{"type":"creator","id":"016aa87c-909e-445a-9807-1631a41bf14d","preview":"Faris Muhtadi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/35578/cWQ723YhG-PuDdSCysChdmmAHEKBx45rL7KdyjYq","slug":"farismuhtadi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:12:09.802Z","latestAt":"2026-08-26T04:12:09.802Z"},{"id":"01a03c44-8054-7169-8fec-ccaac66c82ca","type":"creator.followed","target":{"type":"creator","id":"2b33eac4-4422-4c15-ba75-80a068fa9086","preview":"Denis Turbin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2b33eac4-4422-4c15-ba75-80a068fa9086/gogz3777","slug":"denis-turbin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:57.391Z","latestAt":"2026-08-26T04:11:57.391Z"},{"id":"01a03c44-744a-768f-93ce-9c02caecd944","type":"creator.followed","target":{"type":"creator","id":"3bc4006a-8158-4fde-84b8-81bbf61c6381","preview":"Erapee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219546/avatar-cx1KKtujRNyP0P2bzZTxBYpp0gek8z.jpg","slug":"erapee","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:54.306Z","latestAt":"2026-08-26T04:11:54.306Z"},{"id":"01a03c44-64e0-706c-9460-fa739c8b6734","type":"creator.followed","target":{"type":"creator","id":"4eec938a-13a4-4194-a908-6a5180599ca1","preview":"Mosharof","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4eec938a-13a4-4194-a908-6a5180599ca1/m0hnl8ok","slug":"mosharof","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:50.363Z","latestAt":"2026-08-26T04:11:50.363Z"},{"id":"01a03c44-53ce-7530-b5b6-f736c5c56584","type":"creator.followed","target":{"type":"creator","id":"67e8ef10-7922-4f05-baf2-94797e1ffdcf","preview":"Ulises Gabriel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/67e8ef10-7922-4f05-baf2-94797e1ffdcf/0fhd0qm5","slug":"ulisesgabriel","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:45.992Z","latestAt":"2026-08-26T04:11:45.992Z"},{"id":"01a03c44-47ab-743b-b086-054b846cbfb8","type":"creator.followed","target":{"type":"creator","id":"76d8b624-6205-4cb4-9b6d-122921ef9ce1","preview":"Kartik Saini ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/76d8b624-6205-4cb4-9b6d-122921ef9ce1/knvbpzqi","slug":"kartiksaini","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:42.858Z","latestAt":"2026-08-26T04:11:42.858Z"},{"id":"01a03c44-3adb-72e1-85d3-064c39955d2e","type":"creator.followed","target":{"type":"creator","id":"76e1b1f3-2304-4c08-9f9c-c91d295588c0","preview":"Kasper","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/451380/avatar-dhAJEoq6bBGvfbQxrrBk8Lv2pe7HR9.jpg","slug":"kasper","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:39.601Z","latestAt":"2026-08-26T04:11:39.601Z"},{"id":"01a03c44-2f23-7092-8d78-e0634c287a10","type":"creator.followed","target":{"type":"creator","id":"7a7cc215-a9a7-4e2c-8592-9e29987b354a","preview":"SKRIKSI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a7cc215-a9a7-4e2c-8592-9e29987b354a/24echadh","slug":"skriksi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:36.605Z","latestAt":"2026-08-26T04:11:36.605Z"},{"id":"01a03c44-1fc8-7586-8fe5-bdab3020c3c2","type":"creator.followed","target":{"type":"creator","id":"8ad17b48-4db5-4a81-940f-74fa32a13c18","preview":"Nimesh Bhuva","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8ad17b48-4db5-4a81-940f-74fa32a13c18/z125fco9","slug":"nimesh-bhuva","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:32.675Z","latestAt":"2026-08-26T04:11:32.675Z"},{"id":"01a03c43-d826-752f-9ed6-50fa9279bea0","type":"creator.followed","target":{"type":"creator","id":"a0f96e3c-5f43-4e39-bb0d-f738c381dbff","preview":"Shuvo Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a0f96e3c-5f43-4e39-bb0d-f738c381dbff/oxs77q70","slug":"shuvo-io","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:14.319Z","latestAt":"2026-08-26T04:11:14.319Z"},{"id":"01a03c43-d3a6-77dc-ae98-1021e4836a62","type":"creator.followed","target":{"type":"creator","id":"a3a50c10-7d16-410f-8a82-19525b1f5ba2","preview":"Arini Studio LLC","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29247/avatar-e0gYlLBVVN9BbdX6o2q98TKsuGpZCG.jpg","slug":"arinistudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:13.180Z","latestAt":"2026-08-26T04:11:13.180Z"},{"id":"01a03c43-cc4c-771f-b1de-2fc3e95e0e13","type":"creator.followed","target":{"type":"creator","id":"c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4","preview":"Gustavo H. ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4/94zcb8k9","slug":"madebygustavoh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:11:11.301Z","latestAt":"2026-08-26T04:11:11.301Z"},{"id":"01a03c43-9478-77af-80b2-2bd657b8dbe5","type":"creator.followed","target":{"type":"creator","id":"5096a500-957c-4894-978d-798772845e72","preview":"Talha Zubair","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/519027/avatar-v10qmwllgIVjBBsOBQAFBhD2SUCVeV.jpg","slug":"talha-zubair-fu58ym","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:10:57.002Z","latestAt":"2026-08-26T04:10:57.002Z"},{"id":"01a03c43-7b5a-7407-8960-5192217eb29c","type":"creator.followed","target":{"type":"creator","id":"e0222182-3d74-4d56-b2d9-eba289a28fa5","preview":"Andres","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e0222182-3d74-4d56-b2d9-eba289a28fa5/ubt5ticx","slug":"andres-jimmy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T04:10:50.581Z","latestAt":"2026-08-26T04:10:50.581Z"},{"id":"01a00e2d-745f-7207-a4ef-466cde576bab","type":"comment.reply","target":{"type":"post","id":"019fbbde-cf4a-776d-b7d8-d06151012d57","preview":"Glass Gallery Cube","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/019fbbdc-f10a-7742-8e5c-63984d323688.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fbbde-cf4a-776d-b7d8-d06151012d57","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a00e2d-7445-72de-a548-c5de32f39fc5","preview":"Haha, Thanks 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Haha, Thanks 😁"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fbbde-cf4a-776d-b7d8-d06151012d57","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a00bab-1022-703f-a233-a4ea8a3eaf83"},"repost":null}},"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T05:24:15.071Z","latestAt":"2026-08-17T05:24:15.071Z"},{"id":"01a00e2d-29d6-7629-9f12-de7a21445792","type":"comment.liked","target":{"type":"comment","id":"01a00bab-1022-703f-a233-a4ea8a3eaf83","preview":"wtf! this is crazy","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"wtf! this is crazy"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fbbde-cf4a-776d-b7d8-d06151012d57","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a00bab-1022-703f-a233-a4ea8a3eaf83"},"repost":null}},"context":{"type":"post","id":"019fbbde-cf4a-776d-b7d8-d06151012d57","preview":"Glass Gallery Cube","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/019fbbdc-f10a-7742-8e5c-63984d323688.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fbbde-cf4a-776d-b7d8-d06151012d57","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T05:23:55.985Z","latestAt":"2026-08-17T05:23:55.985Z"},{"id":"019fcb30-1a9b-7160-b15c-595c452589c7","type":"creator.followed","target":{"type":"creator","id":"0377da32-5157-43ad-9c57-e949e915db9e","preview":"Daniyal Habib","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T05:12:35.221Z","latestAt":"2026-08-04T05:12:35.221Z"},{"id":"019fcb30-179c-7149-bf93-222ef38f2b55","type":"creator.followed","target":{"type":"creator","id":"206f851d-5794-4f91-b04b-c139f22edb00","preview":"Faisal Mahbub","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/206f851d-5794-4f91-b04b-c139f22edb00/3uauvgj2","slug":"faisalmahbub","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T05:12:34.455Z","latestAt":"2026-08-04T05:12:34.455Z"},{"id":"019fcb30-1063-750d-bfce-c27588a0996c","type":"creator.followed","target":{"type":"creator","id":"215ddceb-c9fe-4a9c-823e-0fc4615f9e14","preview":"Shoaib Muhammad","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/215ddceb-c9fe-4a9c-823e-0fc4615f9e14/hsyep3nd","slug":"shoaib-muhammad-xtlf3o","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T05:12:32.578Z","latestAt":"2026-08-04T05:12:32.578Z"},{"id":"019fcb30-0add-7129-a048-34afd7d7e45b","type":"creator.followed","target":{"type":"creator","id":"359beeb7-8bf3-43fe-9ef9-ad8a7321e3af","preview":"Turjo dav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/359beeb7-8bf3-43fe-9ef9-ad8a7321e3af/sy1qqdiv","slug":"turjo-dav","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","slug":"shivanidas","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T05:12:31.193Z","latestAt":"2026-08-04T05:12:31.193Z"}],"pagination":{"next":"MjAyNi0wOC0wNFQwNToxMjozMS4xOTNafDAxOWZjYjMwLTBhZGQtNzEyOS1hMDQ4LTM0YWZkN2Q3ZTQ1Yg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:3a8c5e99-7683-4189-9006-b96792ab1ca9:/unified/posts/?creator=3a8c5e99-7683-4189-9006-b96792ab1ca9&with=reposts":[{"data":[{"id":"019fbbde-cf4a-776d-b7d8-d06151012d57","title":null,"body":"

See in action a glass cube of images unfold into a 2d gallery! 🧊

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"See in action a glass cube of images unfold into a 2d gallery! 🧊"}]}]},"author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"iQpWlgv1BRHqsIcFTvUV","resolved":true,"title":"Glass Gallery Cube","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Glass Gallery Cube"},{"type":"emoji","attrs":{"name":"ice_cube","emoji":"🧊"}}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"An immersive 3D glass-morphic photo gallery cube that disassembles into a flat responsive image grid on scroll.","marks":[{"type":"italic"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Description","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven 3D photo gallery wrapped in a translucent glass cube. On load, images are arranged across the faces of a rotating cube with realistic glass refraction. Scroll to smoothly disassemble the cube into a flat, browsable image grid."}]},{"type":"customHeading","content":[{"type":"text","text":"⭐Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 layout modes — Square (6 faces), Rectangle (12 faces), Quad (24 faces)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth pointer-driven rotation with exponential damping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Realistic glass material — adjustable thickness, roughness, opacity, color, and refraction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-pinned transition — cube unfolds into a responsive flat grid with configurable gaps and item sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adaptive performance — auto-detects device capability, scales pixel ratio and raycast frequency accordingly"}]},{"type":"paragraph"}]}]}]},"introduction":"A 3D glass-morphic photo gallery","slug":"glass-gallery-cube","author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/019fbbdc-f10a-7742-8e5c-63984d323688.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1426,"height":887}}],"post":null,"createdAt":"2026-08-01T05:49:28.888Z","updatedAt":"2026-08-01T10:06:40.061Z","publishedAt":"2026-08-01T05:49:28.875Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/GlassGallery-kQ8n3A.js@YD29l9MM9dXvRr0d6uef","previewUrl":"https://numerous-darlings-489796.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"YD29l9MM9dXvRr0d6uef","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-08-01T05:49:29.290Z","updatedAt":"2026-08-01T05:49:29.290Z"},{"id":"019f8b41-8f26-73ab-8d7f-3924c6ee72ec","title":null,"body":"

A Shader that looks like a painting. Copy the Remix link to try! 😁

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A Shader that looks like a painting. Copy the Remix link to try! "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"AkXTSfKw8xOtQJDshRa7","resolved":true,"title":"Acrylic Shader Fluid","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Acrylic Shader Fluid - Gradient Background","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Inject high-end visual depth into your designs with the "},{"type":"text","text":"Acrylic Shader","marks":[{"type":"bold"}]},{"type":"text","text":" background. Utilizing raw WebGL, this component renders an organic, silk-smooth liquid gradient backdrop that warps and swirls dynamically in reaction to cursor hover and touch movements."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Vibrant Preset Themes:","marks":[{"type":"bold"}]},{"type":"text","text":" Select from premium built-in palettes ("},{"type":"text","text":"Midnight Aurora","marks":[{"type":"code"}]},{"type":"text","text":", "},{"type":"text","text":"Jade Forest","marks":[{"type":"code"}]},{"type":"text","text":", "},{"type":"text","text":"Crimson Nova","marks":[{"type":"code"}]},{"type":"text","text":", or "},{"type":"text","text":"Frost Wave","marks":[{"type":"code"}]},{"type":"text","text":") to immediately elevate your page aesthetic."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"Dual-Mode Color Setup:","marks":[{"type":"bold"}]},{"type":"text","text":" Use the presets out-of-the-box, or toggle "},{"type":"text","text":"Custom Colors","marks":[{"type":"bold"}]},{"type":"text","text":" to expose four independent color picker inputs and design your own color spectrum."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}},{"type":"text","text":" "},{"type":"text","text":"Interactive Pointer Swirl:","marks":[{"type":"bold"}]},{"type":"text","text":" Creates realistic fluid distortion (swirl, push force, and inertia trailing speed) that warps the gradients organically around the cursor."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customizable Properties","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Colors Toggle:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle between dynamic presets and individual color overrides."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preset Palette:","marks":[{"type":"bold"}]},{"type":"text","text":" Select your background theme palette."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colors 1–4:","marks":[{"type":"bold"}]},{"type":"text","text":" Customize individual color overrides when custom colors are active."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation Speed:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the flow rate of the background wave animations."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pointer Sensitivity & Swirl/Push Strength:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine-tune how strongly the fluid ripples bend and push around the cursor."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Density:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the density of the fluid ripples to adjust the frequency of micro-folds in the gradient."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vignette Strength:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the depth of the edge shadows blending into the page."}]}]}]}]},"introduction":"Gradient Background","slug":"acrylic-shader-fluid","author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/019f8b40-6515-77a9-99bf-7ce3d4eed264.png","metadata":{"tint":{"h":0,"s":73,"l":17},"width":1691,"height":892}}],"post":null,"createdAt":"2026-07-22T19:15:56.948Z","updatedAt":"2026-07-22T19:15:56.948Z","publishedAt":"2026-07-22T19:15:56.940Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/AcrylicShader-59sWbC.js@cc0ayfGZsJEMw4WY23w1","previewUrl":"https://plucky-watching-026016.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"cc0ayfGZsJEMw4WY23w1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-22T19:15:57.351Z","updatedAt":"2026-07-22T19:15:57.351Z"},{"id":"019f7935-92ab-77a9-ac4b-1a6406a3768a","title":null,"body":"

A grid shader hero with waves and interactivity.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A grid shader hero with waves and interactivity."}]}]},"author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"rL0OilizRPZ3vaAUaYis","resolved":true,"title":"Wavy Grid","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Wavy Grid Hero","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Create futuristic, high-performance, and immersive backdrops with the "},{"type":"text","text":"Wavy Grid Hero","marks":[{"type":"bold"}]},{"type":"text","text":" visualizer. Built in raw, optimized WebGL2, this component renders an organic, glowing cybernetic grid that flows smoothly in real time and bends dynamically under the cursor."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}},{"type":"text","text":" "},{"type":"text","text":"Dynamic Wave Terrain:","marks":[{"type":"bold"}]},{"type":"text","text":" Three distinct layers of sinusoidal waves (primary, secondary, and tertiary) combine to generate complex, flowing three-dimensional grid motions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}},{"type":"text","text":" "},{"type":"text","text":"Fluid Cursor Interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" Mesh vertices react dynamically to your pointer, warping lines as you move. Supports standard linear smoothing or customizable spring physics."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"bulb","emoji":"💡"}},{"type":"text","text":" "},{"type":"text","text":"Glowing Elevation Gradient:","marks":[{"type":"bold"}]},{"type":"text","text":" Grid lines shift color dynamically between customizable start and end values based on height, creating a vibrant elevation-glow effect."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"cyclone","emoji":"🌀"}},{"type":"text","text":" "},{"type":"text","text":"Circular Vignette Fade:","marks":[{"type":"bold"}]},{"type":"text","text":" Smoothly blends the edges of the grid into your background using customizable inner and outer fade bounds."}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Controls & Customization","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line Start / End:","marks":[{"type":"bold"}]},{"type":"text","text":" Define the color spectrum of the grid lines as they elevate."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient Color & Intensity:","marks":[{"type":"bold"}]},{"type":"text","text":" Customize the background tint color behind the grid lines."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grid Density:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the spacing and count of horizontal/vertical lines."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line Thickness & Sharpness:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the thickness of the grid lines and the intensity of their neon glow."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wave Parameters:","marks":[{"type":"bold"}]},{"type":"text","text":" Independently tune frequency and amplitude for all three wave layers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse Strength & Physics:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle mouse interaction, adjust cursor influence bounds, and fine-tune spring stiffness or damping settings."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Circular Fade:","marks":[{"type":"bold"}]},{"type":"text","text":" Control vignette inner/outer radius boundaries to control how the grid culls near edges."}]}]}]}]},"introduction":"An interactive grid shader","slug":"wavy-grid","author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/019f7932-d42b-74a8-8649-26255d075b06.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1441,"height":867}}],"post":null,"createdAt":"2026-07-19T07:09:41.649Z","updatedAt":"2026-07-19T11:18:49.034Z","publishedAt":"2026-07-19T07:09:41.647Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://better-toggle-330038.framer.app/","price":"12","paymentUrl":"https://vectorvesper.lemonsqueezy.com/checkout/buy/477c260f-b9f0-415a-a8dd-4ea857241088","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"D1OdZcbYlhd6evoESyKT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-19T07:09:41.931Z","updatedAt":"2026-07-19T07:09:41.931Z"},{"id":"019f7151-da9f-70b5-81e7-8774968fbf89","title":null,"body":"

Press down any key or click on the canvas to see the matrix glow!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Press down any key or click on the canvas to see the matrix glow!"}]}]},"author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"uuZj6SwGqiNFAJl9Kdm0","resolved":true,"title":"Code Rain","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Code Rain","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Type or click to see the glow effect. Code Rain is a premium, fully customizable WebGL pixel-grid matrix shader built for Framer. It brings the sleek, futuristic, and responsive motion of procedural code streams to your designs without heavy 3D package overhead. Code Rain gives you a reactive digital code-burst grid background."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"checkered_flag","emoji":"🏁"}},{"type":"text","text":" "},{"type":"text","text":"Designed for Modern Layouts","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Code Rain is perfect for high-impact hero sections, modern dark-themed landing pages, interactive background cards, and responsive website headers. Simply place it on your canvas, set it to fill, and watch your design come to life."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Features Built for Framer","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Triggers:","marks":[{"type":"bold"}]},{"type":"text","text":" Digital block or circular ring splash explosions that react instantly to mouse clicks and keyboard typing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Tweak Grid Resolution, 2-Color Gradient Palettes (Background, Mid-tones, and Highlights), Glow Intensity, and Scanlines to match your exact brand style."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Auto-scaling WebGL viewport that adapts seamlessly to all breakpoints (Desktop, Tablet, and Mobile)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built for Speed:","marks":[{"type":"bold"}]},{"type":"text","text":" Pure WebGL2 rendering under the hood with off-screen rendering freeze."}]}]}]}]},"introduction":"Type to see the matrix glow","slug":"code-rain","author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/019f7151-16ab-75bb-8a78-cf3b50844497.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1667,"height":902}}],"post":null,"createdAt":"2026-07-17T18:23:37.278Z","updatedAt":"2026-07-19T07:19:47.029Z","publishedAt":"2026-07-17T18:23:37.275Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/CodeRain-9skVtP.js@6PaQOJg5ycjlkTRTMMaA","previewUrl":"https://early-strategists-131419.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"6PaQOJg5ycjlkTRTMMaA","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-17T18:23:37.631Z","updatedAt":"2026-07-17T18:23:37.631Z"},{"id":"019f711d-4298-75ed-a1d3-6862d8860604","title":null,"body":"

A video player card with 3D Tilt 🎥

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A video player card with 3D Tilt 🎥"}]}]},"author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"35NTEqlsrmS6eabm0kPt","resolved":true,"title":"Video Card","body":"$56","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"HUD VideoCard","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"VideoCard is a premium, fully customizable media player component built for Framer. It brings the sleek, high-tech aesthetic of futuristic sci-fi HUDs and interactive 3D perspective tilt to your website layouts without heavy package overhead. VideoCard gives you an immersive, responsive media player container that instantly grabs attention."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"checkered_flag","emoji":"🏁"}},{"type":"text","text":" "},{"type":"text","text":"Designed for Modern Layouts","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"VideoCard is perfect for high-impact hero media sections, portfolio project showcases, modern dark-themed product landing pages, and interactive presentation cards. Simply place it on your canvas, hook up your video file, and watch your site come to life."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Features Built for Framer","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sleek Cyberpunk HUD Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Beautifully detailed with responsive corner accent brackets, glowing segmented play-bars, and customized control rings (solid/dotted) for play/mute triggers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Control card background color, glowing accent color, maximum tilt angles, seek segment density, and drop shadow styling."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic 3D Hover Tilt:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth cursor-following tilt effect that moves in three dimensions as the mouse drifts over the card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Viewport Optimization:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatically pauses video playback whenever the player scrolls out of the viewport and resumes when visible in the viewport."}]},{"type":"paragraph"}]}]}]},"introduction":"3D Tilt Card","slug":"video-card","author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/019f711c-38c7-76de-a4b6-7d269eba8bd2.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1522,"height":857}}],"post":null,"createdAt":"2026-07-17T17:26:10.535Z","updatedAt":"2026-07-17T17:26:10.535Z","publishedAt":"2026-07-17T17:26:10.523Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/VideoCard-n0fXUo.js@d8s0LaGaj4TB1w1P1rLL","previewUrl":"https://same-board-579210.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"d8s0LaGaj4TB1w1P1rLL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":26,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-17T17:26:10.840Z","updatedAt":"2026-07-17T17:26:10.840Z"},{"id":"019f5c6b-55bc-70da-be7a-da48c519d917","title":null,"body":"

Elevate your landing pages with this pixel shader.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your landing pages with this pixel shader."}]}]},"author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"sumTSRuZqcskS20kpXEK","resolved":true,"title":"Pixel Fire","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate Your Framer Sites with High-Performance WebGL Pixel Grids — Pixel Fire","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pixel Fire is a premium, fully customizable WebGL pixel-grid flame shader built for Framer. It brings the warm, dynamic, and responsive motion of procedural fire to your designs without heavy 3D package overhead. Pixel Fire gives you an interactive flame grid background."}]},{"type":"paragraph","content":[{"type":"text","text":"This pattern is a part of a mini shader library called Pixel Library. 30 more unique pixel pattern bundle is available at ","marks":[{"type":"italic"}]},{"type":"text","text":"www.vectorvesper.dev/pixel-lab","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://www.vectorvesper.dev/pixel-lab","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"(It does not include the text and image effects)"}]},{"type":"paragraph","content":[{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"checkered_flag","emoji":"🏁"}},{"type":"text","text":" Designed for Modern Layouts","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pixel Fire is perfect for high-impact hero sections, modern dark-themed landing pages, interactive background cards, and responsive website headers. Simply place it on your canvas, set it to fill, and watch your design come to life."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Features Built for Framer","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Customization: Tweak Grid Size, Speed, 4-Color Gradient Palettes (Background, Midtones, and Highlights), and Noise Jitter directly inside Framer's right-side control panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple Pixel Shapes: Easily toggle between Circle, Square, and Diamond pixel styles to match your website's brand identity."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-Time Interactivity: Enable mouse hover tracking, custom pointer glow sizes, and interactive click ripple effects with adjustable strength."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover-Freeze: Cursor effects freeze smoothly at their exit coordinates when the mouse leaves the canvas, preventing jarring snaps."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero Dependencies: Written in raw GLSL and WebGL. Loads instantly & runs smooth."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph"}]},"introduction":"A pixelated fire shader","slug":"pixel-fire","author":{"framerUserId":"3a8c5e99-7683-4189-9006-b96792ab1ca9","name":"Shivani Das","slug":"shivanidas","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/a26zvqqg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3a8c5e99-7683-4189-9006-b96792ab1ca9/019f5c6b-2633-7470-8353-2795f14070d0.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1515,"height":900}}],"post":null,"createdAt":"2026-07-13T16:59:25.708Z","updatedAt":"2026-07-14T05:11:54.504Z","publishedAt":"2026-07-13T16:59:25.702Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://whole-heron-660910.framer.app/","price":"9","paymentUrl":"https://vectorvesper.lemonsqueezy.com/checkout/buy/82981c0b-65c2-4351-b77c-9ee70adb7348","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"BIm4pIy8JHcgDLeBLMfo","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-14T12:38:51.729Z","createdAt":"2026-07-13T16:59:26.012Z","updatedAt":"2026-07-14T12:38:51.729Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L58"}]