61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:T52e,Day 4/365: Framer Animations Today you'll learn this super simple page transition shown in the video! I used a template I made so you can see the effect in a real project. Step 1 Select your page and, in the right sidebar, go to the Desktop section. Click Effects, then select All Pages. Step 2 In the Page Effect panel, open This Page. Under Mask, change: Type: Wipe Angle: 270° Step 3 Still under This Page, configure the Transition exactly as shown in the screenshot: Duration: 0.6s Easing: Use the same fast custom Bézier curve shown in the image. Step 4 Before leaving This Page, set: Offset Y: -30% Step 5 Now switch to Any Page. Here, the settings are almost identical, with one important difference: Offset Y: 30% (positive) The -30% value is only used in This Page. Using 30% in Any Page reverses the animation, creating a smooth top-to-bottom transition. Step 6 For Any Page, also set: Mask: Wipe Angle: 270° Then copy the same custom Bézier easing from This Page and paste it into the Transition settings for Any Page. Finally, set the duration between 0.4s and 0.6s. This entire tutorial takes less than five minutes, and the result looks surprisingly polished. If anything was unclear, let me know in the comments! I tried to explain everything as simply as possible. Thanks for reading, and see you tomorrow!63:T872,

About Pomolia

Pomolia: A complete Framer portfolio template for creative designers, art directors, digital studios, and design agencies. It combines editorial layouts, sharp visuals, expressive typography, and immersive motion in a refined dark interface.

Visual Style: A dark aesthetic paired with the primary color #6155F5, atmospheric gradients, Viaoda Libre headlines, and readable Inter body text.

Homepage: Features an animated hero, selected projects, services, studio capabilities, blog previews, and clear calls to action.

Works CMS: Publish detailed projects covering brand design, mobile apps, web design, digital products, and development. Case studies support project overviews, research, challenges, solutions, six features, mockups, videos, takeaways, and live links.

List and Stack Views: Visitors can explore projects through a precise editorial list or a visual stack layout, with list view displayed by default.

Blog CMS: Publish design insights, studio updates, branding perspectives, product thinking, and creative process articles.

About Page: Introduce the designer or agency through expressive typography, replaceable portraits, values, experience, and capabilities.

Services Page: Present branding, creative direction, mobile app design, web design, digital products, and development services through engaging interactions.

Additional Pages: Includes a distinctive contact page and an interactive 404 page that guides visitors back home.

Responsive Design: Every page and major component is optimized for desktop, tablet, and mobile.

Easy Customization: Update colors, typography, images, videos, copy, links, projects, articles, spacing, and motion directly inside Framer.

What You Get: A ready-to-customize creative portfolio with complete pages, CMS-powered work and blog collections, detailed case studies, responsive layouts, and premium animations.

64:T516,

I love finding ways to make websites tell their story before a single word is read 🤓 .

For this film website, I built a rotating 3D cube to showcase the movie collection and immediately give visitors a sense of the type of films waiting inside 🎁 .

To reinforce the experience, I paired it with a film reel rolling sound effect so the interaction feels cinematic from the very first second 😎 .

As users scroll through each film section, they're greeted with camera shutter effects and carefully chosen soundtracks that match the mood and energy of the films being showcased 🤠 .

It's a reminder that great web experiences aren't just visual—they're something you see, hear, and feel 🙃 .

Built with Figma, Codex, and Framer.

Link🔗: https://lnkd.in/dc2gUfKK

#interactiondesign #webdesign #uiux #codex #framer

65:T882,

Wessex Homes is a complete Framer template for real estate brands that want to launch a polished, professional website quickly. It includes the essential pages needed to present an agency, showcase properties, publish insights, and collect client inquiries.

Light & Dark Mode: Includes both light and dark versions, giving buyers two refined visual styles. Light mode feels clean and editorial, while dark mode creates a more premium, cinematic look.

Homepage: A strong landing page with a refined hero section, featured listings, testimonials, trust-building content, journal previews, and clear calls to action.

Featured Properties: Highlight selected homes on the homepage with elegant property cards showing location, price, bedrooms, bathrooms, size, and listing status.

Property Listing Page: A dedicated page for displaying homes for sale or rent in a clean, spacious layout that makes browsing simple and premium.

Property Filters: Includes filter controls for property type, location, and maximum price, helping visitors narrow their search faster.

About Page: A polished space to share the agency’s story, values, key stats, imagery, and credibility-building content.

How It Works: A simple step-by-step section that explains the client journey, from first contact to completion.

Journal / Blog: A flexible page for publishing buyer guides, seller advice, market insights, design articles, and lifestyle content.

Contact Page: Includes agency contact details and an inquiry form for capturing names, emails, phone numbers, and messages.

Easy Customization: Buyers can update colors, fonts, images, copy, listings, links, and brand details directly inside Framer.

What You Get: Wessex gives buyers a ready-to-customize real estate website for agencies, brokers, consultants, and property businesses. They can replace demo listings, add their branding, publish content, collect leads, and launch quickly.

66:T5a9,

I've been spending a lot of time exploring what's possible when design meets AI-assisted development.

For this project(TURN ON AUDIO FOR BEST EXPERIENCE 🤓 ), I pretty much babysat Codex from start to finish, turning a Figma design into a fully interactive experience in Framer. To keep everything pixel-perfect, I exported key frames from Figma as SVGs before bringing them into the build ⚒ .

The fun part wasn't the visuals—it was the interactions 🙃 .

I added click and drag interactions, then spent way too much time tweaking sound effects until every action felt just right. It's amazing how a small sound can completely change how an interaction feels 😉 .

My favorite part, though, has to be the fireworks animation 🏌‍♂️ . Watching it come to life after a few iterations made the whole project worth it.

Built with Figma, Codex, and Framer 😎 .

Link:🔗 https://photoledger.framer.website

#interactiondesign #codex #webdesign #framer

67:T85b,

A testimonial carousel with a live animated jotter — a pen writes on the page, tears it off on each transition, with a page-flip sound. Fully responsive, panel-editable, and drop-in ready for Framer.

Why does social proof still look so boring? Tired of the same old headshot-and-quote routine? Jotter Testimonial flips the script. A pen actively writes across a notebook page, timed to your slide interval — then rips away with a flip animation and a crisp paper sound, all synthesised natively in the browser with zero audio files. Colors, typography, spacing — everything is surfaced in Framer's property panel, supports up to 10 testimonials, and adapts cleanly to all screen sizes without any extra setup.

KEY FEATURES:

Live jotter illustration: Animated pen writes on a notebook page in real time, synced to your slide interval. Page tears off on every transition.

Web Audio page-flip sound: Synthesised paper-flip sound on each transition. Built with the Web Audio API — no audio files, no external dependencies.

Progress ring countdown: An animated SVG ring wraps the avatar and counts down to the next slide. Resets instantly on manual navigation.

Full responsive breakpoints: ResizeObserver-powered. Font sizes, avatar sizes, padding, and jotter scale adapt automatically to desktop, tablet, and mobile.

100% panel-editable: Every color, font, size, radius, and interval is exposed in Framer's property panel. No code editing needed after install.

Up to 10 testimonials: Add testimonials as an array directly from the panel. Name, role, quote, and avatar per entry. Dot indicators scale automatically.

Refund policy: Refunds are only issued in cases where the component is proven to be defective or not working as described.

To be eligible, you must contact support within 7 days of purchase with clear details of the issue. If the problem cannot be resolved, a refund will be processed.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2-all:/unified/creator/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/activity/":[{"data":[{"id":"01a03e82-3dd7-755a-b3d9-ab3b138f80db","type":"template.created","target":{"type":"template","id":"71917","preview":"Pomolia","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a03e7f-c528-72a9-832f-16f067d7cdea.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-26T14:38:38.039Z","latestAt":"2026-08-26T14:38:38.039Z"},{"id":"019ffa4f-5207-7771-95c8-1dae94bbeb15","type":"post.liked","target":{"type":"post","id":"019ffa4e-1ea0-763a-91d8-1a798b2d95c3","preview":"A portfolio is one of the strongest marketing tools for a video editor.\nRampmedia is a Framer concept designed specifically for video editing professionals and creative studios. The website makes it easy to showcase both vertical and horizontal videos while guiding potential clients through services, workflow, and project quality.\nBuilt to help creators make stronger first impressions.\n#Framer #VideoEditing #PortfolioWebsite #CreativePortfolio #WebDesign","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A portfolio is one of the strongest marketing tools for a video editor."}]},{"type":"paragraph","content":[{"type":"text","text":"Rampmedia is a Framer concept designed specifically for video editing professionals and creative studios. The website makes it easy to showcase both vertical and horizontal videos while guiding potential clients through services, workflow, and project quality."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to help creators make stronger first impressions."}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #VideoEditing #PortfolioWebsite #CreativePortfolio #WebDesign"}]}]},"thumbnail":"https://image.mux.com/Vjd004KQsnhN00cCJX1jmd91wuJZ8bo7lS3VSBW45xbnU/thumbnail.webp?time=29.7","targetDeleted":false,"owned":false,"actions":{"postId":"019ffa4e-1ea0-763a-91d8-1a798b2d95c3","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-13T08:48:50.177Z","latestAt":"2026-08-13T08:48:50.177Z"},{"id":"019f8883-19e5-738b-be4d-28044ca57fa0","type":"post.liked","target":{"type":"post","id":"019f853c-c50b-728f-8dd7-34df1634689e","preview":"7 template sales in the last 10 days.\nAfter a period of low sales since the marketplace changes, things are starting to look up 👀\nI'm feeling more motivated than ever to release more high quality templates.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"7 template sales in the last 10 days."}]},{"type":"paragraph","content":[{"type":"text","text":"After a period of low sales since the marketplace changes, things are starting to look up "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"I'm feeling more motivated than ever to release more high quality templates."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/751bfa73-4ef8-4198-9094-0e00d4c87710/019f853c-a9ab-777a-8373-6c05eb57154e.png","targetDeleted":false,"owned":false,"actions":{"postId":"019f853c-c50b-728f-8dd7-34df1634689e","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T06:28:41.057Z","latestAt":"2026-07-22T06:28:41.057Z"},{"id":"019f8882-04cd-738e-b529-4ffff8a35bbb","type":"post.liked","target":{"type":"post","id":"019f887a-4d72-72ff-acc3-eea16a5b021e","preview":"Merklokaal and Strangelove Agency made a fun design, I made sure to keep the vibes going in Framer","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Merklokaal and Strangelove Agency made a fun design, I made sure to keep the vibes going in Framer"}]}]},"thumbnail":"https://image.mux.com/jLUferX1sBD5TiZsElD2Txln7NC3cpfY8XwbGwiSpfM/thumbnail.webp?time=12.867","targetDeleted":false,"owned":false,"actions":{"postId":"019f887a-4d72-72ff-acc3-eea16a5b021e","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T06:27:30.121Z","latestAt":"2026-07-22T06:27:30.121Z"},{"id":"019f8881-fce1-72fa-82a8-79c37311f034","type":"post.liked","target":{"type":"post","id":"019f887b-b0ab-72af-b930-c6bdf99722a0","preview":"Bento Grid layouts look simple... until you try building one in Framer.\nThis layout took way longer than a standard landing page section because of:\n✦ Custom curved center cutout\n✦ Responsive overlapping cards\n✦ Perfect border-radius alignment\n✦ Layered gradients and shadows\n✦ Pixel-perfect spacing across breakpoints\n✦ Clean, reusable component structure The goal wasn't just matching the design. It was making it fully editable inside Framer without breaking responsiveness.\nIf you've ever tried recreating this type of layout, you know the clipping and overlapping sections are where most of the time goes.\nWant the Framer remix? Comment \"GRID\" and I'll send you the remix link.\nI'd love to hear how you would build the center cutout.\n #Framer #BentoGrid #WebDesign #UIDesign #FreeResource #FramerCommunity #FreelancerLife #WebDevelopment #ResponsiveDesign #ComponentDesign @Framer","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento Grid layouts look simple... until you try building one in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"This layout took way longer than a standard landing page section because of:"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Custom curved center cutout"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Responsive overlapping cards"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Perfect border-radius alignment"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Layered gradients and shadows"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Pixel-perfect spacing across breakpoints"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Clean, reusable component structure The goal wasn't just matching the design. It was making it fully editable inside Framer without breaking responsiveness."}]},{"type":"paragraph","content":[{"type":"text","text":"If you've ever tried recreating this type of layout, you know the clipping and overlapping sections are where most of the time goes."}]},{"type":"paragraph","content":[{"type":"text","text":"Want the Framer remix? Comment \"GRID\" and I'll send you the remix link."}]},{"type":"paragraph","content":[{"type":"text","text":"I'd love to hear how you would build the center cutout."}]},{"type":"paragraph","content":[{"type":"text","text":" #Framer #BentoGrid #WebDesign #UIDesign #FreeResource #FramerCommunity #FreelancerLife #WebDevelopment #ResponsiveDesign #ComponentDesign "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c4ae9b0-6fd5-4872-a536-b87d23706ac5/019f887a-e71f-75ce-8f58-4ce5ef9b52d2.png","targetDeleted":false,"owned":false,"actions":{"postId":"019f887b-b0ab-72af-b930-c6bdf99722a0","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T06:27:28.091Z","latestAt":"2026-07-22T06:27:28.091Z"},{"id":"019f5bd6-d82e-730f-a958-471964dcde67","type":"comment.reply","target":{"type":"post","id":"019f5bc7-b490-74ed-8de8-2fb1b50d072f","preview":"Bento grid layout exploration for an appointment booking app🪄. \nBuilt with codex🤓. \n#sass #bentogrid #codex #productdesign #shipwithai","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento grid layout exploration for an appointment booking app"},{"type":"emoji","attrs":{"name":"magic_wand","emoji":"🪄"}},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Built with codex"},{"type":"emoji","attrs":{"name":"nerd_face","emoji":"🤓"}},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"#sass","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/sass?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#bentogrid","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/bentogrid?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#codex","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/codex?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#productdesign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/productdesign?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#shipwithai","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/shipwithai?src=hashtag_click","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/AntBpXgQp1x5BqVuenAmkcqIftcMF73uvdm4l00gmM800/thumbnail.webp?time=7.8","targetDeleted":false,"owned":true,"actions":{"postId":"019f5bc7-b490-74ed-8de8-2fb1b50d072f","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f5bd6-d811-7192-a979-210e0f6a2399","preview":"I redesigned it via codex","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I redesigned it via codex"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f5bc7-b490-74ed-8de8-2fb1b50d072f","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f5bd1-e84b-7090-b659-094c49f32265"},"repost":null}},"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T14:17:14.542Z","latestAt":"2026-07-13T14:17:14.542Z"},{"id":"019f5bd3-1c89-77e1-8205-1ef6f04de51e","type":"comment.reply","target":{"type":"post","id":"019f5bc7-b490-74ed-8de8-2fb1b50d072f","preview":"Bento grid layout exploration for an appointment booking app🪄. \nBuilt with codex🤓. \n#sass #bentogrid #codex #productdesign #shipwithai","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento grid layout exploration for an appointment booking app"},{"type":"emoji","attrs":{"name":"magic_wand","emoji":"🪄"}},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Built with codex"},{"type":"emoji","attrs":{"name":"nerd_face","emoji":"🤓"}},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"#sass","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/sass?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#bentogrid","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/bentogrid?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#codex","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/codex?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#productdesign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/productdesign?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#shipwithai","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/shipwithai?src=hashtag_click","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/AntBpXgQp1x5BqVuenAmkcqIftcMF73uvdm4l00gmM800/thumbnail.webp?time=7.8","targetDeleted":false,"owned":true,"actions":{"postId":"019f5bc7-b490-74ed-8de8-2fb1b50d072f","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f5bd3-1c77-748c-9bf4-0e2cc46961ca","preview":"I went to https://bentogrids.com website and took screenshot of some bento and I told codex to redesign the layout to suit the product I'm working on.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I went to "},{"type":"text","text":"https://bentogrids.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://bentogrids.com","target":"_blank"}}]},{"type":"text","text":" website and took screenshot of some bento and I told codex to redesign the layout to suit the product I'm working on."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f5bc7-b490-74ed-8de8-2fb1b50d072f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f5bd1-e84b-7090-b659-094c49f32265"},"repost":null}},"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T14:13:09.897Z","latestAt":"2026-07-13T14:13:09.897Z"},{"id":"019f5bd2-3144-74da-8a5b-09710c1a325e","type":"comment.liked","target":{"type":"comment","id":"019f5bd1-e84b-7090-b659-094c49f32265","preview":"Nice which prompt did you use ?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice which prompt did you use ?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f5bc7-b490-74ed-8de8-2fb1b50d072f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f5bd1-e84b-7090-b659-094c49f32265"},"repost":null}},"context":{"type":"post","id":"019f5bc7-b490-74ed-8de8-2fb1b50d072f","preview":"Bento grid layout exploration for an appointment booking app🪄. \nBuilt with codex🤓. \n#sass #bentogrid #codex #productdesign #shipwithai","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento grid layout exploration for an appointment booking app"},{"type":"emoji","attrs":{"name":"magic_wand","emoji":"🪄"}},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Built with codex"},{"type":"emoji","attrs":{"name":"nerd_face","emoji":"🤓"}},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"#sass","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/sass?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#bentogrid","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/bentogrid?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#codex","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/codex?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#productdesign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/productdesign?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#shipwithai","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/shipwithai?src=hashtag_click","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/AntBpXgQp1x5BqVuenAmkcqIftcMF73uvdm4l00gmM800/thumbnail.webp?time=7.8","targetDeleted":false,"owned":true,"actions":{"postId":"019f5bc7-b490-74ed-8de8-2fb1b50d072f","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T14:12:09.662Z","latestAt":"2026-07-13T14:12:09.662Z"},{"id":"019f1e90-62db-7649-9f7b-7c68fc62fe65","type":"comment.reply","target":{"type":"post","id":"019f1755-4f62-7618-afd7-a37595d992eb","preview":"I made a version two for the interaction design of the travel agency website I shared previously via figma motion.\nWhat do you think?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I made a version two for the interaction design of the travel agency website I shared previously via figma motion."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"thumbnail":"https://image.mux.com/W1Xi02QFsRKtSdWnEj2h5r6KlYxKY02AgYX8HAB00yxw8U/thumbnail.webp?time=3.733","targetDeleted":false,"owned":true,"actions":{"postId":"019f1755-4f62-7618-afd7-a37595d992eb","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f1e90-62c3-7698-b2cd-85852416eedd","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f1755-4f62-7618-afd7-a37595d992eb","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f17bd-fd94-71a3-bfcb-addb5e76aeee"},"repost":null}},"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T16:43:26.811Z","latestAt":"2026-07-01T16:43:26.811Z"},{"id":"019f1e90-49a3-73ac-92ed-1c41ee5fabc9","type":"comment.liked","target":{"type":"comment","id":"019f17bd-fd94-71a3-bfcb-addb5e76aeee","preview":"cool idea!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"cool idea!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f1755-4f62-7618-afd7-a37595d992eb","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f17bd-fd94-71a3-bfcb-addb5e76aeee"},"repost":null}},"context":{"type":"post","id":"019f1755-4f62-7618-afd7-a37595d992eb","preview":"I made a version two for the interaction design of the travel agency website I shared previously via figma motion.\nWhat do you think?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I made a version two for the interaction design of the travel agency website I shared previously via figma motion."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"thumbnail":"https://image.mux.com/W1Xi02QFsRKtSdWnEj2h5r6KlYxKY02AgYX8HAB00yxw8U/thumbnail.webp?time=3.733","targetDeleted":false,"owned":true,"actions":{"postId":"019f1755-4f62-7618-afd7-a37595d992eb","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T16:43:20.351Z","latestAt":"2026-07-01T16:43:20.351Z"},{"id":"019f171e-116c-75c4-969f-7e988697f08e","type":"comment.created","target":{"type":"post","id":"019f1718-752a-7238-bf62-039117e3ea6e","preview":"Footer design from my Recent Template, Clonix - A Multipurpose Framer Agency Template.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Footer design from my Recent Template, "},{"type":"text","text":"Clonix - A Multipurpose Framer Agency Template","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/jC1Ofaq","target":"_blank"}}]},{"type":"text","text":". "}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5fa279b5-506d-412e-bee6-f61319d952dd/kfix8mg1","targetDeleted":false,"owned":false,"actions":{"postId":"019f1718-752a-7238-bf62-039117e3ea6e","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f171e-1158-757e-8a06-3a2d59f077b2","preview":"Looks cool!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Looks cool!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f1718-752a-7238-bf62-039117e3ea6e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f171e-1158-757e-8a06-3a2d59f077b2"},"repost":null}},"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T06:01:14.348Z","latestAt":"2026-06-30T06:01:14.348Z"},{"id":"019f171d-f75a-71af-8397-e6e0331a7433","type":"post.liked","target":{"type":"post","id":"019f1718-752a-7238-bf62-039117e3ea6e","preview":"Footer design from my Recent Template, Clonix - A Multipurpose Framer Agency Template.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Footer design from my Recent Template, "},{"type":"text","text":"Clonix - A Multipurpose Framer Agency Template","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/jC1Ofaq","target":"_blank"}}]},{"type":"text","text":". "}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5fa279b5-506d-412e-bee6-f61319d952dd/kfix8mg1","targetDeleted":false,"owned":false,"actions":{"postId":"019f1718-752a-7238-bf62-039117e3ea6e","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T06:01:07.669Z","latestAt":"2026-06-30T06:01:07.669Z"},{"id":"019f0516-1c79-71ad-beb0-c573312abb51","type":"post.liked","target":{"type":"post","id":"019f0514-47f7-73a3-a9eb-b7732fc726cb","preview":"$62","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Day 4/365: Framer Animations","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Today you'll learn this super simple page transition shown in the video! I used a template I made so you can see the effect in a real project."}]},{"type":"paragraph","content":[{"type":"text","text":"Step 1","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Select your page and, in the right sidebar, go to the "},{"type":"text","text":"Desktop","marks":[{"type":"bold"}]},{"type":"text","text":" section. Click "},{"type":"text","text":"Effects","marks":[{"type":"bold"}]},{"type":"text","text":", then select "},{"type":"text","text":"All Pages","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Step 2","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"In the "},{"type":"text","text":"Page Effect","marks":[{"type":"bold"}]},{"type":"text","text":" panel, open "},{"type":"text","text":"This Page","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Under "},{"type":"text","text":"Mask","marks":[{"type":"bold"}]},{"type":"text","text":", change:"}]},{"type":"paragraph","content":[{"type":"text","text":"Type:","marks":[{"type":"bold"}]},{"type":"text","text":" Wipe"}]},{"type":"paragraph","content":[{"type":"text","text":"Angle:","marks":[{"type":"bold"}]},{"type":"text","text":" 270°"}]},{"type":"paragraph","content":[{"type":"text","text":"Step 3","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Still under "},{"type":"text","text":"This Page","marks":[{"type":"bold"}]},{"type":"text","text":", configure the "},{"type":"text","text":"Transition","marks":[{"type":"bold"}]},{"type":"text","text":" exactly as shown in the screenshot:"}]},{"type":"paragraph","content":[{"type":"text","text":"Duration:","marks":[{"type":"bold"}]},{"type":"text","text":" 0.6s"}]},{"type":"paragraph","content":[{"type":"text","text":"Easing:","marks":[{"type":"bold"}]},{"type":"text","text":" Use the same fast custom Bézier curve shown in the image."}]},{"type":"paragraph","content":[{"type":"text","text":"Step 4","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Before leaving "},{"type":"text","text":"This Page","marks":[{"type":"bold"}]},{"type":"text","text":", set:"}]},{"type":"paragraph","content":[{"type":"text","text":"Offset Y:","marks":[{"type":"bold"}]},{"type":"text","text":" -30%"}]},{"type":"paragraph","content":[{"type":"text","text":"Step 5","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Now switch to "},{"type":"text","text":"Any Page","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Here, the settings are almost identical, with one important difference:"}]},{"type":"paragraph","content":[{"type":"text","text":"Offset Y:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"30%","marks":[{"type":"bold"}]},{"type":"text","text":" (positive)"}]},{"type":"paragraph","content":[{"type":"text","text":"The "},{"type":"text","text":"-30%","marks":[{"type":"bold"}]},{"type":"text","text":" value is only used in "},{"type":"text","text":"This Page","marks":[{"type":"bold"}]},{"type":"text","text":". Using "},{"type":"text","text":"30%","marks":[{"type":"bold"}]},{"type":"text","text":" in "},{"type":"text","text":"Any Page","marks":[{"type":"bold"}]},{"type":"text","text":" reverses the animation, creating a smooth top-to-bottom transition."}]},{"type":"paragraph","content":[{"type":"text","text":"Step 6","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"For "},{"type":"text","text":"Any Page","marks":[{"type":"bold"}]},{"type":"text","text":", also set:"}]},{"type":"paragraph","content":[{"type":"text","text":"Mask:","marks":[{"type":"bold"}]},{"type":"text","text":" Wipe"}]},{"type":"paragraph","content":[{"type":"text","text":"Angle:","marks":[{"type":"bold"}]},{"type":"text","text":" 270°"}]},{"type":"paragraph","content":[{"type":"text","text":"Then copy the same custom Bézier easing from "},{"type":"text","text":"This Page","marks":[{"type":"bold"}]},{"type":"text","text":" and paste it into the "},{"type":"text","text":"Transition","marks":[{"type":"bold"}]},{"type":"text","text":" settings for "},{"type":"text","text":"Any Page","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Finally, set the duration between "},{"type":"text","text":"0.4s and 0.6s","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"This entire tutorial takes less than five minutes, and the result looks surprisingly polished."}]},{"type":"paragraph","content":[{"type":"text","text":"If anything was unclear, let me know in the comments! I tried to explain everything as simply as possible."}]},{"type":"paragraph","content":[{"type":"text","text":"Thanks for reading, and see you tomorrow!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/37dde9d1-e8de-44f2-bc46-ce9feda1c279/wdlaa8qf","targetDeleted":false,"owned":false,"actions":{"postId":"019f0514-47f7-73a3-a9eb-b7732fc726cb","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-26T17:59:22.997Z","latestAt":"2026-06-26T17:59:22.997Z"},{"id":"019f050c-ff79-755a-960e-e805359e681b","type":"post.liked","target":{"type":"post","id":"019f04f8-2063-7285-b346-b1ef17777109","preview":"This is my first template, and it's completely free on the markteplace.\nYou can get it from here: https://framer.link/nm6gPsG","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is my first template, and it's completely free on the markteplace."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"You can get it from here: "},{"type":"text","text":"https://framer.link/nm6gPsG","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/nm6gPsG","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/D9f984hqdU6Miu00HlyjbNE1DkVFx01eX6Q1bcZHhYS5I/thumbnail.webp?time=21.058","targetDeleted":false,"owned":false,"actions":{"postId":"019f04f8-2063-7285-b346-b1ef17777109","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-26T17:49:25.748Z","latestAt":"2026-06-26T17:49:25.748Z"},{"id":"019f0333-80a7-7667-8a74-4913cb57a9e5","type":"comment.liked","target":{"type":"comment","id":"019f00c5-3741-71cc-a61f-aa4c2e1c6560","preview":"@Siji Ibukun Olaifa u welcome..oh yes it was showing","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","slug":"siji-ibukun","label":"Siji Ibukun Olaifa","mentionSuggestionChar":"@"}},{"type":"text","text":" u welcome..oh yes it was showing "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef992-5ed8-7693-b020-ddff4aca6282","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ef998-a2a7-76ce-ad18-c90ef3eb3021"},"repost":null}},"context":{"type":"post","id":"019ef992-5ed8-7693-b020-ddff4aca6282","preview":"If you just launched your new framer template today \nCan I get a \n\"HI\"?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If you just launched your new framer template today "}]},{"type":"paragraph","content":[{"type":"text","text":"Can I get a "}]},{"type":"paragraph","content":[{"type":"text","text":"\"HI\"?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef992-5ed8-7693-b020-ddff4aca6282","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-26T09:12:14.753Z","latestAt":"2026-06-26T09:12:14.753Z"},{"id":"019eff98-cf7a-7705-a62e-34d9a3f8da55","type":"comment.liked","target":{"type":"comment","id":"019efe43-b6ef-76bb-9f4c-04332e4f4076","preview":"Just went through the website the micro interaction is really interesting light and dark mode??mean u must be really hardworking 😃 good work bro","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just went through the website the micro interaction is really interesting light and dark mode??mean u must be really hardworking "},{"type":"emoji","attrs":{"name":"smiley","emoji":"😃"}},{"type":"text","text":" good work bro"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef992-5ed8-7693-b020-ddff4aca6282","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ef998-a2a7-76ce-ad18-c90ef3eb3021"},"repost":null}},"context":{"type":"post","id":"019ef992-5ed8-7693-b020-ddff4aca6282","preview":"If you just launched your new framer template today \nCan I get a \n\"HI\"?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If you just launched your new framer template today "}]},{"type":"paragraph","content":[{"type":"text","text":"Can I get a "}]},{"type":"paragraph","content":[{"type":"text","text":"\"HI\"?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef992-5ed8-7693-b020-ddff4aca6282","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T16:24:25.204Z","latestAt":"2026-06-25T16:24:25.204Z"},{"id":"019efdc5-ef13-711a-b4fa-b138a181bdd9","type":"post.liked","target":{"type":"post","id":"019efdc3-5dc5-766e-8d06-9c1591e3549d","preview":"Hero section designed for my first framer template named as Travix 🤞❤","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section designed for my first framer template named as Travix 🤞❤"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/573cca16-a91e-4dba-885a-6f3bce4dd2da/6nixvepd","targetDeleted":false,"owned":false,"actions":{"postId":"019efdc3-5dc5-766e-8d06-9c1591e3549d","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T07:54:27.982Z","latestAt":"2026-06-25T07:54:27.982Z"},{"id":"019ef998-f16a-723e-b330-d1ddcc239142","type":"post.liked","target":{"type":"post","id":"019ef98b-10e6-71eb-9941-310be7987063","preview":"Happy to share Movero with the Framer community. A free coffee shop template featuring responsive layouts, smooth interactions, and a clean design system. ✨\nCheck it out!\nhttps://movero.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Happy to share "},{"type":"text","text":"Movero","marks":[{"type":"bold"}]},{"type":"text","text":" with the Framer community. A free coffee shop template featuring responsive layouts, smooth interactions, and a clean design system. "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out!"}]},{"type":"paragraph","content":[{"type":"text","text":"https://movero.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://movero.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/68f15a67-e7a7-4364-90db-9038687e7759/bmib9vxn","targetDeleted":false,"owned":false,"actions":{"postId":"019ef98b-10e6-71eb-9941-310be7987063","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T12:26:50.598Z","latestAt":"2026-06-24T12:26:50.598Z"},{"id":"019ef998-a2d3-75a8-88a4-7375e4091071","type":"comment.created","target":{"type":"post","id":"019ef992-5ed8-7693-b020-ddff4aca6282","preview":"If you just launched your new framer template today \nCan I get a \n\"HI\"?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If you just launched your new framer template today "}]},{"type":"paragraph","content":[{"type":"text","text":"Can I get a "}]},{"type":"paragraph","content":[{"type":"text","text":"\"HI\"?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef992-5ed8-7693-b020-ddff4aca6282","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ef998-a2a7-76ce-ad18-c90ef3eb3021","preview":"Hiii. https://www.framer.com/community/marketplace/templates/wessex-homes/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hiii. "},{"type":"text","text":"https://www.framer.com/community/marketplace/templates/wessex-homes/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/marketplace/templates/wessex-homes/","target":"_blank"}}]},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ef992-5ed8-7693-b020-ddff4aca6282","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ef998-a2a7-76ce-ad18-c90ef3eb3021"},"repost":null}},"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T12:26:30.483Z","latestAt":"2026-06-24T12:26:30.483Z"},{"id":"019ef998-3299-75fc-80da-5105a55e10a7","type":"post.liked","target":{"type":"post","id":"019ef992-5ed8-7693-b020-ddff4aca6282","preview":"If you just launched your new framer template today \nCan I get a \n\"HI\"?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If you just launched your new framer template today "}]},{"type":"paragraph","content":[{"type":"text","text":"Can I get a "}]},{"type":"paragraph","content":[{"type":"text","text":"\"HI\"?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef992-5ed8-7693-b020-ddff4aca6282","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","slug":"siji-ibukun","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T12:26:01.750Z","latestAt":"2026-06-24T12:26:01.750Z"}],"pagination":{"next":"MjAyNi0wNi0yNFQxMjoyNjowMS43NTBafDAxOWVmOTk4LTMyOTktNzVmYy04MGRhLTUxMDVhNTVlMTBhNw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2:/unified/posts/?creator=5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2&with=reposts":[{"data":[{"id":"01a0430c-518f-7335-ba8a-b6d0788f28a0","title":null,"body":"

Pomolia is now free on Framer marketplace — an editorial portfolio template with immersive motion, detailed case studies, Works and Blog CMS, and responsive layouts. Duplicate it, customize it, and launch your portfolio.

It's free, remix and share! Check comment for link

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pomolia is now free on Framer marketplace — an editorial portfolio template with immersive motion, detailed case studies, Works and Blog CMS, and responsive layouts. Duplicate it, customize it, and launch your portfolio. "}]},{"type":"paragraph","content":[{"type":"text","text":"It's free, remix and share! Check comment for link"}]},{"type":"paragraph"}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a0430b-ed20-759f-8789-642927007d15.png","metadata":{"tint":{"h":240,"s":25,"l":13},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a0430b-efff-721f-b445-4f99bc9467cb.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2832,"height":1642}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a0430c-05be-775d-8a16-7622b4878e7d.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2832,"height":1642}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a0430c-117d-7410-9dc8-5db7b1a60840.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2832,"height":1642}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a0430c-2350-736a-9988-a18ccf84256b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2832,"height":1642}}],"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":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-27T11:51:02.255Z","createdAt":"2026-08-27T11:47:55.924Z","updatedAt":"2026-08-27T11:51:02.255Z"},{"id":"01a03e82-3b0b-718c-8a9c-c89a129a23f7","title":null,"body":"

Meet Pomolia — a free editorial Framer portfolio template for designers, art directors, and creative agencies. Featuring immersive motion, detailed case studies, Works and Blog CMS, plus responsive list and stack layouts. Remix it for free and make your work impossible to ignore.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet Pomolia — a free editorial Framer portfolio template for designers, art directors, and creative agencies. Featuring immersive motion, detailed case studies, Works and Blog CMS, plus responsive list and stack layouts. Remix it for free and make your work impossible to ignore. "}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"71917","resolved":true,"title":"Pomolia","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About Pomolia"}]},{"type":"paragraph","content":[{"type":"text","text":"Pomolia:","marks":[{"type":"bold"}]},{"type":"text","text":" A complete Framer portfolio template for creative designers, art directors, digital studios, and design agencies. It combines editorial layouts, sharp visuals, expressive typography, and immersive motion in a refined dark interface."}]},{"type":"paragraph","content":[{"type":"text","text":"Visual Style:","marks":[{"type":"bold"}]},{"type":"text","text":" A dark aesthetic paired with the primary color #6155F5, atmospheric gradients, Viaoda Libre headlines, and readable Inter body text."}]},{"type":"paragraph","content":[{"type":"text","text":"Homepage:","marks":[{"type":"bold"}]},{"type":"text","text":" Features an animated hero, selected projects, services, studio capabilities, blog previews, and clear calls to action."}]},{"type":"paragraph","content":[{"type":"text","text":"Works CMS:","marks":[{"type":"bold"}]},{"type":"text","text":" Publish detailed projects covering brand design, mobile apps, web design, digital products, and development. Case studies support project overviews, research, challenges, solutions, six features, mockups, videos, takeaways, and live links."}]},{"type":"paragraph","content":[{"type":"text","text":"List and Stack Views:","marks":[{"type":"bold"}]},{"type":"text","text":" Visitors can explore projects through a precise editorial list or a visual stack layout, with list view displayed by default."}]},{"type":"paragraph","content":[{"type":"text","text":"Blog CMS:","marks":[{"type":"bold"}]},{"type":"text","text":" Publish design insights, studio updates, branding perspectives, product thinking, and creative process articles."}]},{"type":"paragraph","content":[{"type":"text","text":"About Page:","marks":[{"type":"bold"}]},{"type":"text","text":" Introduce the designer or agency through expressive typography, replaceable portraits, values, experience, and capabilities."}]},{"type":"paragraph","content":[{"type":"text","text":"Services Page:","marks":[{"type":"bold"}]},{"type":"text","text":" Present branding, creative direction, mobile app design, web design, digital products, and development services through engaging interactions."}]},{"type":"paragraph","content":[{"type":"text","text":"Additional Pages:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes a distinctive contact page and an interactive 404 page that guides visitors back home."}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Every page and major component is optimized for desktop, tablet, and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Easy Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Update colors, typography, images, videos, copy, links, projects, articles, spacing, and motion directly inside Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"What You Get:","marks":[{"type":"bold"}]},{"type":"text","text":" A ready-to-customize creative portfolio with complete pages, CMS-powered work and blog collections, detailed case studies, responsive layouts, and premium animations."}]}]},"introduction":"Crafting brands, products, stories","slug":"pomolia","author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a03e7f-c528-72a9-832f-16f067d7cdea.png","metadata":{"tint":{"h":240,"s":25,"l":13},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a03e7f-ed4f-75ae-9f11-4273418104b8.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a03e7f-fe4f-70bf-ae21-6746a6d17bb0.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a03e80-1039-71ef-a7a3-e3b415f4995a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/01a03e80-33d1-76f0-9c97-f8cdcbc84005.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-26T14:38:36.688Z","updatedAt":"2026-08-26T14:38:36.688Z","publishedAt":"2026-08-26T14:38:36.685Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/jtr0t6M","remixUrl":"https://framer.link/jtr0t6M","previewUrl":"https://pomolia.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":190,"name":"Arts & Crafts","slug":"arts-and-crafts"},{"id":210,"name":"Digital Products","slug":"digital-products"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":6,"name":"3D","slug":"3d"},{"id":236,"name":"Light","slug":"light"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"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":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":39,"name":"Selection Styles","slug":"selection-styles"}],"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-08-26T14:38:37.323Z","updatedAt":"2026-08-26T14:38:37.323Z"},{"id":"019ffa52-7324-7062-be48-a78eff6e9caf","title":null,"body":"

Just launched my new product design portfolio. I’m looking for a full-time and contract opportunities.

Link🔗: https://siji-ibukun.com

#ProductDesign #UXDesign #OpenToWork

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched my new product design portfolio. I’m looking for a full-time and contract opportunities. "}]},{"type":"paragraph","content":[{"type":"text","text":"Link"},{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":": "},{"type":"text","text":"https://siji-ibukun.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://siji-ibukun.com","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"#ProductDesign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/ProductDesign?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#UXDesign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/UXDesign?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#OpenToWork","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/OpenToWork?src=hashtag_click","target":"_blank"}}]}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-13T08:52:15.273Z","updatedAt":"2026-08-13T08:52:15.273Z"},{"id":"019fc69f-1ad8-719f-93ff-bd8450314497","title":null,"body":"

Hero section interaction design of slotwise(an appointment booking software) 🪄 .

Built with codex.

#interactiondesign #productdesign #webdesign #shipwithAI

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section interaction design of slotwise(an appointment booking software) "},{"type":"emoji","attrs":{"name":"magic_wand","emoji":"🪄"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with codex."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"#interactiondesign","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"#productdesign","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"#webdesign","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"#shipwithAI","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Bz01KnE4aqnghviOEq01C02ZZ2K6Wft2Ab4yMathzEi3xM.m3u8","metadata":{"posterUrl":"https://image.mux.com/Bz01KnE4aqnghviOEq01C02ZZ2K6Wft2Ab4yMathzEi3xM/thumbnail.webp?time=2.533","aspectRatio":"383:216","duration":39.114556}}],"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-08-03T07:55:43.709Z","updatedAt":"2026-08-03T07:55:43.709Z"},{"id":"019f64f5-2499-774d-8e6f-fdc1c5189b54","title":null,"body":"

Core values section of slotwise (appointment booking software).

#sass #webdesign #interactiondesign #codex #productdesign

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Core values section of slotwise (appointment booking software)."}]},{"type":"paragraph","content":[{"type":"text","text":"#sass #webdesign #interactiondesign #codex #productdesign"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Zzh3WbOwP702XjxUmg2ZJI1501ToNH5fvAihOLuwJ6Ojk.m3u8","metadata":{"posterUrl":"https://image.mux.com/Zzh3WbOwP702XjxUmg2ZJI1501ToNH5fvAihOLuwJ6Ojk/thumbnail.webp?time=14.267","aspectRatio":"959:540","duration":15.833333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-15T08:46:55.136Z","updatedAt":"2026-07-15T08:46:55.136Z"},{"id":"019f5bc7-b490-74ed-8de8-2fb1b50d072f","title":null,"body":"

Bento grid layout exploration for an appointment booking app🪄.

Built with codex🤓.

#sass #bentogrid #codex #productdesign #shipwithai

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento grid layout exploration for an appointment booking app"},{"type":"emoji","attrs":{"name":"magic_wand","emoji":"🪄"}},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Built with codex"},{"type":"emoji","attrs":{"name":"nerd_face","emoji":"🤓"}},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"#sass","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/sass?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#bentogrid","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/bentogrid?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#codex","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/codex?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#productdesign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/productdesign?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#shipwithai","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/shipwithai?src=hashtag_click","target":"_blank"}}]}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/AntBpXgQp1x5BqVuenAmkcqIftcMF73uvdm4l00gmM800.m3u8","metadata":{"posterUrl":"https://image.mux.com/AntBpXgQp1x5BqVuenAmkcqIftcMF73uvdm4l00gmM800/thumbnail.webp?time=7.8","aspectRatio":"480:227","duration":34.681222}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T14:00:42.389Z","updatedAt":"2026-07-13T14:00:42.389Z"},{"id":"019f22d8-278b-7307-af9b-f1e3bed35f01","title":null,"body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I love finding ways to make websites tell their story before a single word is read "},{"type":"emoji","attrs":{"name":"nerd_face","emoji":"🤓"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"For this film website, I built a rotating 3D cube to showcase the movie collection and immediately give visitors a sense of the type of films waiting inside "},{"type":"emoji","attrs":{"name":"gift","emoji":"🎁"}},{"type":"text","text":" . "}]},{"type":"paragraph","content":[{"type":"text","text":"To reinforce the experience, I paired it with a film reel rolling sound effect so the interaction feels cinematic from the very first second "},{"type":"emoji","attrs":{"name":"sunglasses","emoji":"😎"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"As users scroll through each film section, they're greeted with camera shutter effects and carefully chosen soundtracks that match the mood and energy of the films being showcased "},{"type":"emoji","attrs":{"name":"cowboy_hat_face","emoji":"🤠"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"It's a reminder that great web experiences aren't just visual—they're something you see, hear, and feel "},{"type":"emoji","attrs":{"name":"upside_down_face","emoji":"🙃"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with Figma, Codex, and Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Link"},{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":": "},{"type":"text","text":"https://lnkd.in/dc2gUfKK","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://lnkd.in/dc2gUfKK","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#interactiondesign #webdesign #uiux #codex #framer"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Ac2K65I02I4mkcKUD6iaqZXQ01VJce6NN004EvLBBqG8rE.m3u8","metadata":{"posterUrl":"https://image.mux.com/Ac2K65I02I4mkcKUD6iaqZXQ01VJce6NN004EvLBBqG8rE/thumbnail.webp?time=3.539","aspectRatio":"1469:894","duration":22.25}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T12:40:19.110Z","updatedAt":"2026-07-02T12:40:19.110Z"},{"id":"019f1e92-c6c9-705b-8da3-eec7c31ef53f","title":null,"body":"

I built this interactive 30 Days Challenge website with Codex, and had a lot of fun pushing the details 👋 .

I added sound effects, click interactions, double-click effects, and a loading animation with falling pills to make the experience feel more playful and alive.

This one was all about making the interface fun to explore, not just look at 🪄 .

Live site 🔗 : tech-stacks-nine.vercel.app

#interactiondesign #webdesign #codex #uiux #reactjs

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I built this interactive 30 Days Challenge website with Codex, and had a lot of fun pushing the details "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"I added sound effects, click interactions, double-click effects, and a loading animation with falling pills to make the experience feel more playful and alive."}]},{"type":"paragraph","content":[{"type":"text","text":"This one was all about making the interface fun to explore, not just look at "},{"type":"emoji","attrs":{"name":"magic_wand","emoji":"🪄"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"Live site "},{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" : "},{"type":"text","text":"tech-stacks-nine.vercel.app","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://tech-stacks-nine.vercel.app","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#interactiondesign #webdesign #codex #uiux #reactjs"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/wIMuYegjfT8MCrgQZBPLrRpA9f0178GgqxMtqndRr02eY.m3u8","metadata":{"posterUrl":"https://image.mux.com/wIMuYegjfT8MCrgQZBPLrRpA9f0178GgqxMtqndRr02eY/thumbnail.webp?time=12.667","aspectRatio":"1469:919","duration":23.55}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-01T16:46:03.470Z","updatedAt":"2026-07-01T16:46:03.470Z"},{"id":"019f1755-4f62-7618-afd7-a37595d992eb","title":null,"body":"

I made a version two for the interaction design of the travel agency website I shared previously via figma motion.

What do you think?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I made a version two for the interaction design of the travel agency website I shared previously via figma motion."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/W1Xi02QFsRKtSdWnEj2h5r6KlYxKY02AgYX8HAB00yxw8U.m3u8","metadata":{"posterUrl":"https://image.mux.com/W1Xi02QFsRKtSdWnEj2h5r6KlYxKY02AgYX8HAB00yxw8U/thumbnail.webp?time=3.733","aspectRatio":"359:270","duration":7.066667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-30T07:01:34.694Z","updatedAt":"2026-06-30T07:01:34.694Z"},{"id":"019f1298-280c-74ab-9438-985978415f69","title":null,"body":"

Revamped my portfolio a bit via @framer 🤓. Gave my UI shot a 3d globe visuals.

Open to work🚧. Currently looking for a product design or framer developer role.

Link: siji-ibukun.framer.website

#webdesign #portfolio #productdesign #codex #framer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Revamped my portfolio a bit via @framer "},{"type":"emoji","attrs":{"name":"nerd_face","emoji":"🤓"}},{"type":"text","text":". Gave my UI shot a 3d globe visuals."}]},{"type":"paragraph","content":[{"type":"text","text":"Open to work"},{"type":"emoji","attrs":{"name":"construction","emoji":"🚧"}},{"type":"text","text":". Currently looking for a product design or framer developer role."}]},{"type":"paragraph","content":[{"type":"text","text":"Link: "},{"type":"text","text":"siji-ibukun.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://siji-ibukun.framer.website","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#webdesign #portfolio #productdesign #codex #framer"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/JYlKCwt4NiSm9e8VPZLJwRl01i9Y3jNTH4HZIKrE00cM8.m3u8","metadata":{"posterUrl":"https://image.mux.com/JYlKCwt4NiSm9e8VPZLJwRl01i9Y3jNTH4HZIKrE00cM8/thumbnail.webp?time=11.333","aspectRatio":"383:216","duration":91.433333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-29T08:57:36.100Z","createdAt":"2026-06-29T08:56:29.455Z","updatedAt":"2026-06-29T08:57:36.100Z"},{"id":"019f07fa-7b41-7588-9a1a-c9c4e93173b8","title":null,"body":"

Went back to my 2024 design archive to try out figma motion for a travel agency hero section exploration! @figma

Sound effect via caput sound🤓.

#figmamotion #webdesign #travelagency #uiux

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Went back to my 2024 design archive to try out figma motion for a travel agency hero section exploration! @figma "}]},{"type":"paragraph","content":[{"type":"text","text":"Sound effect via caput sound"},{"type":"emoji","attrs":{"name":"nerd_face","emoji":"🤓"}},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"#figmamotion #webdesign #travelagency #uiux"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/k02DpmEyH02AHKJI001nlqmYFwSzq77afYE023cAqmgYtwA.m3u8","metadata":{"posterUrl":"https://image.mux.com/k02DpmEyH02AHKJI001nlqmYFwSzq77afYE023cAqmgYtwA/thumbnail.webp?time=5.367","aspectRatio":"2011:1080","duration":9}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-27T07:28:03.908Z","updatedAt":"2026-06-27T07:28:03.908Z"},{"id":"019f0336-aa29-728c-9eec-a3df2c0ae457","title":null,"body":"

Started with a Figma file. Ended with something that breathes 💡 .

For Candi, I took a static design and brought it to life — layering in custom interactions, entrance animations, and sound effects that make the experience feel intentional, not just pretty 🪄 .

This is the part of the process I love most: the moment a design stops being a mockup and starts feeling like a product.

Link🔗: candi-eta.vercel.app

#Framer #WebDesign #DesignAndCode #InteractionDesign #Frontend

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Started with a Figma file. Ended with something that breathes "},{"type":"emoji","attrs":{"name":"bulb","emoji":"💡"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"For Candi, I took a static design and brought it to life — layering in custom interactions, entrance animations, and sound effects that make the experience feel intentional, not just pretty "},{"type":"emoji","attrs":{"name":"magic_wand","emoji":"🪄"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"This is the part of the process I love most: the moment a design stops being a mockup and starts feeling like a product."}]},{"type":"paragraph","content":[{"type":"text","text":"Link"},{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":": "},{"type":"text","text":"candi-eta.vercel.app","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://candi-eta.vercel.app","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign #DesignAndCode #InteractionDesign #Frontend"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/a8RL7GYR02Lukv01T02TDaFKE8vKWhpRz00nIsQBIL5NAiY.m3u8","metadata":{"posterUrl":"https://image.mux.com/a8RL7GYR02Lukv01T02TDaFKE8vKWhpRz00nIsQBIL5NAiY/thumbnail.webp?time=19.25","aspectRatio":"1469:920","duration":50.666667}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-26T09:15:41.996Z","updatedAt":"2026-06-26T09:15:41.996Z"},{"id":"019eff7f-2c2c-7558-8045-9a08e8a8261a","title":null,"body":"

Meet Testimonial Jotter, a Framer component that turns testimonials into a living notebook moment. A pen writes each quote in real time, synced to your slide interval, then the page flips away with a crisp browser-synthesized paper sound.

Preview: https://testimonials-card.framer.website/

It includes:

Animated jotter illustration

Web Audio page-flip sound, no audio files

Progress ring countdown

Responsive resizing for all screens

Fully editable Framer property controls

Support for up to 10 testimonials

Perfect for adding motion, personality, and a little delight to your testimonial sections without extra setup.

Marketplace link here in comment:

A section of code component that I built for a client for her design agency in framer. Built the code component with react via Claude.

What do you think?

#framer #interactiondesign #webdesign

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A section of code component that I built for a client for her design agency in framer. Built the code component with react via Claude."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]},{"type":"paragraph","content":[{"type":"text","text":"#framer #interactiondesign #webdesign"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/i1Iz97WvOZMn00lpBVBDVQXi6C02LgIJaWwyLPzeC300bQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/i1Iz97WvOZMn00lpBVBDVQXi6C02LgIJaWwyLPzeC300bQ/thumbnail.webp?time=10.1","aspectRatio":"113:64","duration":16.566667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-25T07:22:35.845Z","updatedAt":"2026-06-25T07:22:35.845Z"},{"id":"019ef8d4-df34-70ba-9281-02562fb047ed","title":null,"body":"

Wessex Homes is now live on framer market place🥳. Built with a clean editorial style, refined layouts, and a premium property-focused experience, Wessex is perfect for showcasing homes, rentals, luxury listings, and agency services. It has a light mode and dark mode

Preview link here: https://wessex-homes.framer.website/

Purchase via marketplace in the link in comment.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Wessex Homes is now live on framer market place"},{"type":"emoji","attrs":{"name":"partying_face","emoji":"🥳"}},{"type":"text","text":". Built with a clean editorial style, refined layouts, and a premium property-focused experience, Wessex is perfect for showcasing homes, rentals, luxury listings, and agency services. It has a light mode and dark mode "}]},{"type":"paragraph","content":[{"type":"text","text":"Preview link here: "},{"type":"text","text":"https://wessex-homes.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://wessex-homes.framer.website/","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Purchase via marketplace in the link in comment."}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/6ehmb3gv","metadata":{"tint":{"h":60,"s":8,"l":31},"width":3200,"height":2131}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/8a701xjn","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2938,"height":1834}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/8jpr3jea","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2938,"height":1840}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/23j3aai0","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2938,"height":1840}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/gnvq4w5n","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2938,"height":1480}}],"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":2,"edited":true,"editedAt":"2026-06-24T08:54:04.931Z","createdAt":"2026-06-24T08:52:40.889Z","updatedAt":"2026-06-24T08:54:04.931Z"},{"id":"019ef4b1-c563-74a8-983c-35c7ea477d8f","title":null,"body":"

Just launched Wessex, a premium real estate website template for Framer.

Designed for estate agencies, brokers, property consultants, and real estate brands, Wessex gives you everything you need to launch a polished property website quickly.

It includes:

Light and dark mode

Homepage

Property listing page

Property detail pages

About page

Journal / blog page

Contact page

Property filters

Featured listings

Lead capture sections

Easy customization in Framer

4 CMS

Built with a clean editorial style, refined layouts, and a premium property-focused experience, Wessex is perfect for showcasing homes, rentals, luxury listings, and agency services.

Now available on Framer Marketplace.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched Wessex, a premium real estate website template for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for estate agencies, brokers, property consultants, and real estate brands, Wessex gives you everything you need to launch a polished property website quickly."}]},{"type":"paragraph","content":[{"type":"text","text":"It includes:"}]},{"type":"paragraph","content":[{"type":"text","text":"Light and dark mode"}]},{"type":"paragraph","content":[{"type":"text","text":"Homepage"}]},{"type":"paragraph","content":[{"type":"text","text":"Property listing page"}]},{"type":"paragraph","content":[{"type":"text","text":"Property detail pages"}]},{"type":"paragraph","content":[{"type":"text","text":"About page"}]},{"type":"paragraph","content":[{"type":"text","text":"Journal / blog page"}]},{"type":"paragraph","content":[{"type":"text","text":"Contact page"}]},{"type":"paragraph","content":[{"type":"text","text":"Property filters"}]},{"type":"paragraph","content":[{"type":"text","text":"Featured listings"}]},{"type":"paragraph","content":[{"type":"text","text":"Lead capture sections"}]},{"type":"paragraph","content":[{"type":"text","text":"Easy customization in Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"4 CMS"}]},{"type":"paragraph","content":[{"type":"text","text":"Built with a clean editorial style, refined layouts, and a premium property-focused experience, Wessex is perfect for showcasing homes, rentals, luxury listings, and agency services."}]},{"type":"paragraph","content":[{"type":"text","text":"Now available on Framer Marketplace."}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"68018","resolved":true,"title":"Wessex Homes","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Wessex Homes is a complete Framer template for real estate brands that want to launch a polished, professional website quickly. It includes the essential pages needed to present an agency, showcase properties, publish insights, and collect client inquiries."}]},{"type":"paragraph","content":[{"type":"text","text":"Light & Dark Mode:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes both light and dark versions, giving buyers two refined visual styles. Light mode feels clean and editorial, while dark mode creates a more premium, cinematic look."}]},{"type":"paragraph","content":[{"type":"text","text":"Homepage:","marks":[{"type":"bold"}]},{"type":"text","text":" A strong landing page with a refined hero section, featured listings, testimonials, trust-building content, journal previews, and clear calls to action."}]},{"type":"paragraph","content":[{"type":"text","text":"Featured Properties:","marks":[{"type":"bold"}]},{"type":"text","text":" Highlight selected homes on the homepage with elegant property cards showing location, price, bedrooms, bathrooms, size, and listing status."}]},{"type":"paragraph","content":[{"type":"text","text":"Property Listing Page:","marks":[{"type":"bold"}]},{"type":"text","text":" A dedicated page for displaying homes for sale or rent in a clean, spacious layout that makes browsing simple and premium."}]},{"type":"paragraph","content":[{"type":"text","text":"Property Filters:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes filter controls for property type, location, and maximum price, helping visitors narrow their search faster."}]},{"type":"paragraph","content":[{"type":"text","text":"About Page:","marks":[{"type":"bold"}]},{"type":"text","text":" A polished space to share the agency’s story, values, key stats, imagery, and credibility-building content."}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works:","marks":[{"type":"bold"}]},{"type":"text","text":" A simple step-by-step section that explains the client journey, from first contact to completion."}]},{"type":"paragraph","content":[{"type":"text","text":"Journal / Blog:","marks":[{"type":"bold"}]},{"type":"text","text":" A flexible page for publishing buyer guides, seller advice, market insights, design articles, and lifestyle content."}]},{"type":"paragraph","content":[{"type":"text","text":"Contact Page:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes agency contact details and an inquiry form for capturing names, emails, phone numbers, and messages."}]},{"type":"paragraph","content":[{"type":"text","text":"Easy Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Buyers can update colors, fonts, images, copy, listings, links, and brand details directly inside Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"What You Get:","marks":[{"type":"bold"}]},{"type":"text","text":" Wessex gives buyers a ready-to-customize real estate website for agencies, brokers, consultants, and property businesses. They can replace demo listings, add their branding, publish content, collect leads, and launch quickly."}]}]},"introduction":"Find a home worth return to","slug":"wessex-homes","author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/uayecs62","metadata":{"tint":{"h":60,"s":8,"l":31},"width":3200,"height":2131}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/rj6yc1zd","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2938,"height":1834}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/ccgo544c","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2938,"height":1518}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/194fnmlq","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2938,"height":1840}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/19c07zel","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2938,"height":1480}}],"post":null,"createdAt":"2026-06-23T13:35:51.610Z","updatedAt":"2026-06-23T13:35:51.610Z","publishedAt":"2026-06-23T13:35:51.608Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"40","paymentUrl":"https://siji-ibukun.lemonsqueezy.com/checkout/buy/f028a13c-0509-4c95-ae63-2e653ec58b2c","remixUrl":null,"previewUrl":"https://wessex-homes.framer.website/","categories":[{"id":25,"name":"Real Estate","slug":"real-estate"},{"id":226,"name":"Home Decor","slug":"home-decor"},{"id":249,"name":"Property Management","slug":"property-management"}],"styles":[],"mainCategory":{"id":25,"name":"Real Estate","slug":"real-estate"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"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-06-23T13:35:51.651Z","updatedAt":"2026-06-23T13:35:51.651Z"},{"id":"019ef421-674b-72aa-8a30-3dd42b0bbefa","title":null,"body":"

Hey👋🏽! Working on a real estate template for framer marketplace. Here is a glimpse of what to expect 😉.

#framer #webdesign #uiux #figma

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey👋🏽! Working on a real estate template for framer marketplace. Here is a glimpse of what to expect "},{"type":"emoji","attrs":{"name":"wink","emoji":"😉"}},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"#framer #webdesign #uiux #figma"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/yg9wn5gz","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":3200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-23T10:58:10.384Z","updatedAt":"2026-06-23T10:58:10.384Z"},{"id":"019eedb3-2851-7611-ab12-ca9b4f92c628","title":null,"body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been spending a lot of time exploring what's possible when design meets AI-assisted development."}]},{"type":"paragraph","content":[{"type":"text","text":"For this project(TURN ON AUDIO FOR BEST EXPERIENCE "},{"type":"emoji","attrs":{"name":"nerd_face","emoji":"🤓"}},{"type":"text","text":" ), I pretty much babysat Codex from start to finish, turning a Figma design into a fully interactive experience in Framer. To keep everything pixel-perfect, I exported key frames from Figma as SVGs before bringing them into the build "},{"type":"emoji","attrs":{"name":"hammer_and_pick","emoji":"⚒"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"The fun part wasn't the visuals—it was the interactions "},{"type":"emoji","attrs":{"name":"upside_down_face","emoji":"🙃"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"I added click and drag interactions, then spent way too much time tweaking sound effects until every action felt just right. It's amazing how a small sound can completely change how an interaction feels "},{"type":"emoji","attrs":{"name":"wink","emoji":"😉"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"My favorite part, though, has to be the fireworks animation 🏌‍♂️ . Watching it come to life after a few iterations made the whole project worth it."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with Figma, Codex, and Framer "},{"type":"emoji","attrs":{"name":"sunglasses","emoji":"😎"}},{"type":"text","text":" ."}]},{"type":"paragraph","content":[{"type":"text","text":"Link:"},{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"https://photoledger.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://photoledger.framer.website","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#interactiondesign #codex #webdesign #framer"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/0201euUJhbrGvuuVufg002W7pzPfuYRTvLBZpQl004l8j1k.m3u8","metadata":{"posterUrl":"https://image.mux.com/0201euUJhbrGvuuVufg002W7pzPfuYRTvLBZpQl004l8j1k/thumbnail.webp?time=79.167","aspectRatio":"490:299","duration":90.366667}}],"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-06-22T05:00:02.005Z","updatedAt":"2026-06-22T05:00:02.005Z"},{"id":"019eebf7-a353-7502-b79e-4d1cd4554f85","title":null,"body":"

It includes:

Animated jotter illustration

Web Audio page-flip sound, no audio files

Progress ring countdown

Responsive resizing for all screens

Fully editable Framer property controls

Support for up to 10 testimonials

Perfect for adding motion, personality, and a little delight to your testimonial sections without extra setup.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Testimonial Jotter","marks":[{"type":"bold"}]},{"type":"text","text":", a Framer component that turns testimonials into a living notebook moment. A pen writes each quote in real time, synced to your slide interval, then the page flips away with a crisp browser-synthesized paper sound."}]},{"type":"paragraph","content":[{"type":"text","text":"It includes:"}]},{"type":"paragraph","content":[{"type":"text","text":"Animated jotter illustration"}]},{"type":"paragraph","content":[{"type":"text","text":"Web Audio page-flip sound, no audio files"}]},{"type":"paragraph","content":[{"type":"text","text":"Progress ring countdown"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive resizing for all screens"}]},{"type":"paragraph","content":[{"type":"text","text":"Fully editable Framer property controls"}]},{"type":"paragraph","content":[{"type":"text","text":"Support for up to 10 testimonials"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for adding motion, personality, and a little delight to your testimonial sections without extra setup."}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"HDs0bad2wroHN1S0XUvJ","resolved":true,"title":"Testimonial Jotter","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A testimonial carousel with a live animated jotter — a pen writes on the page, tears it off on each transition, with a page-flip sound. Fully responsive, panel-editable, and drop-in ready for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Why does social proof still look so boring?","marks":[{"type":"bold"}]},{"type":"text","text":" Tired of the same old headshot-and-quote routine? Jotter Testimonial flips the script. A pen actively writes across a notebook page, timed to your slide interval — then rips away with a flip animation and a crisp paper sound, all synthesised natively in the browser with zero audio files. Colors, typography, spacing — everything is surfaced in Framer's property panel, supports up to 10 testimonials, and adapts cleanly to all screen sizes without any extra setup."}]},{"type":"paragraph","content":[{"type":"text","text":"KEY FEATURES:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Live jotter illustration: ","marks":[{"type":"bold"}]},{"type":"text","text":"Animated pen writes on a notebook page in real time, synced to your slide interval. Page tears off on every transition."}]},{"type":"paragraph","content":[{"type":"text","text":"Web Audio page-flip sound: ","marks":[{"type":"bold"}]},{"type":"text","text":"Synthesised paper-flip sound on each transition. Built with the Web Audio API — no audio files, no external dependencies."}]},{"type":"paragraph","content":[{"type":"text","text":"Progress ring countdown: ","marks":[{"type":"bold"}]},{"type":"text","text":"An animated SVG ring wraps the avatar and counts down to the next slide. Resets instantly on manual navigation."}]},{"type":"paragraph","content":[{"type":"text","text":"Full responsive breakpoints: ","marks":[{"type":"bold"}]},{"type":"text","text":"ResizeObserver-powered. Font sizes, avatar sizes, padding, and jotter scale adapt automatically to desktop, tablet, and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"100% panel-editable: ","marks":[{"type":"bold"}]},{"type":"text","text":"Every color, font, size, radius, and interval is exposed in Framer's property panel. No code editing needed after install."}]},{"type":"paragraph","content":[{"type":"text","text":"Up to 10 testimonials: ","marks":[{"type":"bold"}]},{"type":"text","text":"Add testimonials as an array directly from the panel. Name, role, quote, and avatar per entry. Dot indicators scale automatically."}]},{"type":"paragraph","content":[{"type":"text","text":"Refund policy:","marks":[{"type":"bold"}]},{"type":"text","text":" Refunds are only issued in cases where the component is proven to be defective or not working as described."}]},{"type":"paragraph","content":[{"type":"text","text":"To be eligible, you must contact support within 7 days of purchase with clear details of the issue. If the problem cannot be resolved, a refund will be processed."}]},{"type":"paragraph"}]},"introduction":"Testimonial Customizable Card","slug":"testimonial-jotter","author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/hm9gsomn","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-06-21T20:55:35.464Z","updatedAt":"2026-06-24T13:15:07.086Z","publishedAt":"2026-06-21T20:55:35.460Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://testimonials-card.framer.website/","price":"10","paymentUrl":"https://siji-ibukun.lemonsqueezy.com/checkout/buy/fef82f3a-a883-446b-a8b1-dd2ca59d1a4d","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"zrSVZBn9nPNsg94BCXb8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T20:55:35.507Z","updatedAt":"2026-06-21T20:55:35.507Z"},{"id":"019ee5a3-6800-715d-b3af-b90d4dae7fac","title":null,"body":"

Hey guys, I have been unable to post my new template on marketplace for more than a day now, it just keeps throwing error. I have same issue with posting a component too. I have reached out to support but they have been unable to help too. Tired!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey guys, I have been unable to post my new template on marketplace for more than a day now, it just keeps throwing error. I have same issue with posting a component too. I have reached out to support but they have been unable to help too. Tired!"}]}]},"author":{"framerUserId":"5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2","name":"Siji Ibukun Olaifa","slug":"siji-ibukun","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a5cee7a-2e13-4be3-80e8-0e4cf56e82f2/zhlvvdft","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-20T15:25:52.004Z","updatedAt":"2026-06-20T15:25:52.004Z"}],"pagination":{"next":"MDE5ZWU1YTMtNjgwMC03MTVkLWIzYWYtYjkwZDRkYWU3ZmFj","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L68"}]