51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T9e7,

Add an engaging scratch-to-reveal interaction to your Framer website and turn a simple image section into an interactive experience.

Scratch Image Reveal lets you hide an image behind a customizable cover that visitors can scratch away using their mouse or finger. As they interact with the component, the hidden image is gradually revealed, creating a simple but engaging interaction that can make your website sections more memorable.

The component is fully customizable through Framer’s property panel, allowing you to change the revealed image, text, colors, typography, brush size and corner radius without editing the code.

Features

Mouse interaction - Scratch using click and drag
Touch support - Works with touch gestures on mobile and tablets
Custom image - Upload any image to reveal
Custom cover color - Change the scratch layer background
Pattern customization - Adjust the dot pattern color
Custom text - Add your own headline and subline
Font controls - Customize the font and font size
Adjustable brush size - Control how much is revealed with each stroke
Custom radius - Adjust the component's corner radius
No extra setup - Add it to your Framer project and customize it from the properties panel

Perfect For

Website mockup reveals
Portfolio projects
Before & after sections
Product reveals
Creative landing pages
Interactive presentations
Case studies
Design showcases

How It Works

Add the Scratch Image Reveal component to your Framer project.
Upload the image you want to reveal.
Customize the headline, subline, colors, font, brush size, and radius.
Publish your website.
Visitors can scratch the cover using their mouse or finger to reveal the image underneath.

Support

Need help setting up or customizing the component?

Contact khizerjaved139@gmail.com and I'll be happy to help.

53:T5db,

My portfolio website is finally live. 👀

I’ve been meaning to build my own website for a long time and I finally decided to do it.

If I’m being honest, working on your own website is very easy to keep delaying. There’s always something else to work on and you can always tell yourself, “I’ll finish it later.” 😂

So I finally gave myself the time to sit down and build it properly.

I built the whole site using Framer and kept it focused on the work I actually do.

You’ll find some of my projects, the services I offer, my process and a little more about how I work with clients.

I’ve added a few projects for now and I’ll be adding more of my work to the site soon.

I also wanted the website to feel simple, playful and give a better idea of what it’s like to work with me.

You can check it out here:

🔗 https://khizer-javed.framer.website/

I’m also open to new projects whether you’re a business looking for a website or an agency looking for a reliable white-label web design & development partner to work behind the scenes.

If you’re working on something and need help with the design or development, feel free to reach out.

54:T7cb,

𝐀 𝐦𝐢𝐥𝐞𝐬𝐭𝐨𝐧𝐞 𝐟𝐨𝐫 𝐦𝐲 𝐆𝐨𝐨𝐠𝐥𝐞 𝐑𝐞𝐯𝐢𝐞𝐰 𝐏𝐨𝐩𝐮𝐩 𝐅𝐫𝐚𝐦𝐞𝐫 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭 🚀

I recently received an interesting inquiry from a web agency asking:

“𝐃𝐨𝐞𝐬 𝐚 𝐬𝐢𝐧𝐠𝐥𝐞 𝐩𝐮𝐫𝐜𝐡𝐚𝐬𝐞 𝐚𝐥𝐥𝐨𝐰 𝐦𝐞 𝐭𝐨 𝐮𝐬𝐞 𝐢𝐭 𝐨𝐧 𝐦𝐮𝐥𝐭𝐢𝐩𝐥𝐞 𝐅𝐫𝐚𝐦𝐞𝐫 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬?”

It was a great question especially because agencies often build and launch websites for multiple clients.

But for components and templates on Framer Marketplace, the answer is

𝐨𝐧𝐞 𝐩𝐮𝐫𝐜𝐡𝐚𝐬𝐞 = 𝐨𝐧𝐞 𝐅𝐫𝐚𝐦𝐞𝐫 𝐰𝐞𝐛𝐬𝐢𝐭𝐞 𝐩𝐫𝐨𝐣𝐞𝐜𝐭.

This also reminded me how important it is for freelancers and agencies to check the specific license terms of Framer Marketplace components before using them across multiple client projects.

At the same time, it was genuinely exciting to see something I built being considered for use across multiple client websites.

It made me think more seriously about how I structure my Framer components for real-world agency workflows rather than just individual projects.

Now I've made a one-time "Multiple Site License" for agencies so that they can use my components and templates without purchasing for individual website project that can save their time and investment.

For anyone interested in seeing the component that sparked this question:

👉 https://lnkd.in/d2-cX2_F

55:T9c7,

Create a polished WhatsApp chat experience for your Framer website with WhatsApp Popup Chat - a highly customizable component designed to help businesses turn website visitors into real conversations.

✨ Built for flexibility

Floating WhatsApp button with customizable size, position, colors, icon and badge
Solid or animated gradient button styles
Multiple attention animations including pulse, bounce, shake, glow, rotate and wiggle
Custom agent avatar, name, status and response time
Personalized welcome message
Quick reply buttons for FAQs, pricing, support, bookings and more
Custom message input with pre-filled WhatsApp messages
Light, dark and automatic theme modes
Fully customizable popup dimensions, radius, shadows and header styling
Animated gradient header option
Responsive desktop and mobile layouts
Click-outside and ESC-to-close controls
Smooth animations and transitions
Automatic fallback avatar when an image fails to load
Intersection-based animation handling for better performance
Framer static-renderer support

📱 Easy WhatsApp Integration

Simply enter your WhatsApp number with the country code, customize your content and design and you're ready to connect visitors directly to WhatsApp without complicated setup or APIs.

🎨 Made for Your Brand

Every major visual element can be customized through Framer Property Controls allowing you to create a chat widget that feels native to your website rather than looking like a generic third-party plugin.

💎 Support

Need help setting up the component, customizing it or getting the most out of its features?

I'm happy to help.

📩 Support: khizerjaved139@gmail.com

Build a more engaging website experience and make it easier for visitors to start a conversation with your business.

56:Tabc,

Advanced Countdown is a customizable animated countdown timer for modern Framer websites. Create urgency and highlight important dates with smooth animations, flexible layouts and beautiful styles - no code required.

Perfect for product launches, limited-time offers, events, webinars, coming-soon pages, campaigns and deadlines.

⏰ Time & Date

Select your end date from the Framer property panel
Automatically adapts to the visitor’s local timezone
Custom message when the countdown reaches zero

📐 Layout

Horizontal or Vertical layouts
Adjustable box size, spacing and corner radius
Show or hide Days, Hours, Minutes or Seconds individually

🎨 4 Fill Styles

Choose from:

Solid - clean and minimal
Gradient - adjustable gradient angle
Glassmorphism - blur and opacity controls
Unique Per Unit - custom background and border for each unit

🎞 7 Animations

Add smooth number transitions with: Slide, Fade, Scale, Blur, Bounce, Flip and Skew

Choose animation speed from Snail, Slow, Normal, Fast or Instant.

🔤 Number Styling

Custom font size, weight and color
Optional leading zeros (01, 02, 03…)
Smooth digit-by-digit transitions

🏷 Labels & Separators

Customize or hide Days, Hours, Mins and Secs labels
Control label size, color and weight
Add custom separators with color and opacity controls

🧠 Reliable & Framer-Friendly

Safe date handling
Static-renderer support
Automatically stops when the countdown ends
Optimized for smooth performance

🚀 No Code. Full Control.

Drop Advanced Countdown into your Framer project, select your date, choose your style and animation, customize the design and publish.

No coding required - just add, customize and launch.

57:T50e,

Just launched free Social Share Popup framer component!

I wanted to create something simple, flexible and actually useful for real websites not just basic share button.

You can use it on blogs, portfolios, case studies, product pages, events, articles and any page worth sharing.

The component opens a full-screen share popup with a blurred background so it doesn’t take up permanent space on your website. You can place the trigger anywhere you want and choose between text, icon or icon + text styles.

It also includes multiple sharing options, Copy Link, device sharing, light/dark styling, customizable colors, typography, spacing and responsive layouts.

I’ve tried to keep it easy to customize while still giving you enough control to make it fit your own design.

Preview Link: https://social-share-popup.framer.website/

Would love to hear your thoughts! If you try it on a project let me know what you think or what you'd like to see added in the next version. 🙌

58:T673,

Trust drives conversions.

A beautiful website is important but visitors also need a reason to trust your business before taking action.

Your Google reviews are already powerful social proof so why hide them on your Google Business Profile?

That’s why I created Google Reviews Popup - a Framer component that brings your reviews directly onto your website.

And it’s built for non-technical Framer website owners. No API keys, No API billings or complicated integrations.

How does it work?

Simply:

1. Copy the Google reviews you want to showcase on your website from Google Business Profile.

2. Add the actual rating for each review.

3. Add your Google Business Profile link.

4. Customize the component and you're ready to go.

Important: Keep the reviews and ratings accurate and consistent with your actual Google Business Profile. When visitors can recognize the same genuine reviews and ratings on your website and Google, it helps create a more credible and trustworthy experience.

Turn your existing Google reputation into visible social proof that gives visitors more confidence to take the next step.

👉 See the live demo of Google Reviews Popup Framer component

59:Ta02,

Showcase your Google Business reviews in a beautiful floating popup for your Framer website without Google API keys, Google Cloud setup, API billing or complicated technical configuration.

Google Review Popup is made for businesses, freelancers, agencies and Framer creators who want to add social proof in a simple way.

Instead of connecting to Google's API, copy your latest reviews from your Google Business Profile and add them manually through the Framer property panel.

WHY GOOGLE REVIEW POPUP?

No API Required - No Google Cloud project, API keys, API configuration or technical setup.
No API Billing - No Google API connection means no API usage or recurring API costs.
Simple Setup - Copy your reviews, add them to the component, customize the design and publish.
Built for Trust - Give visitors an easy way to see genuine customer feedback.

FEATURES

• Multiple Google Business reviews

• Floating review button

• Expandable reviews

• Reviewer names and avatars

• Star ratings and dates

• Optional Google review links

• Custom colors and styling

• Typography controls

• Smooth animations

• Flexible popup positioning

• Responsive desktop, tablet, and mobile design

• No external services

• No Google API

• No Google Cloud

• No API billing

• No coding required

HOW IT WORKS

1. Add the component to your Framer project.

2. Copy your latest reviews from your Google Business Profile.

3. Add the reviewer name, avatar, rating, date and review text through the property panel.

4. Customize the popup to match your website.

5. Publish.

ONE-TIME PURCHASE

$10 one-time payment. No subscription and no recurring API costs.

IMPORTANT

This component does not automatically fetch or synchronize reviews from Google. Reviews are added manually through the Framer property panel. When you receive new reviews, simply copy them from your Google Business Profile and update the component.

SUPPORT

Need help? Contact khizerjaved139@gmail.com and I'll be happy to help.

5a:T4b9,

I’ve been meaning to post here for quite some time.

Since Framer started putting more focus on the community, I’ve been thinking that I should spend more time here, meet other designers and developers, share ideas and see what everyone is building.

But honestly client projects, deadlines and the usual work kept me busy so I never really got the time to do it.

Now I’ve finally decided to make some time for the community as well 😄

I’m also working on a new component for Framer websites. It’s a simple solution but one that I think can be really useful for businesses and websites that want to build more trust with their visitors.

I thought I’d share an early look at it even though it’s still being worked on. The screenshot is a little blurry but maybe that makes it more fun 😄

What do you think I’m working on? 👀

Looking forward to being more active here, meeting new people, learning from other Framer creators and hopefully getting the chance to work together on some projects too.

5b:T1732,

Stellar Background is a high-performance, deeply customizable starfield component designed for creators who want their website to feel alive, premium and unforgettable.

From subtle atmospheric glow to dramatic shooting stars, every detail is engineered to create depth, motion and realism without slowing down your site.

Why This Is Not a Typical Star Background

Most star backgrounds are static or repetitive.

This one is procedural, dynamic and layered meaning:

No repeating patterns
Every star behaves uniquely
Motion feels natural, not artificial
Depth feels real (like looking into space)

It’s the difference between:👉 “a background”vs👉 “an immersive environment”

What You Can Create With This

Premium SaaS landing pages
AI / Tech startup websites
Space / futuristic themes
Hero sections that instantly grab attention
Portfolio backgrounds that feel alive
High-end product presentations

Core Features

Realistic Star System

Two layers: small distant stars + large hero stars
Natural star colors (blue-white → warm orange)
Optional pure white mode for minimal designs

Advanced Twinkle Engine

Each star flickers independently (no synced animation)
Adjustable intensity & speed
Creates a natural night-sky effect

Glow & Light Effects

Soft radial glow around stars
Pulsing brightness for realism
Big stars create cinematic shine

True Depth (Parallax Layers)

Multiple depth layers simulate distance
Stars move at different speeds → real depth illusion
Feels like a 3D environment on a 2D screen

Shooting Stars System

Fully customizable shooting stars
Control:
- Direction
- Speed
- Trail length
- Quantity
Smooth fade-in / fade-out animation
Random or fixed angles

Atmospheric Fog

Subtle space haze
Adds cinematic depth
Perfect for premium hero sections

Organic Motion (Drift System)

Each star moves slightly differently
No robotic movement
Creates a living background feel

Property Controls (Fully Customizable)

You can control everything visually inside Framer - no coding needed.

Performance Optimized

Uses Canvas rendering (not DOM-heavy)
Smooth animations even with hundreds of stars
Lightweight and optimized for real websites

What Makes It Premium

No repetition patterns
Physically inspired motion
Layer-based depth system
Cinematic lighting & glow
Fully customizable without code

This isn’t just “stars”… It’s a designed visual system.

What You Get After Purchase

After purchasing, you will receive a .zip file containing:

StellarBackground.tsx (the component code)
README.txt (step-by-step instructions)

How To Use

Follow these steps:

1. Extract the ZIP File

Right-click the downloaded file
Click Extract / Unzip

2. Open the TSX File

Open StellarBackground.tsx
Copy all the code inside

3. Add It to Framer

Open your Framer project
Go to Assets → Code → + New Code Component
Paste the copied code
Save

4. Use the Component

Drag Stellar Background onto your canvas
Resize it to fill your section

5. Customize Visually

Use the right-side panel (Property Controls)
Adjust stars, glow, motion, shooting stars - everything

👉 No coding required after setup

Pro Tips (To Get Best Results)

Use low small star size + higher count → realistic space
Add few big stars with glow → premium feel
Enable shooting stars for hero sections
Use dark gradient background for best contrast
Combine with glass UI / neon text for next-level design

Final Result

You don’t just get a background.

You get:

Motion
Depth
Atmosphere
Emotion

A small detail that makes your entire website feel 10x more premium.

5c:Tca3,

Physics Stack adds natural drag, movement and collision effects to your Framer projects. Simply place your frames inside the component and they will move, bounce and interact like real objects.

Everything is fully customizable from the properties panel - adjust gravity, movement strength and bounce to match your design style.

Designed for smooth performance and easy setup, this component works perfectly in Preview and Live site.

How It Works

Add PhysicsStack: Drag the PhysicsStack component into your Framer canvas.
Create Frames: Make all the frames you want to interact (text, images or shapes).
Name Your Frames: Give each frame a clear name for easy identification.
Select Frames: In PhysicsStack’s Children section, pick the frames you want to include.
Preview: Hit Preview to see your frames collide, bounce and interact naturally.
Customize Physics: Choose a preset (Default, Bouncy, Heavy, Low Friction, Windy Day) or tweak Gravity, Bounciness, Friction, Drag, and Density by selecting Custom option.

Tip: In Canvas you’ll see a placeholder and the real physics happen when you Preview or Publish.

Key Features

Drag & Drop: Move frames freely with mouse or touch.
Collisions: Frames bounce and react like real objects.
Physics Presets: Quick options for different behaviors - Default, Bouncy, Heavy, Low Friction, Windy Day and Custom.
Customizable Physics: Adjust gravity, friction, bounce, and drag.
Smooth Performance: Optimized for Framer Preview and Publish.
No Coding Needed: Works visually - just drag your frames inside.

Perfect For

Portfolio websites
Landing pages
Product showcases
Agency websites
Interactive galleries
Presentations
Education or tutorials
Creative web apps
Marketing visuals
Game mockups
Interactive dashboards
Social media previews
Hero sections
Animation experiments
Experimental layouts

License / Credits

Physics powered by Matter.js v0.19.0 (MIT License)

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-611e36e3-1fc5-45f6-b003-79c42b77211e-all:/unified/creator/611e36e3-1fc5-45f6-b003-79c42b77211e/activity/":[{"data":[{"id":"01a11691-3d2d-767e-93a4-dd7d2c603457","type":"template.liked","target":{"type":"template","id":"75128","preview":"Tubwell","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/01a1168c-3df7-7612-98a7-bed5e221e5d7.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-07T13:32:59.560Z","latestAt":"2026-10-07T13:32:59.560Z"},{"id":"01a11671-626e-74df-81d9-7331f320d332","type":"comment.liked","target":{"type":"comment","id":"01a115f2-be6d-7737-82d5-e1020cdff14a","preview":"Glad you shared the full page after the hero teaser. The real test is whether the rest of the page gives that first impression a clear path to the program details.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Glad you shared the full page after the hero teaser. The real test is whether the rest of the page gives that first impression a clear path to the program details."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a11517-9f7d-71e8-b08c-2b41d05205cc","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a115f2-be6d-7737-82d5-e1020cdff14a"},"repost":null}},"context":{"type":"post","id":"01a11517-9f7d-71e8-b08c-2b41d05205cc","preview":"The wait is finally over 😂\nI completely forgot to share this landing page. I’ve been busy with other projects so this one somehow got left to share with you..\nYou guys loved the hero when I shared it in my last post so I thought it was finally time to show you the full landing page.\nBuilt and developed in Framer for FitX Coach.\nCheck it out: https://fitx-12-week-program.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The wait is finally over "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]},{"type":"paragraph","content":[{"type":"text","text":"I completely forgot to share this landing page. I’ve been busy with other projects so this one somehow got left to share with you.."}]},{"type":"paragraph","content":[{"type":"text","text":"You guys loved the hero when I shared it in my last post so I thought it was finally time to show you the full landing page."}]},{"type":"paragraph","content":[{"type":"text","text":"Built and developed in Framer for FitX Coach."}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out: "},{"type":"text","text":"https://fitx-12-week-program.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://fitx-12-week-program.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/01a11516-e6c5-700b-82d1-73749224ce25.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a11517-9f7d-71e8-b08c-2b41d05205cc","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T12:58:11.947Z","latestAt":"2026-10-07T12:58:11.947Z"},{"id":"01a11573-4cab-705d-a402-9df79f7af376","type":"comment.liked","target":{"type":"comment","id":"01a1153d-9bca-723f-abd6-dd96617c2afb","preview":"Okay, this is a good one! 👏","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Okay, this is a good one! "},{"type":"emoji","attrs":{"name":"clap","emoji":"👏"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a11517-9f7d-71e8-b08c-2b41d05205cc","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a1153d-9bca-723f-abd6-dd96617c2afb"},"repost":null}},"context":{"type":"post","id":"01a11517-9f7d-71e8-b08c-2b41d05205cc","preview":"The wait is finally over 😂\nI completely forgot to share this landing page. I’ve been busy with other projects so this one somehow got left to share with you..\nYou guys loved the hero when I shared it in my last post so I thought it was finally time to show you the full landing page.\nBuilt and developed in Framer for FitX Coach.\nCheck it out: https://fitx-12-week-program.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The wait is finally over "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]},{"type":"paragraph","content":[{"type":"text","text":"I completely forgot to share this landing page. I’ve been busy with other projects so this one somehow got left to share with you.."}]},{"type":"paragraph","content":[{"type":"text","text":"You guys loved the hero when I shared it in my last post so I thought it was finally time to show you the full landing page."}]},{"type":"paragraph","content":[{"type":"text","text":"Built and developed in Framer for FitX Coach."}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out: "},{"type":"text","text":"https://fitx-12-week-program.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://fitx-12-week-program.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/01a11516-e6c5-700b-82d1-73749224ce25.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a11517-9f7d-71e8-b08c-2b41d05205cc","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T08:20:40.229Z","latestAt":"2026-10-07T08:20:40.229Z"},{"id":"01a11519-b9ff-747f-a639-021bb3781f50","type":"post.liked","target":{"type":"post","id":"01a1148b-6c6e-714d-aec5-adb6cad965bd","preview":"New website for BanderaWeb Studio 🎉\nCheck it out at banderaweb.com","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New website for BanderaWeb Studio "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out at "},{"type":"text","text":"banderaweb.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.banderaweb.com/?utm_source=framer&utm_medium=post","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/01UaFGnjkTFI3vvhJIW9rCVq6MnEATHeKuiJlnhnlW5k/thumbnail.webp?time=15.042","targetDeleted":false,"owned":false,"actions":{"postId":"01a1148b-6c6e-714d-aec5-adb6cad965bd","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T06:42:49.979Z","latestAt":"2026-10-07T06:42:49.979Z"},{"id":"01a11519-a73e-77c0-9e54-3bb097fc84b0","type":"post.liked","target":{"type":"post","id":"01a1150f-71c9-726d-bcf7-9cdcf0a9ad77","preview":"Free to Remix in Framer → https://neexly.framer.website/\nWhat would your team do with the hours they lose to repetitive work?\nNeexly turns that wasted time into automated workflows—handling tasks, monitoring activity, connecting 250+ tools, and surfacing insights in real time.\nThe real value isn’t “AI automation.”\nIt’s giving your team more time to focus on work that actually moves the business forward.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Free to Remix","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/cMKbDM3","target":"_blank"}}]},{"type":"text","text":" in Framer → "},{"type":"text","text":"https://neexly.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://neexly.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What would your team do with the hours they lose to repetitive work?"}]},{"type":"paragraph","content":[{"type":"text","text":"Neexly","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/cMKbDM3","target":"_blank"}}]},{"type":"text","text":" turns that wasted time into automated workflows—handling tasks, monitoring activity, connecting 250+ tools, and surfacing insights in real time."}]},{"type":"paragraph","content":[{"type":"text","text":"The real value isn’t “AI automation.”"}]},{"type":"paragraph","content":[{"type":"text","text":"It’s giving your team more time to focus on work that actually moves the business forward."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b2e693cc-f59c-4f8e-bde0-94300933232f/01a1150e-3511-701f-9fbf-0c2a3bef04e2.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a1150f-71c9-726d-bcf7-9cdcf0a9ad77","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T06:42:45.164Z","latestAt":"2026-10-07T06:42:45.164Z"},{"id":"01a11519-98b4-77ea-b8a7-586a573b955a","type":"post.liked","target":{"type":"post","id":"01a114c8-a4d1-74a5-b204-6895b9b6015c","preview":"More treatment views. More appointment requests.\nMediSpa helps med spas and aesthetic clinics showcase Botox, fillers, facials, and more with a conversion-focused website.\n👉 Explore MediSpa: https://medispa.framer.ai/\n#medispa #framer #framertemplate #medspa #aestheticclinic #beautyclinic #designtocodes","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"More treatment views. More appointment requests.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"MediSpa","marks":[{"type":"bold"}]},{"type":"text","text":" helps med spas and aesthetic clinics showcase Botox, fillers, facials, and more with a "},{"type":"text","text":"conversion-focused website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://designtocodes.com/","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"👉 "},{"type":"text","text":"Explore MediSpa:","marks":[{"type":"bold"}]},{"type":"text","text":" https://medispa.framer.ai/"}]},{"type":"paragraph","content":[{"type":"text","text":"#medispa #framer #framertemplate #medspa #aestheticclinic #beautyclinic #designtocodes"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c6852b22-48a0-43a8-9b67-55012e76b7f8/01a114c7-6b5e-766e-bc8b-d76d6863fc88.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a114c8-a4d1-74a5-b204-6895b9b6015c","like":{"count":17,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":4,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T06:42:41.455Z","latestAt":"2026-10-07T06:42:41.455Z"},{"id":"01a11519-6848-773d-bd17-1aa0405d5e53","type":"post.liked","target":{"type":"post","id":"01a11512-84bd-747d-a5ef-4bde8cf25ca0","preview":"404 page design for next framer template architect studio","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"404 page design for next framer template architect studio"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a2ed0f24-d1ba-481b-a1be-72fc6b8b4369/01a11511-bfed-70cf-adfb-65232af329c7.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a11512-84bd-747d-a5ef-4bde8cf25ca0","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T06:42:29.058Z","latestAt":"2026-10-07T06:42:29.058Z"},{"id":"01a11519-3c6b-7069-a80c-76ac65a0ec74","type":"post.liked","target":{"type":"post","id":"01a11513-f8bc-76fe-9449-0fb06de917d1","preview":"We checked 247 US accounting, bookkeeping, CPA and fractional-CFO firm homepages (October 2026, one homepage each). If you design sites for finance clients, the gaps are remarkably consistent:\n79% had no online scheduling link. 81% didn't link to a pricing or fees page. 39% offered neither a way to book nor any pricing. 40% run on WordPress and 18% on DIY builders.\nThe fixes that would move these sites most are unglamorous: a booking link in the header, a \"from\" price on each service, one case study per core service, and one primary call to action per page.\nMethod and full numbers: https://folistead.com/research/accounting-firm-websites?utm_source=framer&utm_medium=community&utm_campaign=study_247_post\nCurious whether this matches what other designers see with accounting clients.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We checked 247 US accounting, bookkeeping, CPA and fractional-CFO firm homepages (October 2026, one homepage each). If you design sites for finance clients, the gaps are remarkably consistent:"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"79% had no online scheduling link. 81% didn't link to a pricing or fees page. 39% offered neither a way to book nor any pricing. 40% run on WordPress and 18% on DIY builders."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The fixes that would move these sites most are unglamorous: a booking link in the header, a \"from\" price on each service, one case study per core service, and one primary call to action per page."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Method and full numbers: "},{"type":"text","text":"https://folistead.com/research/accounting-firm-websites?utm_source=framer&utm_medium=community&utm_campaign=study_247_post","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://folistead.com/research/accounting-firm-websites?utm_source=framer&utm_medium=community&utm_campaign=study_247_post","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Curious whether this matches what other designers see with accounting clients."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/62bd0cfd-c2e4-4354-b501-61a2dd153d94/01a11513-d940-75ba-a5f8-128912fbc286.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a11513-f8bc-76fe-9449-0fb06de917d1","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T06:42:17.831Z","latestAt":"2026-10-07T06:42:17.831Z"},{"id":"01a11519-1c69-76cb-a48e-6cf30276c29f","type":"template.liked","target":{"type":"template","id":"75082","preview":"Flexies","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbb80050-e3b3-46cd-9da2-19eb3c621b47/01a11514-322d-750c-8638-7005b7bd27b1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-07T06:42:09.636Z","latestAt":"2026-10-07T06:42:09.636Z"},{"id":"01a10647-621c-70d4-b4dd-e1e1a6601b0b","type":"post.liked","target":{"type":"post","id":"01a105a6-5fe7-73a5-9df4-e36cff493a48","preview":"🚀 New Framer Component — VortexFieldA \nfuturistic animated background built for AI, SaaS & tech websites.\n✨ Flowing strands\n✨ Particles & comets\n✨ Custom shapes & colors\n✨ Cursor interaction\n✨ Fully customizable\n Drop into your project and create your own futuristic hero.\nwould you build with it?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" New "},{"type":"text","text":"Framer","marks":[{"type":"bold"}]},{"type":"text","text":" Component — VortexFieldA "}]},{"type":"paragraph","content":[{"type":"text","text":"futuristic animated background built for AI, SaaS & tech websites."}]},{"type":"paragraph","content":[{"type":"text","text":"✨ Flowing strands"}]},{"type":"paragraph","content":[{"type":"text","text":"✨ Particles & comets"}]},{"type":"paragraph","content":[{"type":"text","text":"✨ Custom shapes & colors"}]},{"type":"paragraph","content":[{"type":"text","text":"✨ Cursor interaction"}]},{"type":"paragraph","content":[{"type":"text","text":"✨ Fully customizable"}]},{"type":"paragraph","content":[{"type":"text","text":" Drop into your project and create your own futuristic hero."}]},{"type":"paragraph","content":[{"type":"text","text":"would you build with it? "}]}]},"thumbnail":"https://image.mux.com/VfGyKuzZQ9dMitHKhiJroYxnNZeusyygiBwoX01f5S2w/thumbnail.webp?time=2.167","targetDeleted":false,"owned":false,"actions":{"postId":"01a105a6-5fe7-73a5-9df4-e36cff493a48","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T09:38:23.896Z","latestAt":"2026-10-04T09:38:23.896Z"},{"id":"01a10643-e3ae-725e-9c89-de283c3b1ba7","type":"template.liked","target":{"type":"template","id":"74648","preview":"FirstCheck","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1c73030f-6a79-4752-a6ec-67dfa05f208e/01a105e9-740c-713a-b9e1-c2396aff7f1f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-04T09:34:34.919Z","latestAt":"2026-10-04T09:34:34.919Z"},{"id":"01a0ee07-0244-70ac-bd69-b1202e69b493","type":"creator.followed","target":{"type":"creator","id":"2179b778-b2d7-4c1e-ab27-60e7e12a6593","preview":"felix strobel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2179b778-b2d7-4c1e-ab27-60e7e12a6593/8gv1pj67","slug":"fs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-29T16:37:11.831Z","latestAt":"2026-09-29T16:37:11.831Z"},{"id":"01a0e903-c8e0-739a-85f2-b1eb61b3e4a7","type":"post.liked","target":{"type":"post","id":"01a0e8ef-2c5d-770e-bf7b-f2d71246bbd7","preview":"Manner is live on the @framer marketplace. \nit's a Swiss inspired template I made for design studios. \nkept it simple, but spent way too long on the small details. \ncheck it out below 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Manner is live on the "},{"type":"text","text":"@framer ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/framer","target":"_blank"}}]},{"type":"text","text":"marketplace. "}]},{"type":"paragraph","content":[{"type":"text","text":"it's a Swiss inspired template I made for design studios. "}]},{"type":"paragraph","content":[{"type":"text","text":"kept it simple, but spent way too long on the small details. "}]},{"type":"paragraph","content":[{"type":"text","text":"check it out below 👇"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4eda6286-3439-4556-868b-5db8cb4e1cfb/01a0e8ee-ff83-73e7-b9d4-87b716d276af.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0e8ef-2c5d-770e-bf7b-f2d71246bbd7","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-28T17:15:34.491Z","latestAt":"2026-09-28T17:15:34.491Z"},{"id":"01a0e5d8-376f-770c-82f5-1587ce5b0c1d","type":"comment.liked","target":{"type":"comment","id":"01a0e40e-9433-7679-8417-d4c195f7a24e","preview":"Clean","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fcc28-4213-710b-add9-20ba4d45057f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0e40e-9433-7679-8417-d4c195f7a24e"},"repost":null}},"context":{"type":"post","id":"019fcc28-4213-710b-add9-20ba4d45057f","preview":"Just launched free Social Share Popup framer component!\nI wanted to create something simple, flexible and actually useful for real websites not just basic share button.\nYou can use it on blogs, portfolios, case studies, product pages, events, articles and any page worth sharing.\nThe component opens a full-screen share popup with a blurred background so it doesn’t take up permanent space on your website. You can place the trigger anywhere you want and choose between text, icon or icon + text styles.\nIt also includes multiple sharing options, Copy Link, device sharing, light/dark styling, customizable colors, typography, spacing and responsive layouts.\nI’ve tried to keep it easy to customize while still giving you enough control to make it fit your own design.\nPreview Link: https://social-share-popup.framer.website/\nWould love to hear your thoughts! If you try it on a project let me know what you think or what you'd like to see added in the next version. 🙌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched free "},{"type":"text","text":"Social Share Popup ","marks":[{"type":"bold"}]},{"type":"text","text":"framer component!"}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to create something simple, flexible and actually useful for real websites not just basic share button."}]},{"type":"paragraph","content":[{"type":"text","text":"You can use it on "},{"type":"text","text":"blogs, portfolios, case studies, product pages, events, articles and any page worth sharing.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The component opens a "},{"type":"text","text":"full-screen share popup with a blurred background","marks":[{"type":"bold"}]},{"type":"text","text":" so it doesn’t take up permanent space on your website. You can place the trigger anywhere you want and choose between "},{"type":"text","text":"text, icon or icon + text","marks":[{"type":"bold"}]},{"type":"text","text":" styles."}]},{"type":"paragraph","content":[{"type":"text","text":"It also includes multiple sharing options, Copy Link, device sharing, light/dark styling, customizable colors, typography, spacing and responsive layouts.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve tried to keep it easy to customize while still giving you enough control to make it fit your own design."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview Link:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://social-share-popup.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://social-share-popup.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear your thoughts! If you try it on a project let me know what you think or what you'd like to see added in the next version. "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fcc25-6d86-75cd-8207-cd842e1a0093.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fcc28-4213-710b-add9-20ba4d45057f","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-28T02:29:07.561Z","latestAt":"2026-09-28T02:29:07.561Z"},{"id":"01a0d40b-a447-72ce-b81d-a16230021b2f","type":"post.liked","target":{"type":"post","id":"01a0d297-c97c-71d8-be78-ae508c6cd56a","preview":"Hero Section for a Creative Design Escape Beyond the Ordinary A Modern Travel Experience. rate it out of 10?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero Section for a Creative Design Escape Beyond the Ordinary A Modern Travel Experience. rate it out of 10?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e0222182-3d74-4d56-b2d9-eba289a28fa5/01a0d290-7b4f-75fd-a7bf-486369952f27.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0d297-c97c-71d8-be78-ae508c6cd56a","like":{"count":38,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T15:32:07.866Z","latestAt":"2026-09-24T15:32:07.866Z"},{"id":"01a0d40b-9cf0-72cb-8d03-9420b04671d9","type":"template.liked","target":{"type":"template","id":"73826","preview":"Aster Bloom","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/21f8da80-d520-4b8d-a91b-11af4d55c8d7/01a0d3dd-56a4-73ab-b23b-0c0b7b7c78c5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T15:32:05.991Z","latestAt":"2026-09-24T15:32:05.991Z"},{"id":"01a0d40b-3bd9-722d-a457-33f831805070","type":"template.liked","target":{"type":"template","id":"73837","preview":"Hospic","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/838a4bfc-7e65-4b83-a7cb-91b3101848d8/01a0d403-e81f-70a4-813d-d992b64a0050.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T15:31:41.136Z","latestAt":"2026-09-24T15:31:41.136Z"},{"id":"01a0cf41-3cf9-712c-848c-14de6614b6e1","type":"post.liked","target":{"type":"post","id":"01a0ce42-cdbd-7478-80fe-68bec5387f46","preview":"My Navoe @Framer template Just hit #1 on the Marketplace\nNAVOE is a minimal photographer portfolio with strong imagery, clean typography, and an editorial feel — designed to let the work speak for itself.\nCurrently sitting at #1. Really grateful to see it getting noticed.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My Navoe "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" template Just hit #1 on the Marketplace"}]},{"type":"paragraph","content":[{"type":"text","text":"NAVOE is a minimal photographer portfolio with strong imagery, clean typography, and an editorial feel — designed to let the work speak for itself."}]},{"type":"paragraph","content":[{"type":"text","text":"Currently sitting at #1. Really grateful to see it getting noticed."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ec561d9d-7490-4ec4-8c78-7a32bb8245f6/01a0ce41-30ef-7666-8dce-c072d27ade99.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0ce42-cdbd-7478-80fe-68bec5387f46","like":{"count":36,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-23T17:12:34.286Z","latestAt":"2026-09-23T17:12:34.286Z"},{"id":"01a0cf41-2c2a-71ac-8d1d-229ab4de8bc4","type":"template.liked","target":{"type":"template","id":"73716","preview":"Jasmine ®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a770f10c-736d-4cf8-93ca-f78bdb3b3638/01a0d9e1-65c0-771e-b544-0731a3641a96.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-23T17:12:29.990Z","latestAt":"2026-09-23T17:12:29.990Z"},{"id":"01a0cf41-1a48-770a-8881-4feec334c00c","type":"template.liked","target":{"type":"template","id":"73717","preview":"SOFT STAY","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/23702b39-dda6-4ff7-94d2-9633272a8c88/01a0cf3a-d1d9-7788-8a08-9d67428f9395.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","slug":"khizer-javed","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-23T17:12:25.409Z","latestAt":"2026-09-23T17:12:25.409Z"}],"pagination":{"next":"MjAyNi0wOS0yM1QxNzoxMjoyNS40MDlafDAxYTBjZjQxLTFhNDgtNzcwYS04ODgxLTRmZWVjMzM0YzAwYw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:611e36e3-1fc5-45f6-b003-79c42b77211e:/unified/posts/?creator=611e36e3-1fc5-45f6-b003-79c42b77211e&with=reposts":[{"data":[{"id":"01a11517-9f7d-71e8-b08c-2b41d05205cc","title":null,"body":"

The wait is finally over 😂

I completely forgot to share this landing page. I’ve been busy with other projects so this one somehow got left to share with you..

You guys loved the hero when I shared it in my last post so I thought it was finally time to show you the full landing page.

Built and developed in Framer for FitX Coach.

Check it out: https://fitx-12-week-program.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The wait is finally over "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]},{"type":"paragraph","content":[{"type":"text","text":"I completely forgot to share this landing page. I’ve been busy with other projects so this one somehow got left to share with you.."}]},{"type":"paragraph","content":[{"type":"text","text":"You guys loved the hero when I shared it in my last post so I thought it was finally time to show you the full landing page."}]},{"type":"paragraph","content":[{"type":"text","text":"Built and developed in Framer for FitX Coach."}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out: "},{"type":"text","text":"https://fitx-12-week-program.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://fitx-12-week-program.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/01a11516-e6c5-700b-82d1-73749224ce25.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1448,"height":1086}}],"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":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T06:40:32.137Z","updatedAt":"2026-10-07T06:40:32.137Z"},{"id":"01a0b97a-d4db-704a-9096-fc30e6dda663","title":null,"body":"

Started working on another landing page for a gym...

So far, I’ve built the top bar and hero section..

What do you think about the design?

Rate it from 1-10

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Started working on another landing page for a gym..."}]},{"type":"paragraph","content":[{"type":"text","text":"So far, I’ve built the top bar and hero section.."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think about the design?"}]},{"type":"paragraph","content":[{"type":"text","text":"Rate it from 1-10"}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/01a0b979-895f-72ce-81a7-31b8ae19d6b3.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":996,"height":663}}],"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":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T11:43:49.983Z","updatedAt":"2026-09-19T11:43:49.983Z"},{"id":"01a0b8c8-b3e1-76fd-a28f-6f54fd63775c","title":null,"body":"

Project understanding is the foundation of successful execution. If you don't understand the project, you can't deliver the right result.

From my experience, I’ve learned that you shouldn’t rush to take on or start a project just to get the work moving. Take the time to understand the project properly - what needs to be done, why it needs to be done, what the client or team expects and what the final result should achieve.

If you misunderstand the project at the beginning, you can spend a lot of time and effort working in the wrong direction. No matter how well you do the work, the result may still not be what was actually needed.

Don’t rush the understanding. Ask questions, clarify the requirements and take the time to understand the project before you start.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Project understanding is the foundation of successful execution. If you don't understand the project, you can't deliver the right result. "}]},{"type":"paragraph","content":[{"type":"text","text":"From my experience, I’ve learned that you shouldn’t rush to take on or start a project just to get the work moving. Take the time to understand the project properly - what needs to be done, why it needs to be done, what the client or team expects and what the final result should achieve. "}]},{"type":"paragraph","content":[{"type":"text","text":"If you misunderstand the project at the beginning, you can spend a lot of time and effort working in the wrong direction. No matter how well you do the work, the result may still not be what was actually needed. "}]},{"type":"paragraph","content":[{"type":"text","text":"Don’t rush the understanding. Ask questions, clarify the requirements and take the time to understand the project before you start."}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/01a0b8c7-ea66-72bf-af7d-479d2e9b6235.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1254,"height":1254}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T08:29:16.133Z","updatedAt":"2026-09-19T08:29:16.133Z"},{"id":"01a0b460-0c65-779d-94f8-05e01a9a561f","title":null,"body":"

Just launched Scratch Image Reveal component! ✨

It adds an interactive scratch-to-reveal effect to your Framer websites with customizable images, text, colors, typography, brush size, radius and more.

Perfect for portfolios, website mockups, product reveals, case studies, before & after sections and creative landing pages. Just drop it into your Framer project and customize it from the property panel. No code needed!

Would love to hear what you think ❤

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched "},{"type":"text","text":"Scratch Image Reveal","marks":[{"type":"bold"}]},{"type":"text","text":" component! "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"It adds an interactive scratch-to-reveal effect to your Framer websites with customizable images, text, colors, typography, brush size, radius and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for portfolios, website mockups, product reveals, case studies, before & after sections and creative landing pages. Just drop it into your Framer project and customize it from the property panel. No code needed!"}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear what you think "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NIgP458tgyRaamdzUDbv","resolved":true,"title":"Scratch Image Reveal","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add an engaging "},{"type":"text","text":"scratch-to-reveal interaction","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer website and turn a simple image section into an interactive experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Scratch Image Reveal","marks":[{"type":"bold"}]},{"type":"text","text":" lets you hide an image behind a customizable cover that visitors can scratch away using their mouse or finger. As they interact with the component, the hidden image is gradually revealed, creating a simple but engaging interaction that can make your website sections more memorable."}]},{"type":"paragraph","content":[{"type":"text","text":"The component is fully customizable through Framer’s property panel, allowing you to change the revealed image, text, colors, typography, brush size and corner radius without editing the code."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse interaction","marks":[{"type":"bold"}]},{"type":"text","text":" - Scratch using click and drag"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch support","marks":[{"type":"bold"}]},{"type":"text","text":" - Works with touch gestures on mobile and tablets"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom image","marks":[{"type":"bold"}]},{"type":"text","text":" - Upload any image to reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom cover color","marks":[{"type":"bold"}]},{"type":"text","text":" - Change the scratch layer background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pattern customization","marks":[{"type":"bold"}]},{"type":"text","text":" - Adjust the dot pattern color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom text","marks":[{"type":"bold"}]},{"type":"text","text":" - Add your own headline and subline"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font controls","marks":[{"type":"bold"}]},{"type":"text","text":" - Customize the font and font size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable brush size","marks":[{"type":"bold"}]},{"type":"text","text":" - Control how much is revealed with each stroke"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom radius","marks":[{"type":"bold"}]},{"type":"text","text":" - Adjust the component's corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No extra setup","marks":[{"type":"bold"}]},{"type":"text","text":" - Add it to your Framer project and customize it from the properties panel"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Website mockup reveals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Before & after sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product reveals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive presentations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design showcases"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add the "},{"type":"text","text":"Scratch Image Reveal","marks":[{"type":"bold"}]},{"type":"text","text":" component to your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload the image you want to reveal."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the headline, subline, colors, font, brush size, and radius."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your website."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visitors can scratch the cover using their mouse or finger to reveal the image underneath."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Need help setting up or customizing the component?"}]},{"type":"paragraph","content":[{"type":"text","text":"Contact "},{"type":"text","text":"khizerjaved139@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:khizerjaved139@gmail.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" and I'll be happy to help."}]}]},"introduction":"Interactive scratch reveal effect","slug":"scratch-image-reveal","author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/01a0b45e-53b8-726b-9d5c-2350df0954be.png","metadata":{"tint":{"h":210,"s":67,"l":9},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-18T11:56:28.034Z","updatedAt":"2026-09-18T13:30:43.144Z","publishedAt":"2026-09-18T11:56:28.031Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scratch-image-reveal.framer.website/","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_ort88DoQWaxKb7mOTKZPvPoj69ncu286nTQ931P862A","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"cdxnuqHfOj8KASDJOuPq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T11:56:28.645Z","updatedAt":"2026-09-18T11:56:28.645Z"},{"id":"01a08fce-3f75-74d9-9718-366493cab277","title":null,"body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My portfolio website is finally live. "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve been meaning to build my own website for a long time and I finally decided to do it."}]},{"type":"paragraph","content":[{"type":"text","text":"If I’m being honest, working on your own website is very easy to keep delaying. There’s always something else to work on and you can always tell yourself, “I’ll finish it later.” "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]},{"type":"paragraph","content":[{"type":"text","text":"So I finally gave myself the time to sit down and build it properly."}]},{"type":"paragraph","content":[{"type":"text","text":"I built the whole site using "},{"type":"text","text":"Framer","marks":[{"type":"bold"}]},{"type":"text","text":" and kept it focused on the work I actually do."}]},{"type":"paragraph","content":[{"type":"text","text":"You’ll find some of my projects, the services I offer, my process and a little more about how I work with clients."}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve added a few projects for now and I’ll be adding more of my work to the site soon."}]},{"type":"paragraph","content":[{"type":"text","text":"I also wanted the website to feel simple, playful and give a better idea of what it’s like to work with me."}]},{"type":"paragraph","content":[{"type":"text","text":"You can check it out here:"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"https://khizer-javed.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://khizer-javed.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"I’m also open to new projects whether you’re a business looking for a website or an agency looking for a reliable white-label web design & development partner to work behind the scenes."}]},{"type":"paragraph","content":[{"type":"text","text":"If you’re working on something and need help with the design or development, feel free to reach out."}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/hAQOWyugGgz02fOyhaJ5EOPPdbCV22c22ILbz6J8MJR4.m3u8","metadata":{"posterUrl":"https://image.mux.com/hAQOWyugGgz02fOyhaJ5EOPPdbCV22c22ILbz6J8MJR4/thumbnail.webp?time=8.233","aspectRatio":"137:59","duration":59.833333}}],"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":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-11T09:30:53.699Z","updatedAt":"2026-09-11T09:30:53.699Z"},{"id":"01a060a6-673b-765f-9831-22cf24b62d66","title":null,"body":"

Another feedback for my component 🙌

Preview: https://whatsapp-popup-chat.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Another feedback for my component "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]},{"type":"paragraph","content":[{"type":"text","text":"Preview: "},{"type":"text","text":"https://whatsapp-popup-chat.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://whatsapp-popup-chat.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/01a060a3-16be-760e-965e-6917f9c3576c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1641,"height":279}}],"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-09-02T05:45:13.278Z","updatedAt":"2026-09-02T05:45:13.278Z"},{"id":"01a01871-3c99-75b9-b740-46582a76ebed","title":null,"body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"𝐀 𝐦𝐢𝐥𝐞𝐬𝐭𝐨𝐧𝐞 𝐟𝐨𝐫 𝐦𝐲 "},{"type":"text","text":"𝐆𝐨𝐨𝐠𝐥𝐞 𝐑𝐞𝐯𝐢𝐞𝐰 𝐏𝐨𝐩𝐮𝐩 𝐅𝐫𝐚𝐦𝐞𝐫 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"I recently received an interesting inquiry from a web agency asking:"}]},{"type":"paragraph","content":[{"type":"text","text":"“𝐃𝐨𝐞𝐬 𝐚 𝐬𝐢𝐧𝐠𝐥𝐞 𝐩𝐮𝐫𝐜𝐡𝐚𝐬𝐞 𝐚𝐥𝐥𝐨𝐰 𝐦𝐞 𝐭𝐨 𝐮𝐬𝐞 𝐢𝐭 𝐨𝐧 𝐦𝐮𝐥𝐭𝐢𝐩𝐥𝐞 𝐅𝐫𝐚𝐦𝐞𝐫 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬?”","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It was a great question especially because agencies often build and launch websites for multiple clients."}]},{"type":"paragraph","content":[{"type":"text","text":"But for components and templates on Framer Marketplace, the answer is "}]},{"type":"paragraph","content":[{"type":"text","text":"𝐨𝐧𝐞 𝐩𝐮𝐫𝐜𝐡𝐚𝐬𝐞 = 𝐨𝐧𝐞 𝐅𝐫𝐚𝐦𝐞𝐫 𝐰𝐞𝐛𝐬𝐢𝐭𝐞 𝐩𝐫𝐨𝐣𝐞𝐜𝐭.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"This also reminded me how important it is for freelancers and agencies to check the specific license terms of Framer Marketplace components before using them across multiple client projects."}]},{"type":"paragraph","content":[{"type":"text","text":"At the same time, it was genuinely exciting to see something I built being considered for use across multiple client websites."}]},{"type":"paragraph","content":[{"type":"text","text":"It made me think more seriously about how I structure my Framer components for real-world agency workflows rather than just individual projects."}]},{"type":"paragraph","content":[{"type":"text","text":"Now I've made a one-time "},{"type":"text","text":"\"Multiple Site License\"","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" for agencies so that they can use my components and templates without purchasing for individual website project that can save their time and investment."}]},{"type":"paragraph","content":[{"type":"text","text":"For anyone interested in seeing the component that sparked this question:"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "},{"type":"text","text":"https://lnkd.in/d2-cX2_F","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://lnkd.in/d2-cX2_F","target":"_blank"}}]}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/01a01870-0f5a-7444-b5fb-80b1ef6af4e7.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1456,"height":409}}],"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-08-19T05:14:29.405Z","updatedAt":"2026-08-19T05:14:29.405Z"},{"id":"019ffaac-5fd6-779e-9ad4-563b2a54b7a2","title":null,"body":"

After 5 years of freelancing I’ve finally decided to stop being “too lazy” to build my own website 😂

I’ve spent years giving my full focus to client websites while my own portfolio website kept getting pushed back.

So today I finally started building my personal website in Framer.

Started with the header + hero today. Sharing a little preview here 👀

Would love to hear your thoughts!

What would you rate the hero out of 10? Be honest 😄👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"After 5 years of freelancing I’ve finally decided to stop being “too lazy” to build my own website "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve spent years giving my full focus to client websites while my own portfolio website kept getting pushed back."}]},{"type":"paragraph","content":[{"type":"text","text":"So today I finally started building my personal website in "},{"type":"text","text":"Framer","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Started with the "},{"type":"text","text":"header + hero","marks":[{"type":"bold"}]},{"type":"text","text":" today. Sharing a little preview here "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear your thoughts!"}]},{"type":"paragraph","content":[{"type":"text","text":"What would you rate the hero out of 10?","marks":[{"type":"bold"}]},{"type":"text","text":" Be honest "},{"type":"emoji","attrs":{"name":"smile","emoji":"😄"}},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/cu01mQqIrisG01wLHi4HuHJR01UWfwM01etCVcPrGQRgB01I.m3u8","metadata":{"posterUrl":"https://image.mux.com/cu01mQqIrisG01wLHi4HuHJR01UWfwM01etCVcPrGQRgB01I/thumbnail.webp?time=3.933","aspectRatio":"473:204","duration":25.466667}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-13T10:30:28.577Z","updatedAt":"2026-08-13T10:30:28.577Z"},{"id":"019fe05d-2906-701e-8697-93212ee29631","title":null,"body":"

Just published my new WhatsApp Popup Chat Framer component! 🚀

It lets you add a complete WhatsApp chat experience to your website instead of just a simple floating button.

You can customize the chat with:

- Quick replies & welcome messages

- Agent name, avatar & online status

- Light, dark & custom themes

- Animations and gradients

- Responsive desktop & mobile layouts

- Direct WhatsApp messaging

The goal is simple "make it easier for visitors to start a conversation directly from your website."

Would love to hear your feedback! 💚

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just published my new "},{"type":"text","text":"WhatsApp Popup Chat","marks":[{"type":"bold"}]},{"type":"text","text":" Framer component! "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"It lets you add a complete WhatsApp chat experience to your website instead of just a simple floating button."}]},{"type":"paragraph","content":[{"type":"text","text":"You can customize the chat with: "}]},{"type":"paragraph","content":[{"type":"text","text":"- Quick replies & welcome messages"}]},{"type":"paragraph","content":[{"type":"text","text":"- Agent name, avatar & online status "}]},{"type":"paragraph","content":[{"type":"text","text":"- Light, dark & custom themes "}]},{"type":"paragraph","content":[{"type":"text","text":"- Animations and gradients "}]},{"type":"paragraph","content":[{"type":"text","text":"- Responsive desktop & mobile layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"- Direct WhatsApp messaging"}]},{"type":"paragraph","content":[{"type":"text","text":"The goal is simple "},{"type":"text","text":"\"make it easier for visitors to start a conversation directly from your website.\"","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear your feedback! "},{"type":"emoji","attrs":{"name":"green_heart","emoji":"💚"}}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"p3LTSgzmURFUL6Y25LFV","resolved":true,"title":"WhatsApp Popup Chat","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create a polished WhatsApp chat experience for your Framer website with "},{"type":"text","text":"WhatsApp Popup Chat","marks":[{"type":"bold"}]},{"type":"text","text":" - a highly customizable component designed to help businesses turn website visitors into real conversations."}]},{"type":"customHeading","content":[{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Built for flexibility","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Floating WhatsApp button with customizable size, position, colors, icon and badge"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Solid or animated gradient button styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple attention animations including pulse, bounce, shake, glow, rotate and wiggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom agent avatar, name, status and response time"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Personalized welcome message"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Quick reply buttons for FAQs, pricing, support, bookings and more"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom message input with pre-filled WhatsApp messages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light, dark and automatic theme modes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable popup dimensions, radius, shadows and header styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated gradient header option"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop and mobile layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click-outside and ESC-to-close controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth animations and transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic fallback avatar when an image fails to load"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intersection-based animation handling for better performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer static-renderer support"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" Easy WhatsApp Integration ","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Simply enter your WhatsApp number with the country code, customize your content and design and you're ready to connect visitors directly to WhatsApp without complicated setup or APIs."}]},{"type":"customHeading","content":[{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Made for Your Brand ","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Every major visual element can be customized through Framer Property Controls allowing you to create a chat widget that feels native to your website rather than looking like a generic third-party plugin."}]},{"type":"customHeading","content":[{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"gem","emoji":"💎"}},{"type":"text","text":" Support ","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Need help setting up the component, customizing it or getting the most out of its features?"}]},{"type":"paragraph","content":[{"type":"text","text":"I'm happy to help."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"envelope_with_arrow","emoji":"📩"}},{"type":"text","text":" "},{"type":"text","text":"Support:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"khizerjaved139@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:khizerjaved139@gmail.com","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Build a more engaging website experience and make it easier for visitors to start a conversation with your business."}]}]},"introduction":"Interactive WhatsApp Chat Widget","slug":"whatsapp-popup-chat","author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fe06a-b9e6-772f-a7bc-03328ab83a0a.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-08-08T07:53:49.178Z","updatedAt":"2026-08-08T08:10:24.260Z","publishedAt":"2026-08-08T07:53:49.174Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://whatsapp-popup-chat.framer.website/","price":"15","paymentUrl":"https://polar.sh/checkout/polar_c_DY9zXeUph0FxcTmkgFEUbk757lPnphZuNRB3v4H8nw7","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"gekkJPidZVN3YalluDgi","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-08T07:53:49.574Z","updatedAt":"2026-08-08T07:53:49.574Z"},{"id":"019fd6de-029a-717a-b943-ea0d760779c1","title":null,"body":"

I published my Advanced Countdown component yesterday and got a few questions about its property controls so I wanted to share a quick overview.

I’ve attached screenshots of all the property controls below so you can easily see what’s available and understand how much you can customize from date settings and layouts to colors, animations, labels, separators and more.

Live Preview → advanced-countdown.framer.website

Get Advanced Countdown Framer Component →

Hope the screenshots make everything clear! 🙌

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I published my "},{"type":"text","text":"Advanced Countdown","marks":[{"type":"bold"}]},{"type":"text","text":" component yesterday and got a few questions about its property controls so I wanted to share a quick overview."}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve attached screenshots of "},{"type":"text","text":"all the property controls","marks":[{"type":"bold"}]},{"type":"text","text":" below so you can easily see what’s available and understand how much you can customize from date settings and layouts to colors, animations, labels, separators and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview →","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"advanced-countdown.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://advanced-countdown.framer.website","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Advanced Countdown Framer Component →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://polar.sh/checkout/polar_c_NWyArYz5DkNv5n9MldXXT8TAhLtpBhnHolZuF12Zknw","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hope the screenshots make everything clear! "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fd6cc-cf34-706a-a998-0847900d4eb3.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1815,"height":1000}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fd6cc-cf45-7775-996a-741cb45c789e.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1790,"height":1000}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fd6cc-cf6f-725e-8527-84fc83ea9eda.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1823,"height":1000}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fd6cc-e259-713d-a265-ae665727c41b.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":670,"height":598}}],"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":2,"edited":true,"editedAt":"2026-08-06T11:44:11.630Z","createdAt":"2026-08-06T11:38:21.727Z","updatedAt":"2026-08-06T11:44:11.630Z"},{"id":"019fd0fb-3338-75e8-acf5-b5483532a06d","title":null,"body":"

Just launched Advanced Countdown component! ⏰✨

It’s fully customizable with multiple animation styles, layouts, colors, gradients, glassmorphism, custom labels and more.

Perfect for launches, sales, events, webinars and coming-soon pages. Just drop it into your Framer project and customize it from the property panel. No code needed!

Would love to hear what you think ❤

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched "},{"type":"text","text":"Advanced Countdown","marks":[{"type":"bold"}]},{"type":"text","text":" component! "},{"type":"emoji","attrs":{"name":"alarm_clock","emoji":"⏰"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"It’s fully customizable with multiple animation styles, layouts, colors, gradients, glassmorphism, custom labels and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"launches, sales, events, webinars and coming-soon pages","marks":[{"type":"bold"}]},{"type":"text","text":". Just drop it into your Framer project and customize it from the property panel. No code needed!"}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear what you think "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ukqPL2IWXx31yaM7RKmV","resolved":true,"title":"Advanced Countdown","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced Countdown is a customizable animated countdown timer for modern Framer websites. Create urgency and highlight important dates with smooth animations, flexible layouts and beautiful styles - "},{"type":"text","text":"no code required","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for product launches, limited-time offers, events, webinars, coming-soon pages, campaigns and deadlines."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"alarm_clock","emoji":"⏰"}},{"type":"text","text":" Time & Date"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Select your end date from the Framer property panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatically adapts to the visitor’s local timezone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom message when the countdown reaches zero"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" Layout"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal or Vertical layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable box size, spacing and corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show or hide Days, Hours, Minutes or Seconds individually"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" 4 Fill Styles"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Choose from:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Solid","marks":[{"type":"bold"}]},{"type":"text","text":" - clean and minimal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gradient","marks":[{"type":"bold"}]},{"type":"text","text":" - adjustable gradient angle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glassmorphism","marks":[{"type":"bold"}]},{"type":"text","text":" - blur and opacity controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unique Per Unit","marks":[{"type":"bold"}]},{"type":"text","text":" - custom background and border for each unit"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"film_strip","emoji":"🎞"}},{"type":"text","text":" 7 Animations"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Add smooth number transitions with: "},{"type":"text","text":"Slide, Fade, Scale, Blur, Bounce, Flip","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Skew","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Choose animation speed from "},{"type":"text","text":"Snail, Slow, Normal, Fast","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"Instant","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"abc","emoji":"🔤"}},{"type":"text","text":" Number Styling"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom font size, weight and color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional leading zeros (01, 02, 03…)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth digit-by-digit transitions"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"label","emoji":"🏷"}},{"type":"text","text":" Labels & Separators"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize or hide Days, Hours, Mins and Secs labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Control label size, color and weight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add custom separators with color and opacity controls"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"brain","emoji":"🧠"}},{"type":"text","text":" Reliable & Framer-Friendly"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Safe date handling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-renderer support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatically stops when the countdown ends"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized for smooth performance"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" No Code. Full Control."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Drop "},{"type":"text","text":"Advanced Countdown","marks":[{"type":"bold"}]},{"type":"text","text":" into your Framer project, select your date, choose your style and animation, customize the design and publish."}]},{"type":"paragraph","content":[{"type":"text","text":"No coding required - just add, customize and launch.","marks":[{"type":"bold"}]}]}]},"introduction":"Customizable Animated Countdown","slug":"advanced-countdown","author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fd0f9-79c0-70e9-acaf-ed2136766141.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-05T08:12:30.977Z","updatedAt":"2026-08-05T08:12:30.977Z","publishedAt":"2026-08-05T08:12:30.973Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://advanced-countdown.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_oA5tGESIf3Q8Qu6wsvLCkktsOsykWJagJU2lm1GaJaC","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"KnQH24rKofmj6ivnZtA7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T08:12:31.416Z","updatedAt":"2026-08-05T08:12:31.416Z"},{"id":"019fcc28-4213-710b-add9-20ba4d45057f","title":null,"body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched free "},{"type":"text","text":"Social Share Popup ","marks":[{"type":"bold"}]},{"type":"text","text":"framer component!"}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to create something simple, flexible and actually useful for real websites not just basic share button."}]},{"type":"paragraph","content":[{"type":"text","text":"You can use it on "},{"type":"text","text":"blogs, portfolios, case studies, product pages, events, articles and any page worth sharing.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The component opens a "},{"type":"text","text":"full-screen share popup with a blurred background","marks":[{"type":"bold"}]},{"type":"text","text":" so it doesn’t take up permanent space on your website. You can place the trigger anywhere you want and choose between "},{"type":"text","text":"text, icon or icon + text","marks":[{"type":"bold"}]},{"type":"text","text":" styles."}]},{"type":"paragraph","content":[{"type":"text","text":"It also includes multiple sharing options, Copy Link, device sharing, light/dark styling, customizable colors, typography, spacing and responsive layouts.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve tried to keep it easy to customize while still giving you enough control to make it fit your own design."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview Link:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://social-share-popup.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://social-share-popup.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear your thoughts! If you try it on a project let me know what you think or what you'd like to see added in the next version. "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fcc25-6d86-75cd-8207-cd842e1a0093.png","metadata":{"tint":{"h":240,"s":53,"l":70},"width":1536,"height":1024}}],"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":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T09:43:38.270Z","updatedAt":"2026-08-04T09:43:38.270Z"},{"id":"019fcb9a-adfb-7084-845e-fc24d7b0a2cb","title":null,"body":"

🎉 Just launched new framer component - Social Share Popup

I wanted to make sharing pages feel a little nicer and more interactive without making things complicated.

You can use it for blogs, case studies, portfolios, products, events and more.

It comes with different share options, customizable triggers, backdrop blur, light/dark themes, smooth animations and more.

Would love to hear what you think! ❤

Try it out and let me know what you’d improve.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" Just launched new framer component - "},{"type":"text","text":"Social Share Popup","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to make sharing pages feel a little nicer and more interactive without making things complicated."}]},{"type":"paragraph","content":[{"type":"text","text":"You can use it for "},{"type":"text","text":"blogs, case studies, portfolios, products, events and more.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It comes with different share options, customizable triggers, backdrop blur, light/dark themes, smooth animations and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear what you think! "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]},{"type":"paragraph","content":[{"type":"text","text":"Try it out and let me know what you’d improve.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ruq331KBcxmjLW7Q7Ttv","resolved":true,"title":"Social Share Popup","body":"

Social Share Popup is a clean, customizable Framer component that makes it easy for visitors to share your pages, projects, articles and products.

Choose from multiple share platforms, let users copy the current page link or open the device share options. Customize the trigger, popup layout, colors, typography, spacing and animations to match your website.

Features:

8 sharing options
Full-screen popup with backdrop blur
Text, icon or icon + text triggers
Copy link functionality
Light & dark themes
Fully customizable styling
Smooth animations
Responsive design
ESC and outside-click close
Easy to add anywhere in your Framer website

No coding required - just add the component, customize it and you're ready to share.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Social Share Popup","marks":[{"type":"bold"}]},{"type":"text","text":" is a clean, customizable Framer component that makes it easy for visitors to share your pages, projects, articles and products."}]},{"type":"paragraph","content":[{"type":"text","text":"Choose from multiple share platforms, let users copy the current page link or open the device share options. Customize the trigger, popup layout, colors, typography, spacing and animations to match your website."}]},{"type":"customHeading","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"8 sharing options"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-screen popup with backdrop blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text, icon or icon + text triggers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy link functionality"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light & dark themes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"ESC and outside-click close"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to add anywhere in your Framer website"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"No coding required - just add the component, customize it and you're ready to share."}]}]},"introduction":"Share pages beautifully","slug":"social-share-popup","author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fcb98-e389-74c6-a354-4a28355ebc1b.png","metadata":{"tint":{"h":240,"s":53,"l":70},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-04T07:08:59.325Z","updatedAt":"2026-08-04T08:01:00.526Z","publishedAt":"2026-08-04T07:08:59.321Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Social-Share-Popup-NkCgY4.js@hfBXGYS91FwJpJXKZrBy","previewUrl":"https://social-share-popup.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"hfBXGYS91FwJpJXKZrBy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T07:08:59.771Z","updatedAt":"2026-08-04T07:08:59.771Z"},{"id":"019fc678-b5a8-71ad-9750-4403a3f3cbd5","title":null,"body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Trust drives conversions.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A beautiful website is important but visitors also need a reason to "},{"type":"text","text":"trust your business","marks":[{"type":"bold"}]},{"type":"text","text":" before taking action."}]},{"type":"paragraph","content":[{"type":"text","text":"Your Google reviews are already powerful social proof so why hide them on your Google Business Profile?"}]},{"type":"paragraph","content":[{"type":"text","text":"That’s why I created "},{"type":"text","text":"Google Reviews Popup - a Framer component","marks":[{"type":"bold"}]},{"type":"text","text":" that brings your reviews directly onto your website."}]},{"type":"paragraph","content":[{"type":"text","text":"And it’s built for "},{"type":"text","text":"non-technical Framer website owners","marks":[{"type":"bold"}]},{"type":"text","text":". No API keys, No API billings or complicated integrations."}]},{"type":"paragraph","content":[{"type":"text","text":"How does it work?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Simply:"}]},{"type":"paragraph","content":[{"type":"text","text":"1."},{"type":"text","text":" Copy the Google reviews","marks":[{"type":"bold"}]},{"type":"text","text":" you want to showcase on your website from "},{"type":"text","text":"Google Business Profile.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"2. Add the "},{"type":"text","text":"actual rating","marks":[{"type":"bold"}]},{"type":"text","text":" for each review."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Add your "},{"type":"text","text":"Google Business Profile link","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Customize the component and you're ready to go."}]},{"type":"paragraph","content":[{"type":"text","text":"Important:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Keep the reviews and ratings accurate and consistent with your actual Google Business Profile. When visitors can recognize the same genuine reviews and ratings on your website and Google, it helps create a more credible and trustworthy experience.","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn your existing Google reputation into "},{"type":"text","text":"visible social proof that gives visitors more confidence to take the next step.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "},{"type":"text","text":"See the live demo of ","marks":[{"type":"bold"}]},{"type":"text","text":"Google Reviews Popup Framer component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://voluntary-influence-747120.framer.app/","target":"_blank"}}]}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fc674-4bc6-7787-8fa3-185597b7f46d.png","metadata":{"tint":{"h":220,"s":75,"l":13},"width":1536,"height":1024}}],"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":2,"edited":true,"editedAt":"2026-08-03T07:15:34.294Z","createdAt":"2026-08-03T07:13:47.438Z","updatedAt":"2026-08-03T07:15:34.294Z"},{"id":"019fc2cc-0d5f-74a3-bce7-8cfde3eb2bbf","title":null,"body":"

🎉 Just published new Framer component - Google Reviews Popup.

The idea is simple: help businesses add Google reviews to their Framer websites without dealing with Google APIs, API keys, Google Cloud setup or API billing.

How It Works:

- Copy your latest reviews from your Google Business Profile.

- Add them manually through the Framer property panel.

- Customize the popup to match your website.

- Publish and let your visitors see your reviews.

No API. No technical setup. No recurring API costs.

I built it to make adding social proof to client websites quick, simple and accessible especially for people who don't want to deal with technical API configuration.

Would love to hear what you think and what features you'd like to see in future updates! 🙌

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" Just published new Framer component - "},{"type":"text","text":"Google Reviews Popup","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"The idea is simple: "},{"type":"text","text":"help businesses add Google reviews to their Framer websites without dealing with Google APIs, API keys, Google Cloud setup or API billing.","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Copy your latest reviews from your Google Business Profile."}]},{"type":"paragraph","content":[{"type":"text","text":"- Add them manually through the Framer property panel."}]},{"type":"paragraph","content":[{"type":"text","text":"- Customize the popup to match your website."}]},{"type":"paragraph","content":[{"type":"text","text":"- Publish and let your visitors see your reviews."}]},{"type":"paragraph","content":[{"type":"text","text":"No API. No technical setup. No recurring API costs.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"I built it to make adding social proof to client websites quick, simple and accessible especially for people who don't want to deal with technical API configuration."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear what you think and what features you'd like to see in future updates! "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"9ZJ9K11iRpWr7kB0goVS","resolved":true,"title":"Google Review Popup","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase your "},{"type":"text","text":"Google Business reviews","marks":[{"type":"bold"}]},{"type":"text","text":" in a beautiful floating popup for your Framer website without "},{"type":"text","text":"Google API keys","marks":[{"type":"bold"}]},{"type":"text","text":","},{"type":"text","text":" Google Cloud setup","marks":[{"type":"bold"}]},{"type":"text","text":","},{"type":"text","text":" API billing","marks":[{"type":"bold"}]},{"type":"text","text":" or complicated technical configuration."}]},{"type":"paragraph","content":[{"type":"text","text":"Google Review Popup is made for businesses, freelancers, agencies and Framer creators who want to add social proof in a simple way."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of connecting to Google's API, copy your latest reviews from your Google Business Profile and add them manually through the Framer property panel."}]},{"type":"customHeading","content":[{"type":"text","text":"WHY GOOGLE REVIEW POPUP?","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No API Required","marks":[{"type":"bold"}]},{"type":"text","text":" - No Google Cloud project, API keys, API configuration or technical setup."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No API Billing","marks":[{"type":"bold"}]},{"type":"text","text":" - No Google API connection means no API usage or recurring API costs."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Simple Setup","marks":[{"type":"bold"}]},{"type":"text","text":" - Copy your reviews, add them to the component, customize the design and publish."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built for Trust ","marks":[{"type":"bold"}]},{"type":"text","text":"- Give visitors an easy way to see genuine customer feedback."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"• Multiple Google Business reviews"}]},{"type":"paragraph","content":[{"type":"text","text":"• Floating review button"}]},{"type":"paragraph","content":[{"type":"text","text":"• Expandable reviews"}]},{"type":"paragraph","content":[{"type":"text","text":"• Reviewer names and avatars"}]},{"type":"paragraph","content":[{"type":"text","text":"• Star ratings and dates"}]},{"type":"paragraph","content":[{"type":"text","text":"• Optional Google review links"}]},{"type":"paragraph","content":[{"type":"text","text":"• Custom colors and styling"}]},{"type":"paragraph","content":[{"type":"text","text":"• Typography controls"}]},{"type":"paragraph","content":[{"type":"text","text":"• Smooth animations"}]},{"type":"paragraph","content":[{"type":"text","text":"• Flexible popup positioning"}]},{"type":"paragraph","content":[{"type":"text","text":"• Responsive desktop, tablet, and mobile design"}]},{"type":"paragraph","content":[{"type":"text","text":"• No external services"}]},{"type":"paragraph","content":[{"type":"text","text":"• No Google API"}]},{"type":"paragraph","content":[{"type":"text","text":"• No Google Cloud"}]},{"type":"paragraph","content":[{"type":"text","text":"• No API billing"}]},{"type":"paragraph","content":[{"type":"text","text":"• No coding required"}]},{"type":"customHeading","content":[{"type":"text","text":"HOW IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"1. Add the component to your Framer project."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Copy your latest reviews from your Google Business Profile."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Add the reviewer name, avatar, rating, date and review text through the property panel."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Customize the popup to match your website."}]},{"type":"paragraph","content":[{"type":"text","text":"5. Publish."}]},{"type":"customHeading","content":[{"type":"text","text":"ONE-TIME PURCHASE","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"$$10 one-time payment. No subscription and no recurring API costs."}]},{"type":"customHeading","content":[{"type":"text","text":"IMPORTANT","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"This component does not automatically fetch or synchronize reviews from Google. Reviews are added manually through the Framer property panel. When you receive new reviews, simply copy them from your Google Business Profile and update the component."}]},{"type":"customHeading","content":[{"type":"text","text":"SUPPORT","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Need help? Contact "},{"type":"text","text":"khizerjaved139@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:khizerjaved139@gmail.com","target":"_blank"}}]},{"type":"text","text":" and I'll be happy to help."}]}]},"introduction":"No API. No Billing. No Hassle.","slug":"google-review-popup","author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fc2c6-2e3e-7176-bc9e-430d0cf6c55d.png","metadata":{"tint":{"h":220,"s":75,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-02T14:06:20.028Z","updatedAt":"2026-08-02T17:04:43.142Z","publishedAt":"2026-08-02T14:06:20.024Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://voluntary-influence-747120.framer.app/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_sHk5hGOPnbjf1izainlpCSAn78NrqS6FINPBx1d03e1","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"hpqvU1tuTLjNDAxwbjGs","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-02T14:06:20.511Z","updatedAt":"2026-08-02T14:06:20.511Z"},{"id":"019fbe7e-b4d0-7307-912a-503dff138482","title":null,"body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I’ve been meaning to post here for quite some time."}]},{"type":"paragraph","content":[{"type":"text","text":"Since Framer started putting more focus on the community, I’ve been thinking that I should spend more time here, meet other designers and developers, share ideas and see what everyone is building."}]},{"type":"paragraph","content":[{"type":"text","text":"But honestly client projects, deadlines and the usual work kept me busy so I never really got the time to do it."}]},{"type":"paragraph","content":[{"type":"text","text":"Now I’ve finally decided to make some time for the community as well "},{"type":"emoji","attrs":{"name":"smile","emoji":"😄"}}]},{"type":"paragraph","content":[{"type":"text","text":"I’m also working on a new component for Framer websites. It’s a simple solution but one that I think can be really useful for businesses and websites that want to build more trust with their visitors."}]},{"type":"paragraph","content":[{"type":"text","text":"I thought I’d share an early look at it even though it’s still being worked on. The screenshot is a little blurry but maybe that makes it more fun "},{"type":"emoji","attrs":{"name":"smile","emoji":"😄"}}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think I’m working on? "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Looking forward to being more active here, meeting new people, learning from other Framer creators and hopefully getting the chance to work together on some projects too."}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/019fbe7b-3501-730e-a681-4e94edd6a47c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1885,"height":816}}],"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-08-01T18:03:22.708Z","updatedAt":"2026-08-01T18:03:22.708Z"},{"id":"019f0c73-db9f-7676-87b1-7d0ba8c9e82a","title":null,"body":"

Built Physics Stack for Framer!

A drag-and-drop physics component that lets your frames move, bounce, collide and interact naturally - no coding required.

Check out the live demo and component link in the comment 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built "},{"type":"text","text":"Physics Stack","marks":[{"type":"bold"}]},{"type":"text","text":" for Framer!"}]},{"type":"paragraph","content":[{"type":"text","text":"A drag-and-drop physics component that lets your frames move, bounce, collide and interact naturally - "},{"type":"text","text":"no coding required","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Check out the live demo and component link in the comment ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/o3PwJDFIf00mrffRreH5VL025Nzx9024GYwEfliJaepIOo.m3u8","metadata":{"posterUrl":"https://image.mux.com/o3PwJDFIf00mrffRreH5VL025Nzx9024GYwEfliJaepIOo/thumbnail.webp?time=1.533","aspectRatio":"507:386","duration":14.633333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-28T04:19:07.299Z","updatedAt":"2026-06-28T04:19:07.299Z"},{"id":"019d8d6f-c9e2-765d-ae1e-83b80f0b9bb1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"UYQAKbqJes24ozixedxe","resolved":true,"title":"Stellar Background","body":"$5b","bodyJson":null,"introduction":"Realistic Starfield for Hero Sections","slug":"stellar-background","author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/UYQAKbqJes24ozixedxe/stellar-background-WGoqMZY82jFnCRWmuQIgm2kcgcdQJp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-31T15:04:12.458Z","updatedAt":"2026-04-14T19:14:20.141Z","publishedAt":"2026-04-14T19:20:06.882Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://innocent-aim-546625.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_CuemiD7vkFsPpB5oVEYDhodAJeaKMCh8A3aJ2297i3n","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"xMFUJmw6RSiZED6ptxLb","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-14T19:20:06.882Z","updatedAt":"2026-04-14T19:20:06.882Z"},{"id":"019c8a19-800d-72e2-95f8-7007de422048","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ih9UlTNdl7hAwvtqYKBP","resolved":true,"title":"Physics Stack","body":"$5c","bodyJson":null,"introduction":"Drag, Collide Frames Interactively","slug":"physics-stack","author":{"framerUserId":"611e36e3-1fc5-45f6-b003-79c42b77211e","name":"Khizer Javed","slug":"khizer-javed","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/611e36e3-1fc5-45f6-b003-79c42b77211e/ahnna6d7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ih9UlTNdl7hAwvtqYKBP/physics-stack-HwGHABgruYiTQBi2Hc5sCJHF6b1Ako","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-11T07:42:05.304Z","updatedAt":"2026-08-08T08:40:46.319Z","publishedAt":"2026-02-23T10:44:12.941Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://necessary-tour-226790.framer.app/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_Q1iauv6UNgbVRKPUQwoY7fG25O2r2KvRpEXWk3Bh8J4","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"uOZ4XrUYLW8rlN2P2UJB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-23T10:44:12.941Z","updatedAt":"2026-02-23T10:44:12.941Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5d"}]