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:T56a,

Design & Development for a Dental Website

A multi-page personal website for a dentist practicing in Switzerland with an extensive clinical and academic background.

The goal was to present his experience, treatments, clinical cases, lectures, and publications in a clear and structured way, while keeping the visual language minimal, contemporary, and professional.

Deliverables:

Custom design
Framer development
Full responsiveness across screen sizes
Multilingual setup in English and French
CMS setup
Custom components
Subtle animations and interactions
Contact form integration
Easy content management for independent client updates
Domain connection, DNS setup

Outcome:

A fully functional, multilingual website that is easy to manage and update independently. The client can add new cases, update content, and keep the website current without relying on ongoing developer support.

Pages:

Home, About, Treatments, Clinical Cases, Academics, Contact, Privacy Policy, Legal Notice, 404

Live website: https://pitta.ch/

53:T4eb,

Site-Level is a financial operating system

The task was to turn their existing desktop designs into a fully functional, responsive multi-page website.

Timeline: 2 weeks

DELIVERABLES

Framer development
Design system & components
Animations & interactions
Responsive Development
Mobile & Tablet Design Adaptation
Custom Code Components
Media Optimization
Basic SEO setup

OUTCOME

The outcome is a fully responsive website, with the original desktop designs carefully adapted for tablet and mobile. Custom-coded components were developed where native Framer functionality wasn’t enough, while keeping the website easy for the team to manage and update independently.

PAGES

Home, Product Overview, Integrations, AI Agents, Automated Reporting, Multi-Site Settings, About Us, Careers, Contact, Terms of Service, Privacy Policy, 404.

Live website: https://sitelevel.ai/

54:T477,

Drew School — private school in New Jersey.

Website design and Framer development for a private school in New Jersey.

Redesign the website and create a clear, intuitive structure, eliminating repetitive content and helping parents quickly understand what the school offers and encouraging them to learn more.

Timeline: 2 weeks

DELIVERABLES

Redesign
Framer development
Design system & components
Animations & interactions
Form integration
Responsive layout
Basic SEO setup
Domain connection

OUTCOME

The outcome is a refreshed, fully responsive website aligned with the school’s brand guidelines, with a clear structure and an easy-to-manage system the team can update independently.

Pages

Home, About school, Curriculum, Admissions, Contact, Privacy Policy, 404

Live website: https://drew.school/

55:T505,

Description

Interactive 3D Viewer lets you add real 3D models to Framer without using Lottie, embeds, or external preview links.

Upload a GLB or GLTF file directly into the component, just like an image or video, and display it instantly on your site. Perfect for product pages, e-commerce stores, portfolios, landing pages, and interactive showcases.

You can control the full viewing experience from the Framer properties panel: auto-rotation, camera controls, background color, shadow intensity, exposure, and environment mode.

Key features

Upload GLB and GLTF models directly in Framer
No external links or embed setup needed
Auto-rotation on/off
Camera controls on/off
Adjustable background color
Shadow intensity control
Exposure control
Neutral or legacy environment mode
Full-width and full-height responsive display
Easy to use in product pages, hero sections, and interactive showcases

Share your build

If you build something with it, share it on X and tag @584_studio. It’s a simple way to support our work.

56:T5b4,

About

Multi-Level Mega Menu helps you build advanced website navigation in Framer, fully customizable layouts, responsive behavior, and smooth interactions. Create complex navigation structures without writing a single line of code.

What it does

Organize large websites with a clean, intuitive navigation system. Display multiple levels of links, featured content, categories, icons, and CTA buttons inside a flexible mega menu that works seamlessly across desktop and mobile devices.

What you can customize

Everything is controlled directly from the Framer properties panel. Customize navigation labels, links, icons, images, featured cards, colors, typography, spacing, borders, corner radius, backgrounds, hover effects, animations, mobile navigation, breakpoints, and layout settings. No code required.

Great for

SaaS websites
Startup websites
Enterprise websites
Product websites
AI tools
Documentation websites
Knowledge bases
Agency websites
Portfolio websites
E-commerce websites
Marketing websites
Premium Framer templates

Share your build

If you build something with Multi-Level Mega Menu, we'd love to see it. Share your project on X and tag @584_studio, or send it our way.

57:T66f,

Simply Social

Social-first creative agency helping brands show up in culture through strategy, content, influencer work, paid media, and production.

After a rebrand, Simply Social needed a sharper website with clearer user flow, stronger case study presentation, and better performance for a video-heavy portfolio. The challenge was to migrate from Webflow to Framer and build a site that feels dynamic, showcases their work properly, and still loads fast.

Timeline: 2 weeks

DELIVERABLES

Redesign
UX restructuring
Webflow to Framer migration
Framer development
Design system & components
Animations & interactions
CMS setup
Media optimization
Performance optimization
Responsive layout
Basic SEO setup
Domain connection

OUTCOME

Full UI/UX redesign aligned with the new brand direction, with a clearer structure, stronger service presentation, and more direct CTAs. Built a flexible CMS system so the team can add and manage case studies independently. Optimized videos, images, animations, and page structure to maintain fast loading speeds and bring all pages into the green performance zone in Google PageSpeed.

PAGES

Home, About, Services, Work, Case Study Template, Contact, Privacy Policy, Terms of Service, 404

Live website: https://simplysocial.co/

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-072367a8-16c3-4b27-80c7-1f881eb926fd-all:/unified/creator/072367a8-16c3-4b27-80c7-1f881eb926fd/activity/":[{"data":[{"id":"01a0e7d7-fe4d-75cc-8414-3a376749435c","type":"site.created","target":{"type":"site","id":"17714","preview":"Dental Specialist","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a11103-3f40-7360-ab8c-03a7aced5a2c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-09-28T11:48:07.373Z","latestAt":"2026-09-28T11:48:07.373Z"},{"id":"01a0bff9-e589-747e-959b-e0ace99105d4","type":"creator.followed","target":{"type":"creator","id":"5455d8ff-947f-4b55-81e7-6ef0d748241f","preview":"John Nicholson","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5455d8ff-947f-4b55-81e7-6ef0d748241f/zmt7adow","slug":"john-nicholson","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T18:00:20.612Z","latestAt":"2026-09-20T18:00:20.612Z"},{"id":"01a0b06b-542b-7074-8e15-53779d7ad0a3","type":"component.created","target":{"type":"component","id":"8a1MF00HfqKJFdTFn6z2","preview":"Hover Stretch Text","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0b069-ee39-70cd-b03a-9f3c7c86bcd7.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-17T17:30:19.051Z","latestAt":"2026-09-17T17:30:19.051Z"},{"id":"01a0ac03-a8cd-761f-bd5d-a416267e11a9","type":"creator.followed","target":{"type":"creator","id":"5fbfc052-458f-47df-9b5a-b721df73d467","preview":"🔵 BLANK","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5fbfc052-458f-47df-9b5a-b721df73d467/ir5udsm2","slug":"blank-design7","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T20:58:36.105Z","latestAt":"2026-09-16T20:58:36.105Z"},{"id":"019f226b-29e6-77d4-a495-4bdfe19445ec","type":"creator.followed","target":{"type":"creator","id":"aa0d2221-8eb3-4663-b8f4-b5496ba280cf","preview":"Ilhan Gocen","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/921982/avatar-tNkNa9PVxA3G9kGNxxEMOzGumjn5kj.jpg","slug":"ilhan-gocen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T10:46:52.144Z","latestAt":"2026-09-16T10:46:52.144Z"},{"id":"01a0a5c2-e694-73b3-94f5-0d75e9902d18","type":"creator.followed","target":{"type":"creator","id":"fcc80ed0-a113-49ea-b320-6fb24df0f943","preview":"Maxim","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fcc80ed0-a113-49ea-b320-6fb24df0f943/ecsx05k0","slug":"maxim110","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T15:50:08.784Z","latestAt":"2026-09-15T15:50:08.784Z"},{"id":"01a0a4ab-75ac-7459-b264-73c14a560e78","type":"site.created","target":{"type":"site","id":"17525","preview":"Site Level | AI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0a4a5-1ce2-740d-89ff-dadfeb74cd45.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-09-15T10:44:55.340Z","latestAt":"2026-09-15T10:44:55.340Z"},{"id":"019f27dc-3bbb-70e5-9958-8e328c2cee78","type":"creator.followed","target":{"type":"creator","id":"fcff8256-5239-4f0b-922f-3489e2c3daac","preview":"bigbi studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1682392/avatar-F01iAXrm4bJMcC3AaoJTgt5RuZCrYI.jpg","slug":"bigbistudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T15:11:07.102Z","latestAt":"2026-09-12T15:11:07.102Z"},{"id":"01a05d7e-023e-7218-be5c-049eb7489786","type":"creator.followed","target":{"type":"creator","id":"1b7edaff-4f92-47a4-8543-52911dcc789a","preview":"Studio Cloudfairy","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1b7edaff-4f92-47a4-8543-52911dcc789a/2xczk1bu","slug":"studiocloudfairy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T14:46:00.457Z","latestAt":"2026-09-12T14:46:00.457Z"},{"id":"019f1a00-d460-70f6-b3ff-0cc62f485804","type":"creator.followed","target":{"type":"creator","id":"751bfa73-4ef8-4198-9094-0e00d4c87710","preview":"JJ Gerrish","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30593/profile-pic-yh3JY2JL81a9FoB7S7bCaxgPLWfQYU.jpeg","slug":"jj-gerrish","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T14:45:51.499Z","latestAt":"2026-09-12T14:45:51.499Z"},{"id":"019f17cf-5eb9-779b-b809-b4c248940ab1","type":"creator.followed","target":{"type":"creator","id":"6878a9d2-362f-431f-937a-be5703e65342","preview":"Fizi Lee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6878a9d2-362f-431f-937a-be5703e65342/eydq8na8","slug":"fizilee2410","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T14:45:40.049Z","latestAt":"2026-09-12T14:45:40.049Z"},{"id":"01a09614-b910-7173-ad4d-7a8c09146e46","type":"creator.followed","target":{"type":"creator","id":"bdc086fd-14d1-4ec0-bc6b-d47d8db13cae","preview":"Johan Ronsse","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/bdc086fd-14d1-4ec0-bc6b-d47d8db13cae/QWDrXHOij","slug":"johan-ronsse","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T14:45:35.629Z","latestAt":"2026-09-12T14:45:35.629Z"},{"id":"01a095c9-f709-77df-b4ec-f8af7da2b9c1","type":"comment.reply","target":{"type":"post","id":"01a09551-c3be-736e-ae5c-f3ca977d30f5","preview":"Drew school","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0955d-6df2-77fa-806a-630bd9ae9612.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a09551-c3be-736e-ae5c-f3ca977d30f5","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a095c9-f6f3-75ac-9ee3-708823e19627","preview":"It’s a client website, not a template, so unfortunately we can’t share the source files.\nBut you can inspect some of the code directly from the live website: https://drew.school/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It’s a client website, not a template, so unfortunately we can’t share the source files."}]},{"type":"paragraph","content":[{"type":"text","text":"But you can inspect some of the code directly from the live website: "},{"type":"text","text":"https://drew.school/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://drew.school/","target":"_blank"}}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a09551-c3be-736e-ae5c-f3ca977d30f5","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a095b9-93cd-7076-bca8-355a839a9130"},"repost":null}},"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T13:23:56.297Z","latestAt":"2026-09-12T13:23:56.297Z"},{"id":"01a09551-c5a4-75cb-bab6-c4ed755c7039","type":"site.created","target":{"type":"site","id":"17459","preview":"Drew school","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0955d-6df2-77fa-806a-630bd9ae9612.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-09-12T11:12:39.332Z","latestAt":"2026-09-12T11:12:39.332Z"},{"id":"01a0901a-9af6-74ba-97c3-f34463d64be8","type":"comment.liked","target":{"type":"comment","id":"01a0900d-aecc-75c9-858a-a821b726e2ed","preview":"Thanks for letting us know. It’s working now!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks for letting us know. It’s working now!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a08fca-37d2-72fe-9f97-a5cf812aace3","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a09003-33be-73b4-a192-ec6c21d520cc"},"repost":null}},"context":{"type":"post","id":"01a08fca-37d2-72fe-9f97-a5cf812aace3","preview":"MAGAZIN®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/225d8f05-9bc6-4b1d-bbcb-a67d3b601b48/01a08fda-95d0-769a-8dd2-96789ee59a9c.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a08fca-37d2-72fe-9f97-a5cf812aace3","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T10:54:17.842Z","latestAt":"2026-09-11T10:54:17.842Z"},{"id":"01a09008-8639-719d-b79b-e3b3635c5bf4","type":"post.liked","target":{"type":"post","id":"01a08ed1-a170-702c-8bed-a046249421ed","preview":"Crossed 1K Affiliate Commission from Framer in 4 months. Thanks @framer for this opportunity.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Crossed 1K Affiliate Commission from Framer in 4 months. Thanks @framer for this opportunity."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1cc6183b-2489-49e9-b6df-5c40d427358e/01a08ed1-920c-76a9-8b1b-5fea43b2148a.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a08ed1-a170-702c-8bed-a046249421ed","like":{"count":29,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T10:34:32.885Z","latestAt":"2026-09-11T10:34:32.885Z"},{"id":"01a09003-c22f-743d-bf31-616ee5a7f849","type":"post.liked","target":{"type":"post","id":"01a08f99-c87f-74ce-9b53-f8b7a45f5755","preview":"We found the 1930 International Atlas of Clouds and States of the Sky a few days ago and got a little obsessed with it.\nThe archive pairs early cloud photography with hand-drawn diagrams, annotations and classifications. It feels scientific, but also strangely playful and beautiful.\nSo we built this small Framer experiment to explore the collection in a more visual way. An infinite canvas where you can move through the archive, overlay each drawing on its photograph and unfold the original plate.\nMostly built to play around with the interaction and give this brilliant old archive a new interface!\ncloud-atlas.framer.website","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We found the 1930 International Atlas of Clouds and States of the Sky a few days ago and got a little obsessed with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The archive pairs early cloud photography with hand-drawn diagrams, annotations and classifications. It feels scientific, but also strangely playful and beautiful."}]},{"type":"paragraph","content":[{"type":"text","text":"So we built this small Framer experiment to explore the collection in a more visual way. An infinite canvas where you can move through the archive, overlay each drawing on its photograph and unfold the original plate."}]},{"type":"paragraph","content":[{"type":"text","text":"Mostly built to play around with the interaction and give this brilliant old archive a new interface!"}]},{"type":"paragraph","content":[{"type":"text","text":"cloud-atlas.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cloud-atlas.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/TIr8FM8ML85Vp7Fv7CumRTE01mFP7ZdszlPA2tyDPaKY/thumbnail.webp?time=8.7","targetDeleted":false,"owned":false,"actions":{"postId":"01a08f99-c87f-74ce-9b53-f8b7a45f5755","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T10:29:20.554Z","latestAt":"2026-09-11T10:29:20.554Z"},{"id":"01a09003-4f73-71d7-9e40-b379ecb66d6b","type":"post.liked","target":{"type":"post","id":"01a08f32-becb-736e-a53a-c46b8c385bd7","preview":"CORESPACE — Loader\nA loader is usually treated as something users have to wait through.\nBut those seconds are still part of the experience.\nUse them to introduce the visual language. Create anticipation. Then reveal the interface.\nEven waiting can feel intentional.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CORESPACE","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/ZGmEGwv","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" — Loader","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A loader is usually treated as something users have to wait through."}]},{"type":"paragraph","content":[{"type":"text","text":"But those seconds are still part of the experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Use them to introduce the visual language. Create anticipation. Then reveal the interface."}]},{"type":"paragraph","content":[{"type":"text","text":"Even waiting can feel intentional."}]}]},"thumbnail":"https://image.mux.com/xoXLYgCWzcjY1SfsKiA1xSQxkUyUt02y3excAW4elfoo/thumbnail.webp?time=5.155","targetDeleted":false,"owned":false,"actions":{"postId":"01a08f32-becb-736e-a53a-c46b8c385bd7","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T10:28:51.183Z","latestAt":"2026-09-11T10:28:51.183Z"},{"id":"01a09003-33dc-744e-8b92-871bbb227290","type":"comment.created","target":{"type":"post","id":"01a08fca-37d2-72fe-9f97-a5cf812aace3","preview":"MAGAZIN®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/225d8f05-9bc6-4b1d-bbcb-a67d3b601b48/01a08fda-95d0-769a-8dd2-96789ee59a9c.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a08fca-37d2-72fe-9f97-a5cf812aace3","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a09003-33be-73b4-a192-ec6c21d520cc","preview":"Hey, there are preview link does not working","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey, there are preview link does not working"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a08fca-37d2-72fe-9f97-a5cf812aace3","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a09003-33be-73b4-a192-ec6c21d520cc"},"repost":null}},"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T10:28:44.124Z","latestAt":"2026-09-11T10:28:44.124Z"},{"id":"01a09001-fff8-7649-b11f-860e788579c3","type":"post.liked","target":{"type":"post","id":"01a08fe7-d394-730e-8510-4c92e131782b","preview":"Ozanha - my very first free framer web template is coming together after a few hours of non-stop coding and multi-layered animations.\nI think I can get it ready in less than a week if I'm already here in just a few hours.\nWhat do you think about the direction? Share your thoughts in the comments.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ozanha - my very first free framer web template is coming together after a few hours of non-stop coding and multi-layered animations."}]},{"type":"paragraph","content":[{"type":"text","text":"I think I can get it ready in less than a week if I'm already here in just a few hours."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think about the direction? Share your thoughts in the comments."}]}]},"thumbnail":"https://image.mux.com/E4svu0100HynGM02OChOURjk6nNa9VxqiqLuspDhA00zWEg/thumbnail.webp?time=42.333","targetDeleted":false,"owned":false,"actions":{"postId":"01a08fe7-d394-730e-8510-4c92e131782b","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T10:27:25.298Z","latestAt":"2026-09-11T10:27:25.298Z"}],"pagination":{"next":"MjAyNi0wOS0xMVQxMDoyNzoyNS4yOThafDAxYTA5MDAxLWZmZjgtNzY0OS1iMTFmLTg2MGU3ODg1NzljMw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:072367a8-16c3-4b27-80c7-1f881eb926fd:/unified/posts/?creator=072367a8-16c3-4b27-80c7-1f881eb926fd&with=reposts":[{"data":[{"id":"01a0e7d7-fc26-73fb-80b3-9381ca175591","title":null,"body":"

A clean, professional multi-page website for a dental specialist, balancing clinical credibility with a modern, minimal visual style.

https://pitta.ch/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A clean, professional multi-page website for a dental specialist, balancing clinical credibility with a modern, minimal visual style."}]},{"type":"paragraph","content":[{"type":"text","text":"https://pitta.ch/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://pitta.ch/","target":"_blank"}}]}]}]},"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"17714","resolved":true,"title":"Dental Specialist","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Design & Development for a Dental Website"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A multi-page personal website for a dentist practicing in Switzerland with an extensive clinical and academic background.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The goal was to present his experience, treatments, clinical cases, lectures, and publications in a clear and structured way, while keeping the visual language minimal, contemporary, and professional."}]},{"type":"customHeading","content":[{"type":"text","text":"Deliverables:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer development"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full responsiveness across screen sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multilingual setup in English and French"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subtle animations and interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact form integration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy content management for independent client updates"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Domain connection, DNS setup"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Outcome:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A fully functional, multilingual website that is easy to manage and update independently. The client can add new cases, update content, and keep the website current without relying on ongoing developer support."}]},{"type":"customHeading","content":[{"type":"text","text":"Pages:"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Home, About, Treatments, Clinical Cases, Academics, Contact, Privacy Policy, Legal Notice, 404"}]},{"type":"paragraph","content":[{"type":"text","text":"Live website: ","marks":[{"type":"italic"}]},{"type":"text","text":"https://pitta.ch/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://pitta.ch/","target":"_blank"}},{"type":"italic"}]}]},{"type":"paragraph"}]},"introduction":"","slug":"dental-specialist","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a11103-3f40-7360-ab8c-03a7aced5a2c.png","metadata":{"tint":{"h":0,"s":0,"l":24},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0e7d6-8115-75c1-bcaf-322852db9b86.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0e7d6-8ed3-75ad-ba05-3548f91a1f69.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0e7d6-a411-708a-a4d7-b54264cbcb3a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-28T11:48:06.201Z","updatedAt":"2026-10-06T11:40:19.448Z","publishedAt":"2026-09-28T11:48:06.199Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://pitta.ch/","categories":[{"id":"cb1ce5d0-8749-428e-b0d8-917786928ffd","name":"Personal","slug":"personal"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-06T11:20:11.857Z","createdAt":"2026-09-28T11:48:06.822Z","updatedAt":"2026-10-06T11:20:11.857Z"},{"id":"01a0b06b-51cb-745f-80ba-2b20fb5640c6","title":null,"body":"

Interactive hover stretch text with adjustable interaction intensity, responsive controls, and optional dynamic media switching.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hover stretch text with adjustable interaction intensity, responsive controls, and optional dynamic media switching."}]}]},"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"8a1MF00HfqKJFdTFn6z2","resolved":true,"title":"Hover Stretch Text","body":"

Hover Stretch Text is a fully responsive interactive text component that dynamically stretches and reacts to cursor movement. Add optional media between the text and customize the interaction directly in Framer.

Customize:

Left and right text
Font, weight, color, line height & letter spacing
Side padding & media gap
Media width & vertical padding
Up to 4 images with dynamic switching
Image fit & border radius
Text compression & media stretch
Image movement
Response, damping & motion weight
Return-to-center behavior
Show or hide media

Fully responsive and automatically adapts the text to the available width.

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Hover Stretch Text","marks":[{"type":"bold"}]},{"type":"text","text":" is a fully responsive interactive text component that dynamically stretches and reacts to cursor movement. Add optional media between the text and customize the interaction directly in Framer."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Customize:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Left and right text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font, weight, color, line height & letter spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Side padding & media gap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media width & vertical padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 4 images with dynamic switching"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image fit & border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text compression & media stretch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Response, damping & motion weight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Return-to-center behavior"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show or hide media"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and automatically adapts the text to the available width.","marks":[{"type":"bold"}]}]}]},"introduction":"Responsive & fully customizable","slug":"hover-stretch-text","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0b069-ee39-70cd-b03a-9f3c7c86bcd7.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2026,"height":1524}}],"post":null,"createdAt":"2026-09-17T17:30:17.741Z","updatedAt":"2026-09-17T17:37:04.082Z","publishedAt":"2026-09-17T17:30:17.738Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://iinteractivestretchtext.framer.website/","price":"9","paymentUrl":"https://584studio.lemonsqueezy.com/checkout/buy/a1dd713e-3281-4999-b184-cbc5468b2176","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"NXmBOPobZn2OoQTjhm67","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-17T17:30:18.443Z","updatedAt":"2026-09-17T17:30:18.443Z"},{"id":"01a0a4ab-73a9-77c7-b7fa-28394911ec6e","title":null,"body":"

Website development for a financial operating system.

Live site → https://sitelevel.ai/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Website development for a financial operating system."}]},{"type":"paragraph","content":[{"type":"text","text":"Live site → "},{"type":"text","text":"https://sitelevel.ai/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sitelevel.ai/","target":"_blank"}}]}]}]},"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"17525","resolved":true,"title":"Site Level | AI","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Site-Level is a financial operating system","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The task was to turn their existing desktop designs into a fully functional, responsive multi-page website.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Timeline: 2 weeks","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"DELIVERABLES","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer development"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design system & components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations & interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Development"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile & Tablet Design Adaptation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Code Components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media Optimization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Basic SEO setup"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"OUTCOME","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The outcome is a fully responsive website, with the original desktop designs carefully adapted for tablet and mobile. Custom-coded components were developed where native Framer functionality wasn’t enough, while keeping the website easy for the team to manage and update independently."}]},{"type":"paragraph","content":[{"type":"text","text":"PAGES","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Home, Product Overview, Integrations, AI Agents, Automated Reporting, Multi-Site Settings, About Us, Careers, Contact, Terms of Service, Privacy Policy, 404."}]},{"type":"paragraph","content":[{"type":"text","text":"Live website: ","marks":[{"type":"italic"}]},{"type":"text","text":"https://sitelevel.ai/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sitelevel.ai/","target":"_blank"}}]}]},{"type":"paragraph"}]},"introduction":"","slug":"site-level-ai","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0a4a5-1ce2-740d-89ff-dadfeb74cd45.png","metadata":{"tint":{"h":200,"s":22,"l":28},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/FWcoxIZWF02NV01y9y01Z02i86MWSKdlUz8znhsNI7FxzBI.m3u8","metadata":{"posterUrl":"https://image.mux.com/FWcoxIZWF02NV01y9y01Z02i86MWSKdlUz8znhsNI7FxzBI/thumbnail.webp?time=13.897","aspectRatio":"40:27","duration":15.465444}},{"type":"video","url":"https://stream.mux.com/0002Tmv4oj8PK2SWERjaHpv2FamHyGqxGTAmXAdjf02Nj00.m3u8","metadata":{"posterUrl":"https://image.mux.com/0002Tmv4oj8PK2SWERjaHpv2FamHyGqxGTAmXAdjf02Nj00/thumbnail.webp?time=2.117","aspectRatio":"4:3","duration":4.233333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a1110e-6bd7-7207-ad02-2b868ed8c99a.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-15T10:44:54.094Z","updatedAt":"2026-10-06T12:41:10.795Z","publishedAt":"2026-09-15T10:44:54.092Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://sitelevel.ai/","categories":[{"id":"0539c25a-136d-4f8b-a2e7-342a21b7d607","name":"AI","slug":"ai"},{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T10:44:54.825Z","updatedAt":"2026-09-15T10:44:54.825Z"},{"id":"01a09551-c3be-736e-ae5c-f3ca977d30f5","title":null,"body":"

Website design and development for a private school in New Jersey.

https://drew.school/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Website design and development for a private school in New Jersey."}]},{"type":"paragraph","content":[{"type":"text","text":"https://drew.school/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://drew.school/","target":"_blank"}}]}]}]},"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"17459","resolved":true,"title":"Drew school","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Drew School "},{"type":"text","text":"— private school in New Jersey.","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Website design and Framer development for a private school in New Jersey.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Redesign the website and create a clear, intuitive structure, eliminating repetitive content and helping parents quickly understand what the school offers and encouraging them to learn more."}]},{"type":"paragraph","content":[{"type":"text","text":"Timeline: 2 weeks","marks":[{"type":"italic"}]}]},{"type":"customHeading","content":[{"type":"text","text":"DELIVERABLES"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Redesign"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer development"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design system & components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations & interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Form integration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Basic SEO setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Domain connection"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"OUTCOME"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The outcome is a refreshed, fully responsive website aligned with the school’s brand guidelines, with a clear structure and an easy-to-manage system the team can update independently."}]},{"type":"customHeading","content":[{"type":"text","text":"Pages"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Home, About school, Curriculum, Admissions, Contact, Privacy Policy, 404"}]},{"type":"paragraph","content":[{"type":"text","text":"Live website: ","marks":[{"type":"italic"}]},{"type":"text","text":"https://drew.school/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://drew.school/","target":"_blank"}}]}]}]},"introduction":"","slug":"drew-school","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0955d-6df2-77fa-806a-630bd9ae9612.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/m6mWdkddA6dOjqqo7nwLfx1Blodx7rabwbac01yj9mhk.m3u8","metadata":{"posterUrl":"https://image.mux.com/m6mWdkddA6dOjqqo7nwLfx1Blodx7rabwbac01yj9mhk/thumbnail.webp?time=5.639","aspectRatio":"40:27","duration":24.274244}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a09551-1938-770f-a3f6-596204636969.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a09551-2eda-7257-8fa7-278b0d1e4206.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-12T11:12:38.306Z","updatedAt":"2026-10-06T12:22:33.936Z","publishedAt":"2026-09-12T11:12:38.299Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://drew.school/","categories":[{"id":"4deaf317-a648-4f8b-ae2a-f9a4cf1a35da","name":"Education","slug":"education"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"cb1ce5d0-8749-428e-b0d8-917786928ffd","name":"Personal","slug":"personal"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-12T11:12:38.846Z","updatedAt":"2026-09-12T11:12:38.846Z"},{"id":"01a08159-0e53-7336-ba9d-2ee489c60553","title":null,"body":"

Motion-driven e-commerce template with advanced animations, a customizable 3D component for uploading your own models, and ready for Shopify integration.

https://orbis-pro.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion-driven e-commerce template with advanced animations, a customizable 3D component for uploading your own models, and ready for Shopify integration."}]},{"type":"paragraph","content":[{"type":"text","text":"https://orbis-pro.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://orbis-pro.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"72662","resolved":true,"title":"Orbis","body":"

Orbis is a bold, motion-driven e-commerce template built for product brands that want to stand out.

Featuring immersive animations, interactive 3D, and a conversion-focused product experience, it's designed to make your product feel as good online as it does in real life.

Fully responsive, easy to customize in Framer, and ready for Shopify integration, Orbis gives you everything you need to launch quickly while leaving plenty of room to expand and make it your own.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Orbis is a bold, motion-driven e-commerce template built for product brands that want to stand out.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Featuring immersive animations, interactive 3D, and a conversion-focused product experience, it's designed to make your product feel as good online as it does in real life."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive, easy to customize in Framer, and ready for Shopify integration, Orbis gives you everything you need to launch quickly while leaving plenty of room to expand and make it your own."}]}]},"introduction":"Digital Ecommerce Template","slug":"orbis","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/C5ITWFO00O8otWrzUz2PEu7TLbbDspgu7QxXTA01Xr4U8.m3u8","metadata":{"posterUrl":"https://image.mux.com/C5ITWFO00O8otWrzUz2PEu7TLbbDspgu7QxXTA01Xr4U8/thumbnail.webp?time=1.917","aspectRatio":"4:3","duration":4.6}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a08151-ca6a-7281-bec7-52196f5b3ec4.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a08153-eaf6-74b0-b19d-e9f9556dd9f0.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-08T14:08:10.467Z","updatedAt":"2026-09-08T14:11:52.320Z","publishedAt":"2026-09-08T14:08:10.455Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"39","paymentUrl":"https://584studio.lemonsqueezy.com/checkout/buy/7cc4341d-5caa-4d7a-ac98-fefaa58b6ae5","remixUrl":null,"previewUrl":"https://orbis-pro.framer.website/","categories":[{"id":276,"name":"Digital","slug":"digital"},{"id":11,"name":"Ecommerce","slug":"ecommerce"},{"id":210,"name":"Digital Products","slug":"digital-products"},{"id":211,"name":"Electronics","slug":"electronics"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":11,"name":"Ecommerce","slug":"ecommerce"},"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":25,"name":"Custom Cursors","slug":"custom-cursors"},{"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"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-08T17:24:05.570Z","createdAt":"2026-09-08T14:08:12.371Z","updatedAt":"2026-09-08T17:24:05.570Z"},{"id":"019f4685-9c93-7546-b83b-63511650e48a","title":null,"body":"

Interactive 3D Viewer lets you add real 3D models to Framer without using Lottie, embeds, or external preview links.

If you build something with it, share it on X and tag @584_studio. We'd love to see what you create.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D Viewer lets you add real 3D models to Framer without using Lottie, embeds, or external preview links."}]},{"type":"paragraph","content":[{"type":"text","text":"If you build something with it, share it on X and tag @584_studio. We'd love to see what you create."}]}]},"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ofVjrsBQfTJKvUg4w8qS","resolved":true,"title":"3D Viewer","body":"$55","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Description","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D Viewer lets you add real 3D models to Framer without using Lottie, embeds, or external preview links."}]},{"type":"paragraph","content":[{"type":"text","text":"Upload a GLB or GLTF file directly into the component, just like an image or video, and display it instantly on your site. Perfect for product pages, e-commerce stores, portfolios, landing pages, and interactive showcases."}]},{"type":"paragraph","content":[{"type":"text","text":"You can control the full viewing experience from the Framer properties panel: auto-rotation, camera controls, background color, shadow intensity, exposure, and environment mode."}]},{"type":"customHeading","content":[{"type":"text","text":"Key features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload GLB and GLTF models directly in Framer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external links or embed setup needed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-rotation on/off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Camera controls on/off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shadow intensity control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Exposure control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Neutral or legacy environment mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-width and full-height responsive display"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to use in product pages, hero sections, and interactive showcases"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you build something with it, share it on X and tag @584_studio. It’s a simple way to support our work."}]},{"type":"paragraph"}]},"introduction":"Interactive 3D Viewer","slug":"3d-viewer","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/da1hjzr5","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-09T10:56:28.993Z","updatedAt":"2026-07-09T11:16:30.763Z","publishedAt":"2026-07-09T10:56:28.989Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Interactive3DViewer-nTn47S.js@4q4EPuwYBuI0Yj31mcPU","previewUrl":"https://3dviewer.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"4q4EPuwYBuI0Yj31mcPU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":80,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-09T10:56:29.331Z","updatedAt":"2026-07-09T10:56:29.331Z"},{"id":"019f14f1-efb0-74d3-9646-cd55a642309f","title":null,"body":"

Building navigation for large websites shouldn't be complicated.

We created Multi-Level Navigation Menu for Framer to make complex navigation feel simple.

If you build something with it, share it on X and tag @584_studio. We'd love to see what you create.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Building navigation for large websites shouldn't be complicated."}]},{"type":"paragraph","content":[{"type":"text","text":"We created "},{"type":"text","text":"Multi-Level Navigation Menu","marks":[{"type":"bold"}]},{"type":"text","text":" for Framer to make complex navigation feel simple. "}]},{"type":"paragraph","content":[{"type":"text","text":"If you build something with it, share it on X and tag "},{"type":"text","text":"@584_studio","marks":[{"type":"bold"}]},{"type":"text","text":". We'd love to see what you create."}]}]},"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"zRr2CDAOJWo4Vc9Oot4b","resolved":true,"title":"Multylevel Mega menu","body":"$56","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Multi-Level Mega Menu helps you build advanced website navigation in Framer, fully customizable layouts, responsive behavior, and smooth interactions. Create complex navigation structures without writing a single line of code."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Organize large websites with a clean, intuitive navigation system. Display multiple levels of links, featured content, categories, icons, and CTA buttons inside a flexible mega menu that works seamlessly across desktop and mobile devices."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Everything is controlled directly from the Framer properties panel. Customize navigation labels, links, icons, images, featured cards, colors, typography, spacing, borders, corner radius, backgrounds, hover effects, animations, mobile navigation, breakpoints, and layout settings. No code required."}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Startup websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enterprise websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"AI tools"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Documentation websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Knowledge bases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"E-commerce websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marketing websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium Framer templates"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you build something with Multi-Level Mega Menu, we'd love to see it. Share your project on X and tag "},{"type":"text","text":"@584_studio","marks":[{"type":"bold"}]},{"type":"text","text":", or send it our way."}]}]},"introduction":"Multi-Level Navigation Menu","slug":"multylevel-mega-menu","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/kgv2z01r","metadata":{"tint":{"h":210,"s":18,"l":17},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-29T19:53:47.664Z","updatedAt":"2026-06-29T19:53:47.664Z","publishedAt":"2026-06-29T19:53:47.660Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Mega-menu-component-55hx8E.js@cIqqMKS0JW4cuxDwarBc","previewUrl":"https://multi-level-mega-menu.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"cIqqMKS0JW4cuxDwarBc","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":61,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-29T19:53:47.696Z","updatedAt":"2026-06-29T19:53:47.696Z"},{"id":"019ef547-385c-75fb-9af3-76f37cd20de3","title":null,"body":"

We partnered with the Simply Social team to redesign and rebuild their website following their rebrand, including a full UX restructure, CMS setup and page structure to maintain fast loading speeds and bring all pages into the green performance zone in Google PageSpeed.

https://simplysocial.co/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We partnered with the Simply Social team to redesign and rebuild their website following their rebrand, including a full UX restructure, CMS setup and page structure to maintain fast loading speeds and bring all pages into the green performance zone in Google PageSpeed."}]},{"type":"paragraph","content":[{"type":"text","text":"https://simplysocial.co/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://simplysocial.co/","target":"_blank"}}]}]}]},"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"16470","resolved":true,"title":"Simply Social | SMM","body":"$57","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Simply Social"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Social-first creative agency helping brands show up in culture through strategy, content, influencer work, paid media, and production.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"After a rebrand, Simply Social needed a sharper website with clearer user flow, stronger case study presentation, and better performance for a video-heavy portfolio. The challenge was to migrate from Webflow to Framer and build a site that feels dynamic, showcases their work properly, and still loads fast."}]},{"type":"paragraph","content":[{"type":"text","text":"Timeline: 2 weeks","marks":[{"type":"italic"}]}]},{"type":"customHeading","content":[{"type":"text","text":"DELIVERABLES"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Redesign"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"UX restructuring"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Webflow to Framer migration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer development"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design system & components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations & interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media optimization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance optimization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Basic SEO setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Domain connection"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"OUTCOME"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Full UI/UX redesign aligned with the new brand direction, with a clearer structure, stronger service presentation, and more direct CTAs. Built a flexible CMS system so the team can add and manage case studies independently. Optimized videos, images, animations, and page structure to maintain fast loading speeds and bring all pages into the green performance zone in Google PageSpeed."}]},{"type":"customHeading","content":[{"type":"text","text":"PAGES"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Home, About, Services, Work, Case Study Template, Contact, Privacy Policy, Terms of Service, 404"}]},{"type":"paragraph","content":[{"type":"text","text":"Live website: ","marks":[{"type":"italic"}]},{"type":"text","text":"https://simplysocial.co/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://simplysocial.co/","target":"_blank"}}]}]}]},"introduction":"","slug":"simply-social-smm","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/02SfQIHX1pHBnW65wEvxfAXCHoLUUWAQBE025g00Sw200LM.m3u8","metadata":{"posterUrl":"https://image.mux.com/02SfQIHX1pHBnW65wEvxfAXCHoLUUWAQBE025g00Sw200LM/thumbnail.webp?time=1.034","aspectRatio":"40:27","duration":2.719378}},{"type":"video","url":"https://stream.mux.com/nGHxrIFre02x8WUWhAPYwUGFlg9Z3sEYmEsv23yANWQQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/nGHxrIFre02x8WUWhAPYwUGFlg9Z3sEYmEsv23yANWQQ/thumbnail.webp?time=3.587","aspectRatio":"16:9","duration":5.805789}},{"type":"video","url":"https://stream.mux.com/PfYdpTTQlJNKGpyFh6jUuO02sKTYY8B8kfDChO00xCDo00.m3u8","metadata":{"posterUrl":"https://image.mux.com/PfYdpTTQlJNKGpyFh6jUuO02sKTYY8B8kfDChO00xCDo00/thumbnail.webp?time=1.902","aspectRatio":"16:9","duration":6.306289}},{"type":"video","url":"https://stream.mux.com/sEvI5UKnmYLshGKreIIZgtOukoDlSM02w8pTb01Vbiifk.m3u8","metadata":{"posterUrl":"https://image.mux.com/sEvI5UKnmYLshGKreIIZgtOukoDlSM02w8pTb01Vbiifk/thumbnail.webp?time=2.002","aspectRatio":"16:9","duration":3.186511}}],"post":null,"createdAt":"2026-06-23T16:19:05.887Z","updatedAt":"2026-10-06T12:41:32.728Z","publishedAt":"2026-06-23T16:19:05.884Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://simplysocial.co/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"},{"id":"4e292c6b-a094-4031-be7b-7affa4349187","name":"Agency","slug":"agency"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-06-23T16:21:38.271Z","createdAt":"2026-06-23T16:19:05.948Z","updatedAt":"2026-06-23T16:21:38.271Z"},{"id":"019ef031-9c4f-72de-8931-1dcd15824951","title":null,"body":"

One of our favorite interaction patterns: tying video playback directly to scroll progress.Simple concept. Surprisingly effective.

If you build something with it, share it on X and tag @584_studio. We'd love to see what you create.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One of our favorite interaction patterns: tying video playback directly to scroll progress.Simple concept. Surprisingly effective."}]},{"type":"paragraph","content":[{"type":"text","text":"If you build something with it, share it on X and tag "},{"type":"text","text":"@584_studio","marks":[{"type":"bold"}]},{"type":"text","text":". We'd love to see what you create."}]}]},"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"8mlNN35YMgkZFlfnNZB8","resolved":true,"title":"Scroll Video Play","body":"

Play and rewind on scroll with an interactive scroll video component for Framer.

Sync video playback to scroll position, so visitors can move forward or backward through your video as they scroll.

Perfect for product showcases, visual storytelling, feature demos, timelines, and high-impact landing pages.

Add your own MP4 file or video URL, adjust playback speed and scroll range, and use it inside responsive layouts without writing code.

If you build something with it, share it on X and tag @584_studio. We'd love to see what you create.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Play and rewind on scroll with an interactive scroll video component for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Sync video playback to scroll position, so visitors can move forward or backward through your video as they scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for product showcases, visual storytelling, feature demos, timelines, and high-impact landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Add your own MP4 file or video URL, adjust playback speed and scroll range, and use it inside responsive layouts without writing code."}]},{"type":"paragraph","content":[{"type":"text","text":"If you build something with it, share it on X and tag "},{"type":"text","text":"@584_studio","marks":[{"type":"bold"}]},{"type":"text","text":". We'd love to see what you create."}]}]},"introduction":"Video playback on scroll","slug":"scroll-video-play","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/k4h6nlke","metadata":{"tint":{"h":180,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-22T16:37:23.633Z","updatedAt":"2026-08-28T12:23:08.882Z","publishedAt":"2026-06-22T16:37:23.630Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/ScrollControlledVideo-kFAJkx.js@pj0LyXmLhnp3JusQkDX0","previewUrl":"https://scroll-controlled-video.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"pj0LyXmLhnp3JusQkDX0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":142,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-29T19:56:15.368Z","createdAt":"2026-06-22T16:37:23.663Z","updatedAt":"2026-06-29T19:56:15.368Z"},{"id":"019ee4b3-0766-7524-a0aa-fd0efaf2efe0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"67684","resolved":true,"title":"EraAI","body":"

Era AI is a modern black-and-white Framer template designed for AI startups, SaaS products, and technology companies. Featuring smooth animations, a fully responsive layout, and a high-converting structure, it includes all the essential sections needed to showcase your product, communicate value, and convert visitors into customers.

Ready to launch and easy to customize.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Era AI","marks":[{"type":"bold"}]},{"type":"text","text":" is a modern black-and-white Framer template designed for AI startups, SaaS products, and technology companies. Featuring smooth animations, a fully responsive layout, and a high-converting structure, it includes all the essential sections needed to showcase your product, communicate value, and convert visitors into customers."}]},{"type":"paragraph","content":[{"type":"text","text":"Ready to launch and easy to customize.","marks":[{"type":"bold"}]}]}]},"introduction":"For AI, SaaS & Tech Startups","slug":"eraai","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0a4b9-a6be-7509-95a8-af61c8450f46.png","metadata":{"tint":{"h":180,"s":6,"l":25},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/vsu55sdn","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-20T11:03:18.589Z","updatedAt":"2026-09-15T11:03:17.469Z","publishedAt":"2026-06-20T11:03:18.586Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/dw7sYN7","remixUrl":"https://framer.link/dw7sYN7","previewUrl":"https://era-ai.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":23,"name":"Web3","slug":"web3"},{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":271,"name":"Apps","slug":"apps"},{"id":112,"name":"Technology","slug":"technology"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":109,"name":"Modern","slug":"modern"}],"mainCategory":{"id":270,"name":"Software","slug":"software"},"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":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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":"2026-06-20T11:03:18.631Z","updatedAt":"2026-06-20T11:03:18.631Z"},{"id":"019eb0c3-305b-7b16-a9b8-14d603790a9e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"55706","resolved":true,"title":"MotionXD","body":"

Dynamic Portfolio Website for Creative Teams. A modern, fully functional portfolio website template built for 3D studios, motion design teams, and video production companies — whether you create launch product videos, social media content, commercials, or full-scale productions.

The design is bold, dynamic, and structured for conversion: clear sections guide the visitor through your services, process, portfolio, and pricing, ending with strong calls to action.Clients immediately understand what you offer and what to expect, while being encouraged to get in touch or leave a request.With integrated CMS-powered portfolio projects showcase your work, update case studies, and manage content easily without touching code.

The template is fully customizable and easy to edit — adapt colors, type, and content in minutes to fit your brand and workflow.

","bodyJson":null,"introduction":"3D & Motion Studio Template","slug":"motionxd","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/6aNxQRQOLDOkIEovuv502LB37Y501FlfNdUlaednDcHBE.m3u8","metadata":{"posterUrl":"https://image.mux.com/6aNxQRQOLDOkIEovuv502LB37Y501FlfNdUlaednDcHBE/thumbnail.webp?time=2.017","aspectRatio":"4:3","duration":6.866667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/55706/motionxd-sSFXgfe2nyUUEIRDm7ufpUObij5x2r","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/55706/motionxd-wkk7nBVQXwBoyfwfmRKgjuCgJCDprJ","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/55706/motionxd-4sT0eXOgZ1HaOyA4n9xkLhk0u5dnrH","metadata":{"tint":{"h":16,"s":94,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-12T13:51:18.598Z","updatedAt":"2026-09-22T12:54:54.266Z","publishedAt":"2026-06-10T09:00:42.459Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/MEtjatc","remixUrl":"https://framer.link/MEtjatc","previewUrl":"https://motionxd.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":237,"name":"Marketing","slug":"marketing"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":273,"name":"Design","slug":"design"},{"id":274,"name":"Web","slug":"web-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"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":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":48,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-10T09:00:42.459Z","updatedAt":"2026-06-10T09:00:42.459Z"},{"id":"019e1bb5-6f76-7786-b733-e125b65cc342","title":null,"body":"

Creating a refined portfolio website for Moxey, a UK-based luxury residential design and construction company.

https://www.moxey.co.uk/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Creating a refined portfolio website for Moxey, a UK-based luxury residential design and construction company."}]},{"type":"paragraph","content":[{"type":"text","text":"https://www.moxey.co.uk/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.moxey.co.uk/","target":"_blank"}}]}]}]},"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"15465","resolved":true,"title":"Moxey | Architecture","body":"

Moxey is a UK-based luxury residential design and construction firm.

The goal was to create a refined portfolio website that showcases Moxy’s work through a clear structure and high-end visual presentation.

Timeline: 7 days

DELIVERABLES

Redesign
Framer development
Design system & components
Animations & interactions
CMS setup
Responsive layout
Basic SEO setup
Domain connection

OUTCOME

A minimal, image-driven website with a structured project portfolio and CMS system designed to showcase residential work clearly while allowing to easily manage and add new projects.

Pages

Home, About us, Our services, Portfolio, Project, Blog, Inquiries, 404

Live website: https://www.moxey.co.uk/

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Moxey is a UK-based "},{"type":"text","text":"luxury residential design and construction firm.","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The goal was to create a refined portfolio website that showcases Moxy’s work through a clear structure and high-end visual presentation."}]},{"type":"paragraph","content":[{"type":"text","text":"Timeline: 7 days","marks":[{"type":"italic"}]}]},{"type":"customHeading","content":[{"type":"text","text":"DELIVERABLES"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Redesign"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer development"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design system & components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations & interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Basic SEO setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Domain connection"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"OUTCOME"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A minimal, image-driven website with a structured project portfolio and CMS system designed to showcase residential work clearly while allowing to easily manage and add new projects."}]},{"type":"customHeading","content":[{"type":"text","text":"Pages"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Home, About us, Our services, Portfolio, Project, Blog, Inquiries, 404"}]},{"type":"paragraph","content":[{"type":"text","text":"Live website: ","marks":[{"type":"italic"}]},{"type":"text","text":"https://www.moxey.co.uk/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.moxey.co.uk/","target":"_blank"}}]}]}]},"introduction":"Website for a UK-based architecture and construction studio. Project-focused structure with CMS integration, responsive layouts, and a editorial-style presentation.","slug":"moxey-architecture","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/15465/thumbnail-PMvY8IQGlJz4E1U1pNNk7VvXnviULE.jpg","metadata":{"tint":{"h":0,"s":8,"l":31},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a11134-abed-739b-be12-2d9df1791e31.png","metadata":{"tint":{"h":30,"s":18,"l":17},"width":2880,"height":2142}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a11134-cf30-7399-8b0b-691bb4c1588a.png","metadata":{"tint":{"h":30,"s":18,"l":17},"width":2880,"height":2142}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a11134-bac3-763a-864d-ffdd53500a92.png","metadata":{"tint":{"h":30,"s":18,"l":17},"width":2880,"height":2142}}],"post":null,"createdAt":"2026-05-12T10:22:15.955Z","updatedAt":"2026-10-06T12:40:28.820Z","publishedAt":"2026-05-12T10:22:15.926Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.moxey.co.uk/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"},{"id":"b3738841-4fce-4e5d-af4b-034ff1decdba","name":"Real Estate","slug":"real-estate"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-06T12:40:29.748Z","createdAt":"2026-05-12T10:22:15.926Z","updatedAt":"2026-10-06T12:40:29.748Z"},{"id":"019e1bad-e7e7-78cd-b5c2-e9b8d262e03c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"15463","resolved":true,"title":"Cevver | AI SaaS Website","body":null,"bodyJson":null,"introduction":"Website for an AI-powered content and automation platform. Custom development with modern UI, responsive structure, and conversion-focused sections.","slug":"cevver-ai-saas-website","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/15463/thumbnail-r32nUQj1RxXAPgmvFS4ENZ0lxVAbfF.jpg","metadata":{"tint":{"h":5,"s":81,"l":27},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-12T10:14:02.498Z","updatedAt":"2026-05-12T10:14:02.498Z","publishedAt":"2026-05-12T10:14:02.471Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://cevver.com/","categories":[{"id":"0539c25a-136d-4f8b-a2e7-342a21b7d607","name":"AI","slug":"ai"},{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-12T10:14:02.471Z","updatedAt":"2026-05-12T10:14:02.471Z"},{"id":"019e1ba8-f215-7e63-93ec-ca9a1dcb378f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"15462","resolved":true,"title":"RealPeep | SaaS Landing page","body":null,"bodyJson":null,"introduction":"Landing page for a real estate platform. Designed and developed with custom interactions, responsive build, and product-focused sections.","slug":"realpeep-saas-landing-page","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/15462/thumbnail-4T3MGrpY9Z0zzUbX3er3HD3UlbQHZk.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-12T10:08:37.420Z","updatedAt":"2026-05-12T10:34:15.205Z","publishedAt":"2026-05-12T10:08:37.397Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://getrealpeep.com/","categories":[{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"},{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-12T10:08:37.397Z","updatedAt":"2026-05-12T10:08:37.397Z"},{"id":"019e1b99-d6a0-7b23-8f77-0fcc04ebecb3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"15459","resolved":true,"title":"Yellow Jelly | Portfolio website","body":null,"bodyJson":null,"introduction":"Portfolio website for a high-end retouching studio working\r\nwith global fashion and commercial brands.","slug":"yellow-jelly-portfolio-website","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/15459/thumbnail-gAhduP7CeTRm9e7UBiHIqrWzj8zlRv.jpg","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-12T09:52:07.352Z","updatedAt":"2026-05-12T09:52:07.352Z","publishedAt":"2026-05-12T09:52:07.328Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://yellojellystudioo.com/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"}],"mainCategory":null,"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-05-12T09:52:07.328Z","updatedAt":"2026-05-12T09:52:07.328Z"},{"id":"019e1152-76f4-793b-8514-9c96d6ddbe49","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"15414","resolved":true,"title":"Hidden Jam | Travel Brand Website","body":null,"bodyJson":null,"introduction":"Cinematic website for an adventure agency organizing curated experiences around the world. Custom animations, immersive transitions, and fully responsive development.","slug":"hidden-jam-travel-brand-website","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/15414/thumbnail-bBYi9c4UwCv5UGa8QBvVRXdrETb40I.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-10T09:57:57.639Z","updatedAt":"2026-05-12T10:25:38.896Z","publishedAt":"2026-05-10T09:57:57.620Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://hiddenjam.co/","categories":[{"id":"4256b748-1be0-4162-aa02-cb9346d9f63f","name":"Travel","slug":"travel"}],"mainCategory":null,"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-05-10T09:57:57.620Z","updatedAt":"2026-05-10T09:57:57.620Z"},{"id":"019928ed-bf35-7202-8ea7-546410d56275","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ShkgZmWc8S6b4SXFdo92","resolved":true,"title":"ScheduleDisplay","body":"

Real-time Schedule DisplayShow if your business is open or closed in real time.• Set your timezone • Display full schedule or just status• Next opening day/time preview when closed• Custom messages (e.g. “Opening soon”, “Temporarily closed”)• 24h / AM-PM format• Fully customizable fonts and styles

Perfect for cafés, studios, and any business that wants clear, dynamic opening hours.

","bodyJson":null,"introduction":"","slug":"scheduledisplay","author":{"framerUserId":"072367a8-16c3-4b27-80c7-1f881eb926fd","name":"584.studio","slug":"584studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ShkgZmWc8S6b4SXFdo92/scheduledisplay-r8Bh6oH52CQP7Fl1DuEdIfGLBggAs6","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-25T18:54:56.591Z","updatedAt":"2025-09-08T10:40:03.519Z","publishedAt":"2025-09-08T10:44:53.685Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/ScheduleDisplay-OqsA.js@ePHpQvqQ5ZLE8DAbNwZa","previewUrl":"https://scheduledisplay.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ePHpQvqQ5ZLE8DAbNwZa","tags":[]}}],"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":"2025-09-08T10:44:53.685Z","updatedAt":"2025-09-08T10:44:53.685Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L58"}]