50: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"] 51:Tab2,

FireFly is a meticulously crafted, high-performance Framer template built specifically for product designers, creative developers, and modern agencies who want to stand out and win clients instantly. It comes with a feature of editing with AI and contains appear & scroll animations and code edits.

Combining an edgy dark-mode aesthetic with cutting-edge micro-interactions, FireFly delivers a premium web experience right out of the box—no complex coding required.

✨ Key Features

Interactive Dot Matrix Hero: Features an eye-catching custom dot matrix effect where the owner's name dynamically scatters and reacts to cursor movements.
Fluid Page Transitions: Built with seamless, high-performance Framer animations that eliminate jarring page reloads.
Immersive Case Studies: Pre-built, multi-section project pages featuring challenges, ideation, metrics, and visual showcases that look genuinely authentic.
Advanced Micro-Interactions: Magnetic buttons, custom hover states, and smooth scroll animations engineered to impress template buyers.
Fully Responsive: Meticulously optimized for desktop, tablet, and mobile breakpoints.

📦 What’s Included

Home Page: Dynamic intro, interactive hero, selected works, and client proof grids.
Projects & Case Study Pages: Structured layouts to display mobile apps, brand identities, and web developments like a seasoned pro.
About Me Page: Professional background and philosophy layout.
Services Page: Clear service tiers and offerings breakdown.
Contact & Connect Integration: Clean, high-converting call-to-action touchpoints.

⚙ Why Choose FireFly?

Zero Coding Needed: 100% customizable directly inside Framer.
SEO Optimized: Structured for maximum search engine visibility and lightning-fast load speeds.
Plug & Play: Simply swap out the dummy content, add your portfolio pieces, and publish your site in minutes.

Level up your online presence or ship your next client project with a template built to convert.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-822e78ef-f1ff-4dd7-b283-d5d5df5508ff-all:/unified/creator/822e78ef-f1ff-4dd7-b283-d5d5df5508ff/activity/":[{"data":[{"id":"019fdbd5-63f5-70c5-a020-68496a87f3d3","type":"template.created","target":{"type":"template","id":"70869","preview":"FireFly Template","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/822e78ef-f1ff-4dd7-b283-d5d5df5508ff/019fdbd0-9093-75ca-a84b-fead3d423547.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"822e78ef-f1ff-4dd7-b283-d5d5df5508ff","name":"Shubhangi Sharma","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/822e78ef-f1ff-4dd7-b283-d5d5df5508ff/4jm10bay","slug":"shubhangi-sharma","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-07T10:47:02.901Z","latestAt":"2026-08-07T10:47:02.901Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:822e78ef-f1ff-4dd7-b283-d5d5df5508ff:/unified/posts/?creator=822e78ef-f1ff-4dd7-b283-d5d5df5508ff&with=reposts":[{"data":[{"id":"019fdbd5-620a-7658-a1ce-8f046a43a55b","title":null,"body":"

Hey everyone! ✨

I just published FireFly-an edgy, high-performance dark mode Framer template designed for product designers, creative developers, and agencies looking for a slick, modern portfolio.

Features custom dot-matrix interactions, fluid transitions, and fully editable project showcases.

Take a look and let me know what you think! I'm open to feedback and feature requests for future updates. 🚀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone! ✨"}]},{"type":"paragraph","content":[{"type":"text","text":"I just published "},{"type":"text","text":"FireFly","marks":[{"type":"bold"}]},{"type":"text","text":"-an edgy, high-performance dark mode Framer template designed for product designers, creative developers, and agencies looking for a slick, modern portfolio."}]},{"type":"paragraph","content":[{"type":"text","text":"Features custom dot-matrix interactions, fluid transitions, and fully editable project showcases."}]},{"type":"paragraph","content":[{"type":"text","text":"Take a look and let me know what you think! I'm open to feedback and feature requests for future updates. "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]}]},"author":{"framerUserId":"822e78ef-f1ff-4dd7-b283-d5d5df5508ff","name":"Shubhangi Sharma","slug":"shubhangi-sharma","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/822e78ef-f1ff-4dd7-b283-d5d5df5508ff/4jm10bay","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70869","resolved":true,"title":"FireFly Template","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"FireFly","marks":[{"type":"bold"}]},{"type":"text","text":" is a "},{"type":"text","text":"meticulously crafted, high-performance Framer template built specifically for product designers, creative developers, and modern agencies","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" who want to stand out and win clients instantly. It comes with a feature of editing with AI and contains appear & scroll animations and code edits."}]},{"type":"paragraph","content":[{"type":"text","text":"Combining an edgy dark-mode aesthetic with cutting-edge micro-interactions, FireFly delivers a premium web experience right out of the box—no complex coding required."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Key Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Dot Matrix Hero:","marks":[{"type":"bold"}]},{"type":"text","text":" Features an eye-catching custom dot matrix effect where the owner's name dynamically scatters and reacts to cursor movements."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Page Transitions:","marks":[{"type":"bold"}]},{"type":"text","text":" Built with seamless, high-performance Framer animations that eliminate jarring page reloads."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Immersive Case Studies:","marks":[{"type":"bold"}]},{"type":"text","text":" Pre-built, multi-section project pages featuring challenges, ideation, metrics, and visual showcases that look genuinely authentic."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced Micro-Interactions:","marks":[{"type":"bold"}]},{"type":"text","text":" Magnetic buttons, custom hover states, and smooth scroll animations engineered to impress template buyers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Meticulously optimized for desktop, tablet, and mobile breakpoints."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"package","emoji":"📦"}},{"type":"text","text":" What’s Included","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home Page:","marks":[{"type":"bold"}]},{"type":"text","text":" Dynamic intro, interactive hero, selected works, and client proof grids."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Projects & Case Study Pages:","marks":[{"type":"bold"}]},{"type":"text","text":" Structured layouts to display mobile apps, brand identities, and web developments like a seasoned pro."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About Me Page:","marks":[{"type":"bold"}]},{"type":"text","text":" Professional background and philosophy layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services Page:","marks":[{"type":"bold"}]},{"type":"text","text":" Clear service tiers and offerings breakdown."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact & Connect Integration:","marks":[{"type":"bold"}]},{"type":"text","text":" Clean, high-converting call-to-action touchpoints."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"gear","emoji":"⚙"}},{"type":"text","text":" Why Choose FireFly?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero Coding Needed:","marks":[{"type":"bold"}]},{"type":"text","text":" 100% customizable directly inside Framer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO Optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" Structured for maximum search engine visibility and lightning-fast load speeds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Plug & Play:","marks":[{"type":"bold"}]},{"type":"text","text":" Simply swap out the dummy content, add your portfolio pieces, and publish your site in minutes."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Level up your online presence or ship your next client project with a template built to convert.","marks":[{"type":"italic"}]}]}]},"introduction":"Portfolio & Agency Framer Template","slug":"firefly-template","author":{"framerUserId":"822e78ef-f1ff-4dd7-b283-d5d5df5508ff","name":"Shubhangi Sharma","slug":"shubhangi-sharma","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/822e78ef-f1ff-4dd7-b283-d5d5df5508ff/4jm10bay","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/oJkmjOz702ogxNZo9dZMOlSki017fLDczAzVh3vI18UcY.m3u8","metadata":{"posterUrl":"https://image.mux.com/oJkmjOz702ogxNZo9dZMOlSki017fLDczAzVh3vI18UcY/thumbnail.webp?time=20.467","aspectRatio":"16:9","duration":26.592667}},{"type":"video","url":"https://stream.mux.com/FAorbYoqR701WE8OC5lW4Aru5cT0202NV00Jh2Nu00swjPrY.m3u8","metadata":{"posterUrl":"https://image.mux.com/FAorbYoqR701WE8OC5lW4Aru5cT0202NV00Jh2Nu00swjPrY/thumbnail.webp?time=6.633","aspectRatio":"1511:908","duration":11.026}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/822e78ef-f1ff-4dd7-b283-d5d5df5508ff/019fdbd0-9093-75ca-a84b-fead3d423547.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1534,"height":976}}],"post":null,"createdAt":"2026-08-07T10:47:01.888Z","updatedAt":"2026-10-07T10:46:26.636Z","publishedAt":"2026-08-07T10:47:01.883Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/D0COce8","remixUrl":"https://framer.link/D0COce8","previewUrl":"https://fireflytemplate.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":11,"name":"Ecommerce","slug":"ecommerce"},{"id":112,"name":"Technology","slug":"technology"},{"id":216,"name":"Film & Actor","slug":"film-and-actor"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"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":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-07T10:46:27.807Z","createdAt":"2026-08-07T10:47:02.411Z","updatedAt":"2026-10-07T10:46:27.807Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L52"}]