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

Mioalem is a premium Framer template for creative agencies, design studios, and elite freelancers looking to command higher rates and win high ticket clients. Built with editorial elegance, fluid micro interactions, and conversion focused layouts to present your work with maximum authority without writing code.

Why Choose Mioalem?

Conversion Driven Layouts Crafted to turn site visitors and case study readers into active project inquiries.
High Impact Case Studies Editorial CMS layouts built to showcase your design process, project metrics, and visual deliverables.
Built In Credibility Dedicated components for client testimonials, award badges, and key performance stats.
Fluid Micro Interactions Refined scroll animations and hover states that give your site a custom, high end feel.
Fast & Scalable Fully responsive, optimized for SEO and speed, with global styles for effortless customization.

10+ Ready to Use Pages

Home Page
About Page
Projects Index [CMS]
Project Detail [CMS]
Blog Index [CMS]
Blog Detail [CMS]
Contact Page
404 Page
Terms of Service [CMS]
Privacy Policy [CMS]

Perfect For

Creative Agencies & Design Studios
UI UX & Digital Product Designers
Branding Specialists & Art Directors
Motion & Graphic Designers
Marketing & Content Agencies
Elite Freelancers & Independent Consultants

Position your creative practice at the highest tier. Build an iconic online presence, showcase your best work with editorial elegance, and win your next dream client with mioalem.

53:T614,

Designed with a clean, minimal concept, the left side image changes instantly and dynamically as users hover over each service giving your content a clear visual hierarchy without cluttering your layout.

Features & Customization

Images: Swap the left-side images to match each service.
Custom Numbering: Use sleek numbers (01, 02, 03) or icons.
Text & Typography: Easily edit titles, descriptions, and font sizes.
Colors: Full control over text, backgrounds, and hover states.
Layout & Spacing: Fine-tune internal padding for a perfect fit.
Interactions: Pre-configured fluid hover and micro-interactions.
Fully Responsive: Looks stunning on Desktop, Tablet, and Mobile.
Zero Code: Just copy, paste, and customize in minutes.

How to Use

Add the Component: Simply add the component directly to your layout.
Customize Spacing: You can use the built-in padding properties inside the component to adjust the spacing right away.
Pro-Tip (Optional): While the component works perfectly on its own, placing it inside a container wrapper gives you even more precise control over the outer margins and layout alignment.

54:T61f,

Static testimonials are boring. This section uses fluid, seamless motion to turn static reviews into a dynamic experience. Highly customizable and built for modern web standards, it’s ready to drop into any project.

Customization

Background Color: Easily change the overall background color.

Title: Customize the center text, including font type, color, size, line height, and more.

Testimonial Cards:

Add or remove cards from the list as needed.
Fully customize the content inside each card.
Change card background colors individually for a unique look.
Adjust card borders and border radius.

Card Content & Styling:

Quotes Icon: Use default icons or upload your own.
Star Ratings: Adjust the number of stars for each client.
Client Info: Edit the client’s comment, name, job/role, and photo.
Typography & Colors: Fine tune the font type, size, line height, and font colors for comments, names, and roles to match your style.

Use Cases

Launching SaaS & products
Showcasing agency & freelancer portfolios
Scaling e-commerce storefronts
Selling courses & memberships
Promoting events & conferences

55:T4fa,

Transform your team section with a highly polished, ultra minimalist card. Fluid hover states and premium background blur effortlessly reveal essential bios for a flawless user experience.

Elevate your team showcase section with this elegant and minimalist component. Fluid hover interactions seamlessly reveal member details without ever leaving the page. Enjoy total design control from premium background blur to mobile layouts with zero coding required.

Customization

Easily update profile photos, names, roles, and full bio descriptions.
Adjust the background blur and rounded corners for the perfect minimalist look.
Built-in slots for 3 custom social media links, show or hide them as needed, and customize the links.
Built-in responsive variants ensure your team directory looks incredibly sharp on both desktop and mobile devices.

Why Choose This Component?

Seamless customization and top-tier performance using only built-in Framer properties.
Clean and perfectly organized profile data for maximum readability.
Flawlessly smooth, interactive hover transitions.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-9d7ecef3-640b-49b0-b3b9-dc3405b85d0a-all:/unified/creator/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/activity/":[{"data":[{"id":"01a0ce98-410e-7109-94a4-98ae8a2f0a83","type":"creator.followed","target":{"type":"creator","id":"64ff1a0a-b412-40e2-a472-37b1f9141c95","preview":"Elliot Li","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ff1a0a-b412-40e2-a472-37b1f9141c95/2m5fauql","slug":"elliotli","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T02:43:59.046Z","latestAt":"2026-10-05T02:43:59.046Z"},{"id":"01a0ce96-c664-7796-a035-083e8bd59345","type":"template.created","target":{"type":"template","id":"73696","preview":"Mioalem","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/01a0ce95-9a15-75a3-bc88-d7609b6653e3.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-23T14:06:22.820Z","latestAt":"2026-09-23T14:06:22.820Z"},{"id":"01a0cc8e-052c-7717-8876-aba52a1ba3b9","type":"creator.followed","target":{"type":"creator","id":"e7d1c8f1-e3f1-4d46-949b-7866d26de465","preview":"Dhiraj Ingle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e7d1c8f1-e3f1-4d46-949b-7866d26de465/w98sm0ai","slug":"dhirajingle","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-23T04:37:34.629Z","latestAt":"2026-09-23T04:37:34.629Z"},{"id":"01a0aabf-3a27-779d-bfbe-cb774bf63a08","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T15:04:14.114Z","latestAt":"2026-09-16T15:04:14.114Z"},{"id":"01a09e86-dfa0-7491-af34-a1a3d4fd1a22","type":"creator.followed","target":{"type":"creator","id":"e5bbe430-5a5a-4ce0-93d3-8bc3821f0a13","preview":"Hasin Raihan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5bbe430-5a5a-4ce0-93d3-8bc3821f0a13/roxf2ggb","slug":"hasin-raihan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T06:07:14.332Z","latestAt":"2026-09-14T06:07:14.332Z"},{"id":"01a09e86-b633-7239-a1f6-32c4a0fb01a1","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T06:07:03.727Z","latestAt":"2026-09-14T06:07:03.727Z"},{"id":"01a07ef6-dd77-727d-8d66-bc554e85ae99","type":"creator.followed","target":{"type":"creator","id":"ca95ebc8-3766-47c2-bf22-6494bfa6d304","preview":"Mostafa Eladawy","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ca95ebc8-3766-47c2-bf22-6494bfa6d304/bzvx4lyn","slug":"mostafa-eladawy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-08T03:01:42.899Z","latestAt":"2026-09-08T03:01:42.899Z"},{"id":"01a07ef6-d727-74f9-962d-cab0845e5f49","type":"creator.followed","target":{"type":"creator","id":"09bc3e24-752b-4a1b-97c2-ab8d755f63b8","preview":"Tauhid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09bc3e24-752b-4a1b-97c2-ab8d755f63b8/4taurhlo","slug":"tauhiduiux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-08T03:01:41.281Z","latestAt":"2026-09-08T03:01:41.281Z"},{"id":"01a0729a-bf8f-7054-8ff6-135ea8c8fcfa","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/1j68mb2i","slug":"design-with-farhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-05T17:25:39.339Z","latestAt":"2026-09-05T17:25:39.339Z"},{"id":"01a06003-431c-719e-9b3c-008f130cab09","type":"creator.followed","target":{"type":"creator","id":"0ac7e3f3-07ae-4002-b2e2-3b74e0c883d5","preview":"Vestiaire Collective","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ac7e3f3-07ae-4002-b2e2-3b74e0c883d5/ld74zxwm","slug":"vestiaire-collective","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T02:47:01.657Z","latestAt":"2026-09-02T02:47:01.657Z"},{"id":"01a05ac2-9b56-70aa-a63c-aa5580822abf","type":"creator.followed","target":{"type":"creator","id":"3c0f575b-83c6-41c2-b869-3ae4996ddfa9","preview":"Pixel void","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c0f575b-83c6-41c2-b869-3ae4996ddfa9/bil2lyvb","slug":"pixel-void-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-01T02:18:18.321Z","latestAt":"2026-09-01T02:18:18.321Z"},{"id":"01a03d0b-9616-71c3-b7a9-429b222cefe9","type":"creator.followed","target":{"type":"creator","id":"d4dce4ef-b051-4b63-99b4-56b3f6a517a5","preview":"Nexwoa","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4dce4ef-b051-4b63-99b4-56b3f6a517a5/gwkohty6","slug":"nexwoa","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T07:49:24.626Z","latestAt":"2026-08-26T07:49:24.626Z"},{"id":"01a00389-154d-7592-be9b-a3eb07227f49","type":"plugin.liked","target":{"type":"plugin","id":"1308","preview":"Patterns & noise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a2eef493-fdfc-4cfb-8eaa-2d5db1312bb0/019f5559-2579-725c-9e2c-db509bdf2c1d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-15T03:48:30.664Z","latestAt":"2026-08-15T03:48:30.664Z"},{"id":"019fd683-beeb-729c-9cbf-5ad8343ea8d5","type":"creator.followed","target":{"type":"creator","id":"db7a6821-a4ec-45fb-88fc-f791fbb3c977","preview":"Elemis Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db7a6821-a4ec-45fb-88fc-f791fbb3c977/vkpu3qsq","slug":"elemis-themes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T09:59:46.151Z","latestAt":"2026-08-06T09:59:46.151Z"},{"id":"019fc659-32a0-75db-99d4-1c946bf00170","type":"post.liked","target":{"type":"post","id":"019fc31e-b6fa-74bf-8ea2-7fdbf1cad7b7","preview":"Stop Using Pure Black in Every Design.\nHere are my favorite alternatives👇\n🌑 Charcoal Gray — #121212\n🌌 Oxford Blue — #212A37\n🌃 Dark Gray — #212427","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stop Using Pure Black in Every Design.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Here are my favorite alternatives"},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"new_moon","emoji":"🌑"}},{"type":"text","text":" Charcoal Gray — "},{"type":"text","text":"#121212","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"milky_way","emoji":"🌌"}},{"type":"text","text":" Oxford Blue — "},{"type":"text","text":"#212A37","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"night_with_stars","emoji":"🌃"}},{"type":"text","text":" Dark Gray — "},{"type":"text","text":"#212427","marks":[{"type":"bold"}]},{"type":"text","text":" "}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/68275925-31d1-4970-96c7-cf663fd12ff6/019fc31e-9579-708e-89d4-2292954616ea.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019fc31e-b6fa-74bf-8ea2-7fdbf1cad7b7","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":3,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T06:39:22.268Z","latestAt":"2026-08-03T06:39:22.268Z"},{"id":"019fc619-ffa0-77ea-869b-d9e484bcbc4a","type":"post.liked","target":{"type":"post","id":"019ed6ba-5a1a-7599-b7a3-11fbb1ca6cc8","preview":"Buttons","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Buttons","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/76e1b1f3-2304-4c08-9f9c-c91d295588c0/ibrgsalc","targetDeleted":false,"owned":false,"actions":{"postId":"019ed6ba-5a1a-7599-b7a3-11fbb1ca6cc8","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T05:30:20.436Z","latestAt":"2026-08-03T05:30:20.436Z"},{"id":"019fc619-d45e-76fa-9744-be440a865ffd","type":"creator.followed","target":{"type":"creator","id":"76e1b1f3-2304-4c08-9f9c-c91d295588c0","preview":"Kasper","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/451380/avatar-dhAJEoq6bBGvfbQxrrBk8Lv2pe7HR9.jpg","slug":"kasper","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T05:30:09.370Z","latestAt":"2026-08-03T05:30:09.370Z"},{"id":"019fb3d5-a405-73ba-ad98-570c65416cf7","type":"creator.followed","target":{"type":"creator","id":"2186e148-007b-4fa6-bc15-fd97d4b1b61b","preview":"Aux Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2186e148-007b-4fa6-bc15-fd97d4b1b61b/qb7ur5l5","slug":"auxstudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T16:22:30.657Z","latestAt":"2026-07-30T16:22:30.657Z"},{"id":"019facf9-d2ad-747b-9afb-0e4b91f28e87","type":"creator.followed","target":{"type":"creator","id":"145266b7-4a55-4a3b-80a1-ecffbd4346ee","preview":"Aathif Thajudeen","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1014411/avatar-3hhQ5xrvrHyPqcZW2PL4D8an7mFCGm.jpg","slug":"aathif-thajudeen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T08:24:41.386Z","latestAt":"2026-07-29T08:24:41.386Z"},{"id":"019fac28-eb4d-72ed-b0f2-1c106add4908","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","slug":"septianto","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T04:36:30.651Z","latestAt":"2026-07-29T04:36:30.651Z"}],"pagination":{"next":"MjAyNi0wNy0yOVQwNDozNjozMC42NTFafDAxOWZhYzI4LWViNGQtNzJlZC1iMGYyLTFjMTA2YWRkNDkwOA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:9d7ecef3-640b-49b0-b3b9-dc3405b85d0a:/unified/posts/?creator=9d7ecef3-640b-49b0-b3b9-dc3405b85d0a&with=reposts":[{"data":[{"id":"01a0dd14-31e9-77fa-bdb7-8e304d6340af","title":null,"body":"

I just launched my 2nd Framer template.

Mioalem is a premium template for creative agencies, design studios, and elite freelancers looking to command higher rates and win high ticket clients. Built with editorial elegance, fluid micro interactions, and conversion focused layouts to present your work.

free for a limited time:

https://framer.link/nP1DTIw

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I just launched my 2nd Framer template."}]},{"type":"paragraph","content":[{"type":"text","text":"Mioalem is a premium template for creative agencies, design studios, and elite freelancers looking to command higher rates and win high ticket clients. Built with editorial elegance, fluid micro interactions, and conversion focused layouts to present your work."}]},{"type":"paragraph","content":[{"type":"text","text":"free for a limited time: "}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/nP1DTIw","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/nP1DTIw","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/ywnZ1wZJ02lpHwxS7lXOGs1sup8dIKOXtVa300TYSd7sM.m3u8","metadata":{"posterUrl":"https://image.mux.com/ywnZ1wZJ02lpHwxS7lXOGs1sup8dIKOXtVa300TYSd7sM/thumbnail.webp?time=16.954","aspectRatio":"4:3","duration":27.533333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-26T09:38:03.373Z","updatedAt":"2026-09-26T09:38:03.373Z"},{"id":"01a0ce96-c3fd-70c8-b307-7ff4a30cf2fb","title":null,"body":"

I just launched my 2nd Framer template 🔥

designed with a single focus, helping studios and freelancers communicate their true worth.

Free for a limited time. Remix yours now

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I just launched my 2nd Framer template "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"designed with a single focus, helping studios and freelancers communicate their true worth."}]},{"type":"paragraph","content":[{"type":"text","text":"Free for a limited time. Remix yours now"}]}]},"author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73696","resolved":true,"title":"Mioalem","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mioalem is a premium Framer template for creative agencies, design studios, and elite freelancers looking to command higher rates and win high ticket clients. Built with editorial elegance, fluid micro interactions, and conversion focused layouts to present your work with maximum authority without writing code."}]},{"type":"customHeading","content":[{"type":"text","text":"Why Choose Mioalem?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Conversion Driven Layouts","marks":[{"type":"bold"}]},{"type":"text","text":" Crafted to turn site visitors and case study readers into active project inquiries."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High Impact Case Studies","marks":[{"type":"bold"}]},{"type":"text","text":" Editorial CMS layouts built to showcase your design process, project metrics, and visual deliverables."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built In Credibility","marks":[{"type":"bold"}]},{"type":"text","text":" Dedicated components for client testimonials, award badges, and key performance stats."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Micro Interactions","marks":[{"type":"bold"}]},{"type":"text","text":" Refined scroll animations and hover states that give your site a custom, high end feel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fast & Scalable","marks":[{"type":"bold"}]},{"type":"text","text":" Fully responsive, optimized for SEO and speed, with global styles for effortless customization."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"10+ Ready to Use Pages","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home Page","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About Page","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Projects Index [CMS]","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project Detail [CMS]","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog Index [CMS]","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog Detail [CMS]","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact Page","marks":[{"type":"bold"}]},{"type":"text","text":" "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404 Page","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Terms of Service [CMS]","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy Policy [CMS]","marks":[{"type":"bold"}]}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative Agencies & Design Studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"UI UX & Digital Product Designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Branding Specialists & Art Directors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion & Graphic Designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marketing & Content Agencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elite Freelancers & Independent Consultants"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Position your creative practice at the highest tier. Build an iconic online presence, showcase your best work with editorial elegance, and win your next dream client with mioalem.","marks":[{"type":"italic"}]}]}]},"introduction":"Creative Portfolio & Agency","slug":"mioalem","author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/01a0ce95-9a15-75a3-bc88-d7609b6653e3.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/01a0ce95-9bdd-775e-b4df-23e8ccfe8636.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/01a0ce95-9af9-749f-a3ac-dda4c22d92b4.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/01a0ce95-9a0a-76ec-a5fb-571d6cb2ad52.png","metadata":{"tint":{"h":30,"s":18,"l":17},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-23T14:06:21.528Z","updatedAt":"2026-09-24T04:36:48.392Z","publishedAt":"2026-09-23T14:06:21.525Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/nP1DTIw","remixUrl":"https://framer.link/nP1DTIw","previewUrl":"https://mioalem.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":276,"name":"Digital","slug":"digital"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":273,"name":"Design","slug":"design"},{"id":112,"name":"Technology","slug":"technology"},{"id":221,"name":"Graphic Design","slug":"graphic-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"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":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-24T05:10:34.301Z","createdAt":"2026-09-23T14:06:22.205Z","updatedAt":"2026-09-24T05:10:34.301Z"},{"id":"01a05ac7-5142-76d2-b6fe-0003cf7bb5c2","title":null,"body":"

Built a service card component using progressive disclosure, Micro interactions that actually serve a purpose 👇

https://framer.link/OjVa89y

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a service card component using progressive disclosure, Micro interactions that actually serve a purpose "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/OjVa89y","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/OjVa89y","target":"_blank"}}]}]}]},"author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/01a05ac3-fdbe-7358-94bb-d62c779fc72b.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":900}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-01T02:23:27.045Z","updatedAt":"2026-09-01T02:23:27.045Z"},{"id":"019f2167-0247-715f-b069-fd2c8a8528a7","title":null,"body":"

The Services section component is officially finished! 🚀

It’s ready to be copied and pasted straight into your project.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Services section component is officially finished! "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"It’s ready to be copied and pasted straight into your project."}]}]},"author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OTP6K2LjWezSTteIP4p0","resolved":true,"title":"Services Hover Pro","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed with a clean, minimal concept, the left side image changes instantly and dynamically as users hover over each service giving your content a clear visual hierarchy without cluttering your layout."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Features & Customization","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images:","marks":[{"type":"bold"}]},{"type":"text","text":" Swap the left-side images to match each service."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Numbering:","marks":[{"type":"bold"}]},{"type":"text","text":" Use sleek numbers (01, 02, 03) or icons."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text & Typography:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily edit titles, descriptions, and font sizes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colors:","marks":[{"type":"bold"}]},{"type":"text","text":" Full control over text, backgrounds, and hover states."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout & Spacing:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine-tune internal padding for a perfect fit."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactions:","marks":[{"type":"bold"}]},{"type":"text","text":" Pre-configured fluid hover and micro-interactions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Looks stunning on Desktop, Tablet, and Mobile."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero Code:","marks":[{"type":"bold"}]},{"type":"text","text":" Just copy, paste, and customize in minutes."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add the Component:","marks":[{"type":"bold"}]},{"type":"text","text":" Simply add the component directly to your layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize Spacing:","marks":[{"type":"bold"}]},{"type":"text","text":" You can use the built-in padding properties inside the component to adjust the spacing right away."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pro-Tip (Optional):","marks":[{"type":"bold"}]},{"type":"text","text":" While the component works perfectly on its own, placing it inside a container wrapper gives you even more precise control over the outer margins and layout alignment."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Premium Services Section Component","slug":"services-hover-pro","author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/od43zy24","metadata":{"tint":{"h":240,"s":36,"l":17},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-02T05:57:06.721Z","updatedAt":"2026-09-15T03:35:19.495Z","publishedAt":"2026-07-02T05:57:06.718Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Services-List-yYUSP6.js@imZyRU6WnYZTOcLeOowM","previewUrl":"https://servicecomponent-ngguyu.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"imZyRU6WnYZTOcLeOowM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":36,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T05:57:06.759Z","updatedAt":"2026-07-02T05:57:06.759Z"},{"id":"019f1169-c854-760a-89f2-c49ce46a3852","title":null,"body":"

Finished building this smooth scrolling testimonial section code component, I made this animated scroll component to make social proof a bit more fun to look at.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Finished building this smooth scrolling testimonial section code component, I made this animated scroll component to make social proof a bit more fun to look at. "}]}]},"author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/65qx00JDAA8HHBZ6abWSLDieYwKbSTnHl7SJZFfH9D0100.m3u8","metadata":{"posterUrl":"https://image.mux.com/65qx00JDAA8HHBZ6abWSLDieYwKbSTnHl7SJZFfH9D0100/thumbnail.webp?time=1.91","aspectRatio":"160:79","duration":6.366667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-29T03:26:13.080Z","updatedAt":"2026-06-29T03:26:13.080Z"},{"id":"019f045c-48cc-702a-9c42-9755845d92fd","title":null,"body":"

I built this animated scroll testimonials section.

It’s ready to drop into any project.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I built this animated scroll testimonials section."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s ready to drop into any project."}]}]},"author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8Gat0yeP1Gyr9PTyludP","resolved":true,"title":"Scroll Social Proof","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Static testimonials are boring. This section uses fluid, seamless motion to turn static reviews into a dynamic experience. Highly customizable and built for modern web standards, it’s ready to drop into any project."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Background Color:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily change the overall background color."}]},{"type":"paragraph","content":[{"type":"text","text":"Title:","marks":[{"type":"bold"}]},{"type":"text","text":" Customize the center text, including font type, color, size, line height, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Testimonial Cards:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add or remove cards from the list as needed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customize the content inside each card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change card background colors individually for a unique look."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust card borders and border radius."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Card Content & Styling:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Quotes Icon:","marks":[{"type":"bold"}]},{"type":"text","text":" Use default icons or upload your own."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Star Ratings:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the number of stars for each client."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Client Info:","marks":[{"type":"bold"}]},{"type":"text","text":" Edit the client’s comment, name, job/role, and photo."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography & Colors:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine tune the font type, size, line height, and font colors for comments, names, and roles to match your style."}]},{"type":"paragraph"},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Launching SaaS & products"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcasing agency & freelancer portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scaling e-commerce storefronts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Selling courses & memberships"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Promoting events & conferences"}]}]}]}]},"introduction":"Premium Section Component","slug":"scroll-social-proof","author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/ptucgkd6","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-26T14:36:24.618Z","updatedAt":"2026-06-29T14:56:39.802Z","publishedAt":"2026-06-26T14:36:24.615Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://testimonial-ngguyu.framer.website","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_6REWfur7DXYCzc0wQAs1qKHgfnmDxQNqtpu852GiKJg","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"JzMxSQI4jWDST9nzsbjp","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-27T13:41:09.909Z","createdAt":"2026-06-26T14:36:24.652Z","updatedAt":"2026-06-27T13:41:09.909Z"},{"id":"019ed1e0-21ba-7679-bb99-782be0a09203","title":null,"body":"

Team Card Hover - Interactive Team Card with Glassmorphic

Elevate your team page with this sleek, minimalist component! ✨ Duplicate it for free 🔥

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Team Card Hover - Interactive Team Card with Glassmorphic"}]},{"type":"paragraph","content":[{"type":"text","text":"Elevate your team page with this sleek, minimalist component! "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Duplicate it for free "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[],"resources":[{"id":"698NhZGxw590cRqugmgy","resolved":true,"title":"Team Card Hover","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform your team section with a highly polished, ultra minimalist card. Fluid hover states and premium background blur effortlessly reveal essential bios for a flawless user experience.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Elevate your team showcase section with this elegant and minimalist component. Fluid hover interactions seamlessly reveal member details without ever leaving the page. Enjoy total design control from premium background blur to mobile layouts with zero coding required."}]},{"type":"customHeading","content":[{"type":"text","text":"Customization","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easily update profile photos, names, roles, and full bio descriptions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the background blur and rounded corners for the perfect minimalist look."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in slots for 3 custom social media links, show or hide them as needed, and customize the links."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in responsive variants ensure your team directory looks incredibly sharp on both desktop and mobile devices."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why Choose This Component?","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seamless customization and top-tier performance using only built-in Framer properties."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean and perfectly organized profile data for maximum readability."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flawlessly smooth, interactive hover transitions."}]}]}]}]},"introduction":"Interactive Team Card","slug":"team-card-hover","author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/1211coml","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T19:19:47.334Z","updatedAt":"2026-06-17T04:31:19.719Z","publishedAt":"2026-06-16T19:19:47.330Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Team-Card-Hover-lWJtiX.js@AOWJhU2lrnIIjBzEm8pt","previewUrl":"https://teamcard-ngguyu.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"AOWJhU2lrnIIjBzEm8pt","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":47,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-17T04:31:20.394Z","createdAt":"2026-06-16T19:19:47.386Z","updatedAt":"2026-06-17T04:31:20.394Z"},{"id":"019ed1d5-e8b3-756a-a00d-7005ac4dcf3d","title":null,"body":"

I just launched my very first template! It’s designed with a clean, minimal concept to keep your agency organized.

Feel free to clone it, it’s completely free

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I just launched my very first template! It’s designed with a clean, minimal concept to keep your agency organized."}]},{"type":"paragraph","content":[{"type":"text","text":"Feel free to clone it, it’s completely free"}]}]},"author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[],"resources":[{"id":"66551","resolved":true,"title":"Tankocap","body":"

Tankocap is a premium website template built for digital design agencies, creative studios, and freelancers. Made to position your business as a trusted digital partner, this template focuses on clean aesthetics, easy navigation, and making a great first impression.

It combines a beautiful minimalist look with a fully responsive layout, so your website looks perfect on both mobile and desktop.

Why Choose Tankocap?

Minimalist Design: Clean colors that make stand out.
Easy Navigation: Smooth and simple browsing for your clients.
Fully Responsive: Works perfectly on phones, tablets, and computers.
100% Customizable: Simple to edit and launch in minutes. No coding skills needed.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tankocap is a premium website template","marks":[{"type":"bold"}]},{"type":"text","text":" built for digital design agencies, creative studios, and freelancers. Made to position your business as a trusted digital partner, this template focuses on clean aesthetics, easy navigation, and making a great first impression."}]},{"type":"paragraph","content":[{"type":"text","text":"It combines a beautiful minimalist look with a fully responsive layout, so your website looks perfect on both mobile and desktop."}]},{"type":"customHeading","content":[{"type":"text","text":"Why Choose Tankocap?","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Minimalist Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Clean colors that make stand out."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy Navigation:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth and simple browsing for your clients."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Works perfectly on phones, tablets, and computers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Simple to edit and launch in minutes. No coding skills needed."}]}]}]}]},"introduction":"Business & Creative Agency","slug":"tankocap","author":{"framerUserId":"9d7ecef3-640b-49b0-b3b9-dc3405b85d0a","name":"Septianto","slug":"septianto","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yikk1j60","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yeiwarzl","metadata":{"tint":{"h":180,"s":17,"l":19},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/yd6173et","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/vljlem1a","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9d7ecef3-640b-49b0-b3b9-dc3405b85d0a/7bn8bqw3","metadata":{"tint":{"h":17,"s":94,"l":27},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-06-16T19:08:37.362Z","updatedAt":"2026-06-16T19:08:37.362Z","publishedAt":"2026-06-16T19:08:37.358Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/ZziohIF","remixUrl":"https://framer.link/ZziohIF","previewUrl":"https://tankocap.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":237,"name":"Marketing","slug":"marketing"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":210,"name":"Digital Products","slug":"digital-products"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-17T04:13:42.181Z","createdAt":"2026-06-16T19:08:37.427Z","updatedAt":"2026-06-17T04:13:42.181Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]