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

Thoughtfully Built for Real Products

Fluxframe is a modular Framer template built for modern SaaS products and startups that want a clean, structured landing page to showcase their product and convert users with clarity. It’s the fastest way to launch a polished website without spending weeks on design or layout decisions.

What’s Included

Prebuilt homepage with scroll-triggered interactions
Hero screenshot frame ready to replace with your product UI
Animated feature visuals that you can fully customize in Framer
Custom workflow scene designed for product explanation
Modular pricing section with tier comparison & yearly/monthly toggle
Testimonial system with highlight cards
Fully responsive layout optimized for desktop & mobile
Fast performance & SEO-ready structure

Support & Collaboration

If you need help or want to suggest improvements, I’m happy to discuss or assist with customization.

65:T7fe,

Animated Grid – Interactive, Customizable Backgrounds

The Animated Grid component generates a responsive grid of shapes or images that animate with noise-driven flow and smooth hover reactions. Whether you’re building a hero section, a dynamic background, a creative footer, or an interactive portfolio, Animated Grid adds a layer of depth and energy that feels modern and polished.

Engaging Motion & Interaction

Organic noise animation: Add flowing, natural movement with fully adjustable amplitude, scale, and speed.
Hover effects: Shapes smoothly grow and react to cursor proximity with customizable boost, radius, and easing.
Dynamic control: Enable or disable noise for either a lively animated look or a clean, static grid.

Full Customization Controls

Animated Grid includes property controls so you can easily match your design style:

Grid layout: Adjust cell size and base shape size for density and scale.
Shapes or custom images: Choose from preset shapes (circle, square, triangle, diamond) or upload your own.
Colors & styling: Define shape colors, opacity, and cursor visibility.
Performance-friendly: Preview toggle ensures smooth editing inside Framer while running full animation on live sites.

Perfect For Modern Web Experiences

Use Animated Grid to:

Create subtle animated backgrounds for hero sections.
Add interactive texture to landing pages and SaaS websites.
Enhance portfolio showcases with reactive visuals.
Design creative footers with engaging motion.

62:["$","$L63",null,{"value":{"fallback":{"$inf$activity-creator-e7589fb9-3011-41a6-8822-ba05b7f74cd0-all:/unified/creator/e7589fb9-3011-41a6-8822-ba05b7f74cd0/activity/":[{"data":[{"id":"019f1dd5-cae0-7786-a83d-cea3a66da7ee","type":"comment.reply","target":{"type":"post","id":"019d6dba-12b4-7f9e-ba1a-3a41c5b363ff","preview":"Fluxframe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58270/fluxframe-03MYAQENZcEvNKxcYFctKlJlCiNDFj","targetDeleted":false,"owned":true,"actions":{"postId":"019d6dba-12b4-7f9e-ba1a-3a41c5b363ff","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f1dd5-cac5-748c-9a0d-4163af38f049","preview":"thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d6dba-12b4-7f9e-ba1a-3a41c5b363ff","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019efde3-25a3-731b-8298-e1e01f421499"},"repost":null}},"actors":[{"id":"e7589fb9-3011-41a6-8822-ba05b7f74cd0","name":"Brice Deguigne","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1226062/avatar-NzwFi5duHIm2y18KywmPbPHSlrRQJ2.jpg","slug":"brice-deguigne","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T13:19:38.208Z","latestAt":"2026-07-01T13:19:38.208Z"},{"id":"019f1dd5-b689-77cf-b95a-ae930382ca36","type":"comment.liked","target":{"type":"comment","id":"019efde3-25a3-731b-8298-e1e01f421499","preview":"Very well considered.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Very well considered."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019d6dba-12b4-7f9e-ba1a-3a41c5b363ff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019efde3-25a3-731b-8298-e1e01f421499"},"repost":null}},"context":{"type":"post","id":"019d6dba-12b4-7f9e-ba1a-3a41c5b363ff","preview":"Fluxframe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58270/fluxframe-03MYAQENZcEvNKxcYFctKlJlCiNDFj","targetDeleted":false,"owned":true,"actions":{"postId":"019d6dba-12b4-7f9e-ba1a-3a41c5b363ff","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e7589fb9-3011-41a6-8822-ba05b7f74cd0","name":"Brice Deguigne","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1226062/avatar-NzwFi5duHIm2y18KywmPbPHSlrRQJ2.jpg","slug":"brice-deguigne","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T13:19:32.988Z","latestAt":"2026-07-01T13:19:32.988Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:e7589fb9-3011-41a6-8822-ba05b7f74cd0:/unified/posts/?creator=e7589fb9-3011-41a6-8822-ba05b7f74cd0&with=reposts":[{"data":[{"id":"019d6dba-12b4-7f9e-ba1a-3a41c5b363ff","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e7589fb9-3011-41a6-8822-ba05b7f74cd0","name":"Brice Deguigne","slug":"brice-deguigne","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1226062/avatar-NzwFi5duHIm2y18KywmPbPHSlrRQJ2.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"58270","resolved":true,"title":"Fluxframe","body":"$64","bodyJson":null,"introduction":"Animated SaaS Landing Page","slug":"fluxframe","author":{"framerUserId":"e7589fb9-3011-41a6-8822-ba05b7f74cd0","name":"Brice Deguigne","slug":"brice-deguigne","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1226062/avatar-NzwFi5duHIm2y18KywmPbPHSlrRQJ2.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58270/fluxframe-03MYAQENZcEvNKxcYFctKlJlCiNDFj","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58270/fluxframe-LMcO2SvINdCL2ZeEjWpjz7RNqIbz5Q","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58270/fluxframe-LNX5q07Ga3PX7yXclFCXA4kLPR0oXl","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58270/fluxframe-IKueVYg77T2zmDJ9h6RCrjsMvOyDky","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-24T09:16:27.142Z","updatedAt":"2026-05-16T09:26:40.153Z","publishedAt":"2026-04-08T15:33:24.276Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/OApBvA5","remixUrl":"https://framer.link/OApBvA5","previewUrl":"https://fluxframe.framer.website/","categories":[{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":228,"name":"Illustrative","slug":"illustrative"},{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-08T15:33:24.276Z","updatedAt":"2026-04-08T15:33:24.276Z"},{"id":"0199a933-84b4-73e3-a52c-4fc6e6096a36","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e7589fb9-3011-41a6-8822-ba05b7f74cd0","name":"Brice Deguigne","slug":"brice-deguigne","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1226062/avatar-NzwFi5duHIm2y18KywmPbPHSlrRQJ2.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"EC69DhIEfQhhCRIbZrxK","resolved":true,"title":"Animated Grid","body":"$65","bodyJson":null,"introduction":"Living backgrounds, zero effort.","slug":"animated-grid","author":{"framerUserId":"e7589fb9-3011-41a6-8822-ba05b7f74cd0","name":"Brice Deguigne","slug":"brice-deguigne","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1226062/avatar-NzwFi5duHIm2y18KywmPbPHSlrRQJ2.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/EC69DhIEfQhhCRIbZrxK/animated-grid-uXkcsAXrNWBoUeyoTllgrtimORPCDt","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-24T18:02:54.644Z","updatedAt":"2026-03-09T07:28:25.570Z","publishedAt":"2025-10-03T08:32:29.876Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/AnimatedGrid-qSs3.js@NY2cFwyGwTNe5h1i5SvX","previewUrl":"https://heavenly-type-157874.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"NY2cFwyGwTNe5h1i5SvX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-03T08:32:29.876Z","updatedAt":"2025-10-03T08:32:29.876Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]