5d:I[333483,["/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/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8fb,

Me Online is a Google-inspired creative portfolio template for Framer, made for designers, developers, freelancers, and creatives. Your work is presented like a search experience, so visitors feel at home right away and explore with ease. It is clean, familiar, and easy to make your own.

Home

A bold name, a Ctrl + K search bar, and quick cards like "Explore my work" and "Let's work together" greet your visitors. Shortcut icons link straight to your featured projects. Choose a full-screen image background, or switch to a solid color or gradient, just like Google's themes.

Work Page

Projects appear as search results with filter tabs (All, Branding, UI/UX, Motion, Web), tags, and a portfolio overview card with your key stats. A side profile panel shows your location, availability, tools, and email, along with "Hire me" and "Resume" buttons.

About and Gallery

The About popup shares your bio, quick-fact chips, and tabs for skills, experience, and fun facts, with animated progress bars. The Gallery popup shows your visuals in a clean masonry grid that is easy to browse.

Connect

The apps menu gathers your LinkedIn, GitHub, Dribbble, Behance, X, Email, Framer, Notion, and Read.cv links in one tidy dropdown. The profile card in the corner gives instant access to your resume and contact details.

Key Features

Google-inspired, familiar design
CMS-powered projects, so adding work is quick
Built-in contact form
Image or color backgrounds
Search with Ctrl + K shortcut
Project filtering by category
About, Gallery, and Resume popups
Social links menu
Fully responsive on desktop, tablet, and mobile
Easy no-code customization
Smooth animations and clean typography

Perfect For

Product designers, brand designers, motion artists, developers, and freelancers who want a portfolio that is memorable, simple to manage, and fun to browse. Replace the sample content, adjust the colors and fonts, and publish.

5a:[["$","$L5d",null,{"post":{"id":"01a1117d-2c5f-73a4-92e0-13853eb01070","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"75000","resolved":true,"title":"Me Online","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Me Online is a Google-inspired creative portfolio template for Framer, made for designers, developers, freelancers, and creatives. Your work is presented like a search experience, so visitors feel at home right away and explore with ease. It is clean, familiar, and easy to make your own."}]},{"type":"customHeading","content":[{"type":"text","text":"Home"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A bold name, a Ctrl + K search bar, and quick cards like \"Explore my work\" and \"Let's work together\" greet your visitors. Shortcut icons link straight to your featured projects. Choose a full-screen image background, or switch to a solid color or gradient, just like Google's themes."}]},{"type":"customHeading","content":[{"type":"text","text":"Work Page"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Projects appear as search results with filter tabs (All, Branding, UI/UX, Motion, Web), tags, and a portfolio overview card with your key stats. A side profile panel shows your location, availability, tools, and email, along with \"Hire me\" and \"Resume\" buttons."}]},{"type":"customHeading","content":[{"type":"text","text":"About and Gallery"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The About popup shares your bio, quick-fact chips, and tabs for skills, experience, and fun facts, with animated progress bars. The Gallery popup shows your visuals in a clean masonry grid that is easy to browse."}]},{"type":"customHeading","content":[{"type":"text","text":"Connect"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The apps menu gathers your LinkedIn, GitHub, Dribbble, Behance, X, Email, Framer, Notion, and "},{"type":"text","text":"Read.cv","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://Read.cv","target":"_blank"}}]},{"type":"text","text":" links in one tidy dropdown. The profile card in the corner gives instant access to your resume and contact details."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Google-inspired, familiar design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered projects, so adding work is quick"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in contact form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image or color backgrounds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Search with Ctrl + K shortcut"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project filtering by category"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About, Gallery, and Resume popups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Social links menu"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive on desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy no-code customization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth animations and clean typography"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Product designers, brand designers, motion artists, developers, and freelancers who want a portfolio that is memorable, simple to manage, and fun to browse. Replace the sample content, adjust the colors and fonts, and publish."}]}]},"introduction":"Google-Inspired Creative Portfolio","slug":"me-online","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a1117c-70f6-7501-8c77-f9c9bf250dcb.png","metadata":{"tint":{"h":240,"s":26,"l":65},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a1117c-70f2-7520-837c-9bb5d0a50b43.png","metadata":{"tint":{"h":180,"s":26,"l":49},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a1117c-71b1-758e-a505-ebaf84e5107b.png","metadata":{"tint":{"h":240,"s":26,"l":65},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a1117c-7199-7575-8371-03a5731f8358.png","metadata":{"tint":{"h":240,"s":26,"l":65},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-10-06T13:52:57.799Z","updatedAt":"2026-10-06T13:52:57.799Z","publishedAt":"2026-10-06T13:52:57.795Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://contra.com/payment-link/Tw0Y8cOA-me-online-creative-portfolio","remixUrl":null,"previewUrl":"https://meonline.framer.website/","categories":[],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-06T13:52:58.463Z","updatedAt":"2026-10-06T13:52:58.463Z","reported":false}}],"$L5f"]

Suggested for you