5e:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3fk0f7q4960ol.js","/creators-assets/_next/static/immutable/chunks/00fdmr6kfsdrw.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/1zwfgkv6hl7ih.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1xwqa9rrktdcw.js","/creators-assets/_next/static/immutable/chunks/1p5p3hxx00owh.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/11rwwufuwaox5.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/2riq6xk2ap_dl.js","/creators-assets/_next/static/immutable/chunks/1q3yt3z40r1ue.js","/creators-assets/_next/static/immutable/chunks/3_2gh-txmrtwa.js","/creators-assets/_next/static/immutable/chunks/3xhwx36tyhh8-.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2jy6qwxbn3dqw.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5f:T7c3,

One login screen, every client lands on their own page.

Client Portal adds a proper client login to any Framer site. Give each client their own email and password, and after logging in they are sent straight to their own page or shown content that only they can see. No plugins, no backend, no extra Framer plan needed.

Features

Unlimited clients, each with their own email, password and destination
Send clients to their own page or show content inline, per client
Passwords can be stored as SHA-256 hashes so they never appear in the page source (built in hash helper)
Expiry date per client, so a password stops working when a project is done
Lockout after too many wrong attempts, remember login for a set number of days, log out button
Master password for yourself
Glass or minimal design, transparent background, your own logo, fonts, colors, radius and texts
Responsive and animated, with reduced motion support
No external dependencies, works on every Framer plan

Who it's for

Freelancers, designers and agencies who share previews, handovers, proposals or resources with clients in Framer and want a login screen that looks as good as the rest of the site.

Good to know

This is a client-side gate meant for previews, handovers and light member areas. For confidential data use real authentication.

License

One-time purchase. Use on unlimited personal and client projects.

Refund policy

Due to the digital nature of this product, all sales are final. If a technical issue prevents the component from working as described, reach out within 14 days of purchase and I will do my best to resolve it. If the issue cannot be fixed, a full refund will be provided. Contact: info@zo-e.nl

5b:[["$","$L5e",null,{"post":{"id":"01a06fe1-bec2-770f-ae23-0d8cec4c6ed5","title":null,"body":"

New component: Client Portal. One login screen, every client lands on their own page. Email and password per client, hashed passwords, expiry dates and a glass design that sits on any background. No plugins, no backend.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: Client Portal. One login screen, every client lands on their own page. Email and password per client, hashed passwords, expiry dates and a glass design that sits on any background. No plugins, no backend."}]}]},"author":{"framerUserId":"7e4b2376-92d9-49df-8580-e3293af08a29","name":"Michelle de Haas | Zo-e","slug":"zo-e","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/vdy1uebi","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Aep0ZQvGVaBMAuQtSWT7","resolved":true,"title":"Client Portal","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One login screen, every client lands on their own page."}]},{"type":"paragraph","content":[{"type":"text","text":"Client Portal adds a proper client login to any Framer site. Give each client their own email and password, and after logging in they are sent straight to their own page or shown content that only they can see. No plugins, no backend, no extra Framer plan needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited clients, each with their own email, password and destination"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Send clients to their own page or show content inline, per client"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Passwords can be stored as SHA-256 hashes so they never appear in the page source (built in hash helper)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Expiry date per client, so a password stops working when a project is done"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lockout after too many wrong attempts, remember login for a set number of days, log out button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Master password for yourself"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glass or minimal design, transparent background, your own logo, fonts, colors, radius and texts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive and animated, with reduced motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external dependencies, works on every Framer plan"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Who it's for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Freelancers, designers and agencies who share previews, handovers, proposals or resources with clients in Framer and want a login screen that looks as good as the rest of the site."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"This is a client-side gate meant for previews, handovers and light member areas. For confidential data use real authentication."}]},{"type":"paragraph","content":[{"type":"text","text":"License","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"One-time purchase. Use on unlimited personal and client projects."}]},{"type":"paragraph","content":[{"type":"text","text":"Refund policy","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, all sales are final. If a technical issue prevents the component from working as described, reach out within 14 days of purchase and I will do my best to resolve it. If the issue cannot be fixed, a full refund will be provided. Contact: info@zo-e.nl"}]}]},"introduction":"Password protected client pages","slug":"client-portal","author":{"framerUserId":"7e4b2376-92d9-49df-8580-e3293af08a29","name":"Michelle de Haas | Zo-e","slug":"zo-e","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/vdy1uebi","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/01a06fe0-1a75-736e-a5c2-006907879153.png","metadata":{"tint":{"h":300,"s":50,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-05T04:44:20.027Z","updatedAt":"2026-09-05T05:04:52.305Z","publishedAt":"2026-09-05T04:44:20.024Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://clientlogin.framer.website/","price":"19","paymentUrl":"https://contra.com/payment-link/rCGhkQOu-client-portal-framer-component","workshop":false,"categories":[{"id":"e0c8f757-ccb9-407f-a749-5feaa4078c28","name":"Utilities","slug":"utilities"}],"lastSaveId":"ulaq1le6HIwpzuzpV6xG"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-05T04:44:20.546Z","updatedAt":"2026-09-05T04:44:20.546Z","reported":false}}],"$L60"]

Suggested for you