61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:T7f8,

ixel Reveal Pro - Animated Image Component

Bring your Framer sites to life with Pixel Reveal Pro. This plug-and-play code component adds a sophisticated, grid-based pixelation reveal effect to any image as soon as it scrolls into view. Built specifically for Framer, it requires zero coding and is fully customizable directly from the properties panel.

Key Features

Scroll-Triggered Motion: The reveal animation is tied to Framer's whileInView, ensuring the effect only plays when your audience actually sees the image.
Fully Customizable Grid: Dial in the exact look you want by adjusting the number of rows and columns (from 2x2 up to 40x40).
Grayscale to Color Transition: Images start in a stylish grayscale and smoothly transition into full color as the pixels fade away.
Seamless Background Blending: Change the 'Cover Color' to match your section's background, creating an invisible, organic reveal.
Precision Timing Controls: Fine-tune the pixel fade duration, maximum staggered delay, and color reveal timing using intuitive slider controls.
Empty State Support: Features a clean placeholder when no image is selected, keeping your canvas organized during the design process.

Perfect For

High-impact hero section visuals
Creative portfolio galleries
Engaging product feature showcases
Tech and SaaS landing pages

How to Use

Copy the component into your Framer project's code assets.
Drag and drop Pixel Image onto your canvas.
Select the component and upload your image in the right-hand Properties panel.
Tweak the grid size, timing, and colors to match your brand's exact aesthetic.

63:T96d,

Editorial Job Board is a premium Framer Code Component designed for modern careers pages, hiring platforms, recruitment agencies, startup websites, talent communities, and remote-work directories.

Unlike ordinary job-listing layouts, it uses an eye-catching editorial bento design. Featured opportunities appear as larger spotlight cards, while standard roles are arranged in a clean responsive grid. The result feels more like a premium product experience than a basic directory.

Everything can be edited directly in Framer—no coding needed. Add your job listings, company logos, locations, salaries, job types, tags, links, and featured roles from the Property Controls panel.

Built with responsive layouts, lightweight Framer Motion animations, keyboard-friendly controls, live search, category filters, location filters, sorting, and an elegant empty state.

Features

Editorial bento-style job listing layout
Large featured-job spotlight cards
Responsive desktop, tablet, and mobile design
Live keyword search
Filter by category
Filter by location
Sort by newest or featured roles
Custom company logos with automatic letter fallback
Salary, location, job type, remote status, category, tags, and descriptions
External “View Role” / apply links
Smooth reveal and hover animations
Accessible search, select controls, and links
Animated empty state with reset filters button
Dark luxury-style default theme
Full colour customization
Adjustable card radius, spacing, padding, grid columns, and animation settings
No external dependencies required
Easy no-code editing through Framer Property Controls

Ideal For

Startup careers pages
Recruitment agencies
Remote job boards
Creative studios
Talent marketplaces
Community job directories
Venture capital portfolio job pages
SaaS company hiring pages
Freelance opportunity boards
Internal company vacancy pages
How Customers Use It

64:T735,

Droply Centered Mega Menu is a premium, responsive Framer navigation component with polished mega-dropdown menus. Built for SaaS, agencies, startups, portfolios, and modern business websites.

Hover or click any menu item to reveal a smooth, centered dropdown directly below the navigation. Every dropdown includes ready-made content cards, icons, descriptions, links, and staggered entrance animations giving your website a professional, product-ready feel from the first preview.

Features:

Centered mega dropdown aligned perfectly under the navigation
Opens on both hover and click
Smooth dropdown and staggered card animations in Preview/Published mode
No entrance animation inside the Framer Canvas
Responsive desktop, tablet, and mobile layout
Mobile hamburger navigation with expandable dropdown sections
Multiple dropdown collections: Products, Customers, Company, and Resources
Ready-made demo menu content for a premium Marketplace preview
Add, remove, and rename main navigation items
Choose a collection or use any menu item as a normal link
Fully editable menu titles, card titles, descriptions, links, and icons
Editable login button and primary CTA button
Custom font, font size, corner radius, borders, backgrounds, text, hover, and accent colors
Built-in icon choices: Grid, Briefcase, Book, Message, Award, Help, Send, and Layers
Click outside or press Escape to close the menu
Clean, modern layout with no external assets required

Perfect for creators who want a flexible, high-end navigation experience without building a complex mega menu from scratch.

65:T5a6,

Converse is a premium conversational contact form designed for creatives, agencies, freelancers, startups, and modern businesses. Instead of overwhelming visitors with traditional fields, it guides them through a natural, sentence-based conversation that makes submitting inquiries effortless and engaging.

Built with Framer best practices, Converse is fully responsive, highly customizable, and optimized for performance. Every element can be tailored using Property Controls, allowing you to match your brand without touching code.

Features

Modern conversational form experience
Clean, premium, and minimal design
Fully responsive across desktop, tablet, and mobile
Smooth Framer Motion animations (Preview only)
Extensive Property Controls
Interactive service selection chips
Budget and timeline selectors
Inline editable inputs
Email validation
Keyboard accessible and user-friendly
Light & Dark mode support
Optimized for performance
No code required for customization
Framer Marketplace ready

Whether you're building a personal portfolio, creative agency website, startup landing page, or freelancer showcase, Converse helps turn inquiries into a premium user experience.

66:T758,

Create engaging visual sections with Hanging Cards Gallery, a premium Framer Code Component that displays content as cards suspended from a single responsive curved wire.

Each card hangs naturally using a connecting cord and customizable pin, creating a clean presentation for portfolios, products, education content, services, galleries, and landing pages.

The component is designed specifically for Framer Marketplace standards. Swing animation runs only in Preview and on published websites while remaining disabled inside the Framer Canvas, exports, and thumbnails for a distraction-free editing experience.

Every part of the component is editable through Framer Properties. Change images, titles, descriptions, colors, spacing, card sizing, rotation, animation settings, and more without touching the code.

Lightweight, responsive, and easy to customize, Hanging Cards Gallery fits seamlessly into modern websites and creative projects.

Features

Responsive layout for all screen sizes
Full-width adaptive curved hanging wire
Realistic hanging cords and customizable pins
Smooth linear swing animation
Animation automatically disabled in Framer Canvas, exports, and thumbnails
Editable images, titles, descriptions, pin colors, and card rotation
Adjustable card width, corner radius, spacing, and colors
Editable wire color and thickness
Animation toggle
Adjustable animation speed
Adjustable swing amount
Built-in fallback artwork when no image is provided
No external libraries or dependencies
Lightweight and optimized
Easy to customize with Framer Properties

67:T816,

PunchNav: More than just a menu.

We’ve all been there you’re building a beautiful site, everything is perfect, but the navigation menu just feels... heavy. It sits on top like a block, clashing with your background, or it just doesn't feel "premium" enough.

That’s exactly why I built Punch Nav Pro.

I wanted to bridge the gap between "standard web navigation" and "high-end digital art." I spent weeks perfecting the Pathfinder transparency logic inside Framer because I was tired of "fake" transparency that looked glitchy or broke whenever you changed a background image.

With Punch Nav Pro, you aren't just getting a menu; you’re getting a piece of craftsmanship that respects your canvas. It feels light, it feels real, and most importantly, it feels yours.

Why you’ll love using it:

It feels "Real": Thanks to the true Pathfinder masking, the menu cuts into the background naturally. It doesn’t just sit on top; it becomes part of your design.

Built for Creators: I designed this to be stress-free. Drop it in, adjust the settings to match your vibe, and you’re done. No coding, no frustration—just a premium result in seconds.

The "Wow" Factor: There’s something incredibly satisfying about watching an element interact with the background dynamically. Your clients or visitors will notice the detail.

Designed for You: Whether you’re working on a minimalist portfolio or a high-energy SaaS project, Punch Nav Pro adapts to your vision, not the other way around.

Quick Specs for your peace of mind:

Dynamic Transparency: True Pathfinder-style cutouts for any background.

Framer-Native: Built for speed and 100% responsive.

Endless Customization: You control the look, the feel, and the flow.

Ready to level up your navigation? Add Punch Nav Pro to your stack today.

68:T94a,

Smart Cost Estimator Framer Component

A modern, fully customizable pricing configurator for Framer. Help visitors build their ideal package, select services or add-ons, and see a live estimated total instantly.

Perfect for digital agencies, creative studios, SaaS businesses, consultants, service providers, and productized services.

Features

Real-time price calculation
Configurable base price and currency
Up to three fully editable pricing sections
Radio-button sections for single-choice selections
Checkbox sections for multiple selections
Optional image upload for every option, including radio choices
“First X selections included” pricing rule for checkbox groups
Automatically charges only after the configured number of free selections
Dynamic “Included” label for free selected add-ons
Individual prices for every option
Optional option descriptions
Enable or disable individual choices
Live selected-options counter
Sticky price summary card
Custom CTA button label and URL
Light, modern SaaS-style interface
Fully responsive on desktop, tablet, and mobile
Editable content directly from Framer property controls
Customizable colors for background, cards, text, borders, and accent color
Full Framer font support with separate controls for:
- Main font
- Title font
- Section heading font
- Price font
- Small text font
- Button font
Adjustable font family, size, weight, letter spacing, and line height through Framer

Example Use Cases

Digital agency service packages
Website design pricing
Branding and identity packages
Marketing service estimators
SaaS onboarding plans
Consulting service configurators
E-commerce project quotes
Creative studio package builders

No code editing is required after adding the component—everything can be customized directly inside Framer.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-a85a2895-554b-4138-ab1c-49ab1558183a-all:/unified/creator/a85a2895-554b-4138-ab1c-49ab1558183a/activity/":[{"data":[{"id":"01a05b02-7454-762f-a9fb-3460b3eb04a4","type":"component.created","target":{"type":"component","id":"5VevEwMJoysX99LTBvqJ","preview":"Pixel Reveal Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/01a05aff-105a-73fe-9f71-40176b334026.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","slug":"noor-afzal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-01T03:28:02.644Z","latestAt":"2026-09-01T03:28:02.644Z"},{"id":"019fac35-11a4-742e-a315-d92bed993bdc","type":"component.created","target":{"type":"component","id":"mBcKXJPP4JmdR9YtqIOl","preview":"Job Board","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/019fac33-d6e9-7015-b5bb-f8a456184657.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","slug":"noor-afzal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-29T04:49:46.916Z","latestAt":"2026-07-29T04:49:46.916Z"},{"id":"019f9999-a419-7208-b9ee-570026c7831d","type":"component.created","target":{"type":"component","id":"Ja2fTAqNLnXyahSr1E9G","preview":"Droply","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/019f9995-634f-761f-a6c2-f73caf30ccfd.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","slug":"noor-afzal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-25T14:06:50.905Z","latestAt":"2026-07-25T14:06:50.905Z"},{"id":"019f6e20-43e1-76b7-8be2-17c06621c3c8","type":"component.created","target":{"type":"component","id":"8AqdeuKvVX4JsBPdr0x0","preview":"Converse","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/019f6e1f-22fa-7071-bb67-3d63905d77d1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","slug":"noor-afzal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-17T03:30:36.129Z","latestAt":"2026-07-17T03:30:36.129Z"},{"id":"019f57c3-6a30-73d4-a411-7fb000547e06","type":"comment.liked","target":{"type":"comment","id":"019f54b0-9028-7796-8efb-aec3fbbfe0e6","preview":"good job","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"good job"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f53bd-dfbd-72a1-8568-639a65fa655f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f54b0-9028-7796-8efb-aec3fbbfe0e6"},"repost":null}},"context":{"type":"post","id":"019f53bd-dfbd-72a1-8568-639a65fa655f","preview":"Hanging Cards","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/019f53bd-c27b-736b-b14e-ae2b4319cb33.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f53bd-dfbd-72a1-8568-639a65fa655f","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","slug":"noor-afzal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-12T19:17:35.620Z","latestAt":"2026-07-12T19:17:35.620Z"},{"id":"019f53bd-e0fa-762f-b9d2-9158c5359a15","type":"component.created","target":{"type":"component","id":"cJtY5PMNmiZZkCjxEFAT","preview":"Hanging Cards","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/019f53bd-c27b-736b-b14e-ae2b4319cb33.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","slug":"noor-afzal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-12T00:33:00.666Z","latestAt":"2026-07-12T00:33:00.666Z"},{"id":"019f3ab0-4114-707c-ae95-3c7ec040b349","type":"component.created","target":{"type":"component","id":"MBV5g229VQWEGqffPaqo","preview":"PunchNav Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/qnk7yldp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","slug":"noor-afzal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-07T03:47:37.364Z","latestAt":"2026-07-07T03:47:37.364Z"},{"id":"019f0442-41c1-736b-be0a-d5a78807c459","type":"comment.reply","target":{"type":"post","id":"019e7951-a09f-7b17-8a6b-7b890690fe41","preview":"Smart Cost Estimator","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/zBotQN7xrpbYO8DroXp3/smart-cost-estimator-sEoALupug2GxiWII7KcZhtfiytl7wv","targetDeleted":false,"owned":true,"actions":{"postId":"019e7951-a09f-7b17-8a6b-7b890690fe41","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f0442-41a6-766f-8fb0-4537240d9f57","preview":"Text me on linkedin","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Text me on linkedin"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019e7951-a09f-7b17-8a6b-7b890690fe41","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f0423-dcc9-7059-9efc-9854baadb7cc"},"repost":null}},"actors":[{"id":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","slug":"noor-afzal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-26T14:07:58.913Z","latestAt":"2026-06-26T14:07:58.913Z"},{"id":"019ed3c7-1e13-704a-b0bd-d36919c9f1f6","type":"post.liked","target":{"type":"post","id":"019ed3c5-7dff-73db-92f1-401c407985ec","preview":"I design website for people who needs human touch 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I design website for people who needs human touch "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9971a393-fdb7-43d1-85b5-41398cd7af48/1lphx0y4","targetDeleted":false,"owned":false,"actions":{"postId":"019ed3c5-7dff-73db-92f1-401c407985ec","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","slug":"noor-afzal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T04:11:42.478Z","latestAt":"2026-06-17T04:11:42.478Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:a85a2895-554b-4138-ab1c-49ab1558183a:/unified/posts/?creator=a85a2895-554b-4138-ab1c-49ab1558183a&with=reposts":[{"data":[{"id":"01a08421-0532-73c9-9705-8b652b795d06","title":null,"body":"

I recently came across a website that I think a lot of designers and creative people will find genuinely useful.

Design Minis is a collection of small, focused design tools, where each tool is made to solve a specific task. Instead of searching through countless websites whenever you need something for a project, you can find useful resources in one place.

It includes tools for things like effects, backgrounds, images, motion, colors, SVGs, illustrations, and more.

I really like the idea behind it because sometimes the smallest tools can save a surprising amount of time in a design workflow.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I recently came across a website that I think a lot of designers and creative people will find genuinely useful."}]},{"type":"paragraph","content":[{"type":"text","text":"Design Minis is a collection of small, focused design tools, where each tool is made to solve a specific task. Instead of searching through countless websites whenever you need something for a project, you can find useful resources in one place."}]},{"type":"paragraph","content":[{"type":"text","text":"It includes tools for things like effects, backgrounds, images, motion, colors, SVGs, illustrations, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"I really like the idea behind it because sometimes the smallest tools can save a surprising amount of time in a design workflow."}]}]},"author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/01a08420-ac7c-71ea-ba80-cc989bc99136.jpg","metadata":{"tint":{"h":218,"s":89,"l":14},"width":1121,"height":1403}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-09T03:05:51.670Z","updatedAt":"2026-09-09T03:05:51.670Z"},{"id":"01a05b02-7222-77a0-9030-e2845c1443eb","title":null,"body":"

Stop using boring static images on your Framer sites. 🛑

Meet Pixel Reveal Pro: a scroll-triggered, dynamic pixelation effect that brings your images to life. Watch them transition from a sleek grayscale grid to stunning full color as users scroll!

Zero code required (Drag & Drop)

Fully customizable grid & timing

Matches any background

#Framer #MadeInFramer #WebDesign #UIUX #NoCode

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stop using boring static images on your Framer sites. "},{"type":"emoji","attrs":{"name":"stop_sign","emoji":"🛑"}}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Pixel Reveal Pro","marks":[{"type":"bold"}]},{"type":"text","text":": a scroll-triggered, dynamic pixelation effect that brings your images to life. Watch them transition from a sleek grayscale grid to stunning full color as users scroll! "}]},{"type":"paragraph","content":[{"type":"text","text":"Zero code required (Drag & Drop) "}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable grid & timing "}]},{"type":"paragraph","content":[{"type":"text","text":"Matches any background"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"#Framer #MadeInFramer #WebDesign #UIUX #NoCode"}]}]},"author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"5VevEwMJoysX99LTBvqJ","resolved":true,"title":"Pixel Reveal Pro","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ixel Reveal Pro - Animated Image Component","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Bring your Framer sites to life with Pixel Reveal Pro. This plug-and-play code component adds a sophisticated, grid-based pixelation reveal effect to any image as soon as it scrolls into view. Built specifically for Framer, it requires zero coding and is fully customizable directly from the properties panel."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-Triggered Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" The reveal animation is tied to Framer's "},{"type":"text","text":"whileInView","marks":[{"type":"code"}]},{"type":"text","text":", ensuring the effect only plays when your audience actually sees the image."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable Grid:","marks":[{"type":"bold"}]},{"type":"text","text":" Dial in the exact look you want by adjusting the number of rows and columns (from 2x2 up to 40x40)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grayscale to Color Transition:","marks":[{"type":"bold"}]},{"type":"text","text":" Images start in a stylish grayscale and smoothly transition into full color as the pixels fade away."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seamless Background Blending:","marks":[{"type":"bold"}]},{"type":"text","text":" Change the 'Cover Color' to match your section's background, creating an invisible, organic reveal."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Precision Timing Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine-tune the pixel fade duration, maximum staggered delay, and color reveal timing using intuitive slider controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Empty State Support:","marks":[{"type":"bold"}]},{"type":"text","text":" Features a clean placeholder when no image is selected, keeping your canvas organized during the design process."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-impact hero section visuals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative portfolio galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Engaging product feature showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tech and SaaS landing pages"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy the component into your Framer project's code assets."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag and drop "},{"type":"text","text":"Pixel Image","marks":[{"type":"bold"}]},{"type":"text","text":" onto your canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Select the component and upload your image in the right-hand Properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tweak the grid size, timing, and colors to match your brand's exact aesthetic."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Image Animation Component","slug":"pixel-reveal-pro","author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/01a05aff-105a-73fe-9f71-40176b334026.png","metadata":{"tint":{"h":240,"s":67,"l":9},"width":1200,"height":1200}}],"post":null,"createdAt":"2026-09-01T03:28:01.494Z","updatedAt":"2026-09-01T03:41:53.714Z","publishedAt":"2026-09-01T03:28:01.489Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://magnificent-experiences-831994.framer.app/","price":"2","paymentUrl":"https://noordesign.lemonsqueezy.com/checkout/buy/b1399a75-c638-4470-80f3-ce9e375ff98b","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"RAe1TLzRMYMOgbvHFnyr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-01T03:28:02.082Z","updatedAt":"2026-09-01T03:28:02.082Z"},{"id":"019fac35-1025-7764-890d-8d3a2f54f00c","title":null,"body":"

A job board that doesn’t look like every other job board.

A modern, editorial job board component for Framer with search, location filters, category filters, featured listings and full no-code customization.

#FramerComponent #DesignTools #Hiring #FramerTemplates

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A job board that doesn’t look like every other job board."}]},{"type":"paragraph","content":[{"type":"text","text":"A modern, editorial job board component for Framer with search, location filters, category filters, featured listings and full no-code customization."}]},{"type":"paragraph","content":[{"type":"text","text":"#FramerComponent #DesignTools #Hiring #FramerTemplates"}]}]},"author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"mBcKXJPP4JmdR9YtqIOl","resolved":true,"title":"Job Board","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Job Board is a premium Framer Code Component designed for modern careers pages, hiring platforms, recruitment agencies, startup websites, talent communities, and remote-work directories."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlike ordinary job-listing layouts, it uses an eye-catching editorial bento design. Featured opportunities appear as larger spotlight cards, while standard roles are arranged in a clean responsive grid. The result feels more like a premium product experience than a basic directory."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything can be edited directly in Framer—no coding needed. Add your job listings, company logos, locations, salaries, job types, tags, links, and featured roles from the Property Controls panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with responsive layouts, lightweight Framer Motion animations, keyboard-friendly controls, live search, category filters, location filters, sorting, and an elegant empty state."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial bento-style job listing layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Large featured-job spotlight cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop, tablet, and mobile design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live keyword search"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Filter by category"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Filter by location"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sort by newest or featured roles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom company logos with automatic letter fallback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Salary, location, job type, remote status, category, tags, and descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"External “View Role” / apply links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth reveal and hover animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible search, select controls, and links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated empty state with reset filters button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark luxury-style default theme"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full colour customization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable card radius, spacing, padding, grid columns, and animation settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external dependencies required"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy no-code editing through Framer Property Controls"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal For","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Startup careers pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Recruitment agencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Remote job boards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Talent marketplaces"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Community job directories"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Venture capital portfolio job pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS company hiring pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelance opportunity boards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Internal company vacancy pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"How Customers Use It"}]},{"type":"paragraph"}]}]}]},"introduction":"Editorial-Style Job Board","slug":"job-board","author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/019fac33-d6e9-7015-b5bb-f8a456184657.jpg","metadata":{"tint":{"h":90,"s":29,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-29T04:49:46.125Z","updatedAt":"2026-07-29T04:49:46.125Z","publishedAt":"2026-07-29T04:49:46.121Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://shaggy-squircle-912226.framer.app/","price":"13","paymentUrl":"https://noordesign.lemonsqueezy.com/checkout/buy/4963d02c-9f22-42e4-90b9-aaf1db599a1d","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"buKA7Oxb72yi65lRq33k","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-29T04:49:46.533Z","updatedAt":"2026-07-29T04:49:46.533Z"},{"id":"019f9999-a222-729b-aaa0-bf5bb4ee68ee","title":null,"body":"

Meet Droply a premium centered mega menu for Framer

Smooth hover + click dropdowns, responsive layouts, editable content, icons, colors, fonts, links, and polished animations all without external assets.

Perfect for SaaS, agency, startup, and modern business websites.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Droply ","marks":[{"type":"bold"}]},{"type":"text","text":"a premium centered mega menu for Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"Smooth hover + click dropdowns, responsive layouts, editable content, icons, colors, fonts, links, and polished animations all without external assets."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for SaaS, agency, startup, and modern business websites."}]}]},"author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Ja2fTAqNLnXyahSr1E9G","resolved":true,"title":"Droply","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Droply Centered Mega Menu is a premium, responsive Framer navigation component with polished mega-dropdown menus. Built for SaaS, agencies, startups, portfolios, and modern business websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover or click any menu item to reveal a smooth, centered dropdown directly below the navigation. Every dropdown includes ready-made content cards, icons, descriptions, links, and staggered entrance animations giving your website a professional, product-ready feel from the first preview."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Centered mega dropdown aligned perfectly under the navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Opens on both hover and click"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth dropdown and staggered card animations in Preview/Published mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No entrance animation inside the Framer Canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop, tablet, and mobile layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile hamburger navigation with expandable dropdown sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple dropdown collections: Products, Customers, Company, and Resources"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ready-made demo menu content for a premium Marketplace preview"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add, remove, and rename main navigation items"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose a collection or use any menu item as a normal link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully editable menu titles, card titles, descriptions, links, and icons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable login button and primary CTA button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom font, font size, corner radius, borders, backgrounds, text, hover, and accent colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in icon choices: Grid, Briefcase, Book, Message, Award, Help, Send, and Layers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click outside or press Escape to close the menu"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, modern layout with no external assets required"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for creators who want a flexible, high-end navigation experience without building a complex mega menu from scratch."}]}]},"introduction":"Premium responsive mega menu","slug":"droply","author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/019f9995-634f-761f-a6c2-f73caf30ccfd.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-25T14:06:50.014Z","updatedAt":"2026-07-25T19:16:59.590Z","publishedAt":"2026-07-25T14:06:50.010Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://inclusive-evidence-148589.framer.app/","price":"10","paymentUrl":"https://noordesign.lemonsqueezy.com/checkout/buy/6810dbeb-20ce-4289-a734-0e030626caf9","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"zYxJPu0ipozWVvvw3aUh","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T14:06:50.402Z","updatedAt":"2026-07-25T14:06:50.402Z"},{"id":"019f6e20-4245-7309-b3e0-a3b2941486dc","title":null,"body":"

Just launched Converse a premium conversational contact form for Framer.

Traditional contact forms feel boring, so I built something that feels like a real conversation. Clean typography, interactive selections, smooth animations, and full customization through Property Controls.

Features:

• Conversational UI

• Fully Responsive

• Property Controls

• Preview-only animations

• Light & Dark Mode

• Marketplace Ready

Would love to hear your feedback! 💙

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched "},{"type":"text","text":"Converse","marks":[{"type":"bold"}]},{"type":"text","text":" a premium conversational contact form for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Traditional contact forms feel boring, so I built something that feels like a real conversation. Clean typography, interactive selections, smooth animations, and full customization through Property Controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Features: "}]},{"type":"paragraph","content":[{"type":"text","text":"• Conversational UI "}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully Responsive "}]},{"type":"paragraph","content":[{"type":"text","text":"• Property Controls "}]},{"type":"paragraph","content":[{"type":"text","text":"• Preview-only animations "}]},{"type":"paragraph","content":[{"type":"text","text":"• Light & Dark Mode "}]},{"type":"paragraph","content":[{"type":"text","text":"• Marketplace Ready"}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear your feedback! "},{"type":"emoji","attrs":{"name":"blue_heart","emoji":"💙"}}]}]},"author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8AqdeuKvVX4JsBPdr0x0","resolved":true,"title":"Converse","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Converse is a premium conversational contact form designed for creatives, agencies, freelancers, startups, and modern businesses. Instead of overwhelming visitors with traditional fields, it guides them through a natural, sentence-based conversation that makes submitting inquiries effortless and engaging."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with Framer best practices, Converse is fully responsive, highly customizable, and optimized for performance. Every element can be tailored using Property Controls, allowing you to match your brand without touching code."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern conversational form experience"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, premium, and minimal design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Framer Motion animations (Preview only)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Extensive Property Controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive service selection chips"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Budget and timeline selectors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Inline editable inputs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Email validation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard accessible and user-friendly"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light & Dark mode support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized for performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No code required for customization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Marketplace ready"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building a personal portfolio, creative agency website, startup landing page, or freelancer showcase, Converse helps turn inquiries into a premium user experience."}]}]},"introduction":"Premium conversational form","slug":"converse","author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/019f6e1f-22fa-7071-bb67-3d63905d77d1.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-17T03:30:35.375Z","updatedAt":"2026-07-18T05:13:39.309Z","publishedAt":"2026-07-17T03:30:35.371Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://fortuitous-people-670465.framer.app/","price":"13","paymentUrl":"https://noordesign.lemonsqueezy.com/checkout/buy/143d277b-e24a-44af-be62-955be167f2e6","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"wBxq2vgw7UnHTdl94J82","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-07-17T03:30:35.718Z","updatedAt":"2026-07-17T03:30:35.718Z"},{"id":"019f53bd-dfbd-72a1-8568-639a65fa655f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cJtY5PMNmiZZkCjxEFAT","resolved":true,"title":"Hanging Cards","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create engaging visual sections with "},{"type":"text","text":"Hanging Cards Gallery","marks":[{"type":"bold"}]},{"type":"text","text":", a premium Framer Code Component that displays content as cards suspended from a single responsive curved wire."}]},{"type":"paragraph","content":[{"type":"text","text":"Each card hangs naturally using a connecting cord and customizable pin, creating a clean presentation for portfolios, products, education content, services, galleries, and landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"The component is designed specifically for Framer Marketplace standards. Swing animation runs only in Preview and on published websites while remaining disabled inside the Framer Canvas, exports, and thumbnails for a distraction-free editing experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Every part of the component is editable through Framer Properties. Change images, titles, descriptions, colors, spacing, card sizing, rotation, animation settings, and more without touching the code."}]},{"type":"paragraph","content":[{"type":"text","text":"Lightweight, responsive, and easy to customize, Hanging Cards Gallery fits seamlessly into modern websites and creative projects. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layout for all screen sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-width adaptive curved hanging wire"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Realistic hanging cords and customizable pins"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth linear swing animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation automatically disabled in Framer Canvas, exports, and thumbnails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable images, titles, descriptions, pin colors, and card rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable card width, corner radius, spacing, and colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable wire color and thickness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable swing amount"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in fallback artwork when no image is provided"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external libraries or dependencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight and optimized"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize with Framer Properties"}]}]}]}]},"introduction":"Features Responsive layout for all","slug":"hanging-cards","author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/019f53bd-c27b-736b-b14e-ae2b4319cb33.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-12T00:33:00.057Z","updatedAt":"2026-07-12T00:33:00.057Z","publishedAt":"2026-07-12T00:33:00.054Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://stale-onboarding-710692.framer.app/","price":"10","paymentUrl":"https://noordesign.lemonsqueezy.com/checkout/buy/580e1926-446a-47cc-b301-90b5cd37f201","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"tgjLqNmDuwdewuz5Brvz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-12T00:33:00.349Z","updatedAt":"2026-07-12T00:33:00.349Z"},{"id":"019f3ab0-40eb-72ca-b8ba-8c96891f0167","title":null,"body":"

We’ve all been there building a beautiful site, only to have the menu feel like a clunky "block" that kills the vibe. That’s why I built PunchNav Pro.

I wanted to bridge the gap between "standard navigation" and "digital art." Using a custom Pathfinder-style masking logic, PunchNav Pro cuts real holes into the menu body. No fake transparency, no glitches just a premium, seamless fit for any background, from vibrant gradients to complex video loops.

I built this to solve my own design headaches, and I’m so excited to finally share it with the community.

#Framer #FramerMarketplace #WebDesign #UIUX #DigitalCraft #PunchNav

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We’ve all been there building a beautiful site, only to have the menu feel like a clunky \"block\" that kills the vibe. That’s why I built "},{"type":"text","text":"PunchNav Pro","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I wanted to bridge the gap between \"standard navigation\" and \"digital art.\" Using a custom Pathfinder-style masking logic, PunchNav Pro cuts real holes into the menu body. No fake transparency, no glitches just a premium, seamless fit for any background, from vibrant gradients to complex video loops."}]},{"type":"paragraph","content":[{"type":"text","text":"I built this to solve my own design headaches, and I’m so excited to finally share it with the community."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerMarketplace #WebDesign #UIUX #DigitalCraft #PunchNav"}]}]},"author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"MBV5g229VQWEGqffPaqo","resolved":true,"title":"PunchNav Pro","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"PunchNav: More than just a menu.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"We’ve all been there you’re building a beautiful site, everything is perfect, but the navigation menu just feels... heavy. It sits on top like a block, clashing with your background, or it just doesn't feel \"premium\" enough."}]},{"type":"paragraph","content":[{"type":"text","text":"That’s exactly why I built "},{"type":"text","text":"Punch Nav Pro.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to bridge the gap between \"standard web navigation\" and \"high-end digital art.\" I spent weeks perfecting the Pathfinder transparency logic inside Framer because I was tired of \"fake\" transparency that looked glitchy or broke whenever you changed a background image."}]},{"type":"paragraph","content":[{"type":"text","text":"With "},{"type":"text","text":"Punch Nav Pro","marks":[{"type":"bold"}]},{"type":"text","text":", you aren't just getting a menu; you’re getting a piece of craftsmanship that respects your canvas. It feels light, it feels real, and most importantly, it feels yours."}]},{"type":"paragraph","content":[{"type":"text","text":"Why you’ll love using it:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It feels \"Real\": Thanks to the true Pathfinder masking, the menu cuts into the background naturally. It doesn’t just sit on top; it becomes part of your design."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for Creators: I designed this to be stress-free. Drop it in, adjust the settings to match your vibe, and you’re done. No coding, no frustration—just a premium result in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"The \"Wow\" Factor: There’s something incredibly satisfying about watching an element interact with the background dynamically. Your clients or visitors will notice the detail."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for You: Whether you’re working on a minimalist portfolio or a high-energy SaaS project, "},{"type":"text","text":"Punch Nav Pro","marks":[{"type":"bold"}]},{"type":"text","text":" adapts to your vision, not the other way around."}]},{"type":"paragraph","content":[{"type":"text","text":"Quick Specs for your peace of mind:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Dynamic Transparency: True Pathfinder-style cutouts for any background."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer-Native: Built for speed and 100% responsive."}]},{"type":"paragraph","content":[{"type":"text","text":"Endless Customization: You control the look, the feel, and the flow."}]},{"type":"paragraph","content":[{"type":"text","text":"Ready to level up your navigation? Add Punch Nav Pro to your stack today.","marks":[{"type":"bold"}]}]}]},"introduction":"The Ultimate Interactive Menu","slug":"punchnav-pro","author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/qnk7yldp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-07T03:47:37.279Z","updatedAt":"2026-07-07T13:30:20.500Z","publishedAt":"2026-07-07T03:47:37.273Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://rotating-everything-286909.framer.app/","price":"15","paymentUrl":"https://noordesign.lemonsqueezy.com/checkout/buy/637dc7ae-cb1f-4111-ac04-61735348d2e8","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"dPoC79X3Ge0O1ZIeRQbS","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-07-07T03:47:37.323Z","updatedAt":"2026-07-07T03:47:37.323Z"},{"id":"019e7951-a09f-7b17-8a6b-7b890690fe41","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"zBotQN7xrpbYO8DroXp3","resolved":true,"title":"Smart Cost Estimator","body":"$68","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Smart Cost Estimator Framer Component"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A modern, fully customizable pricing configurator for Framer. Help visitors build their ideal package, select services or add-ons, and see a live estimated total instantly."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for digital agencies, creative studios, SaaS businesses, consultants, service providers, and productized services."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time price calculation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configurable base price and currency"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to three fully editable pricing sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Radio-button sections for single-choice selections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Checkbox sections for multiple selections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional image upload for every option, including radio choices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"“First X selections included” pricing rule for checkbox groups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatically charges only after the configured number of free selections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic “Included” label for free selected add-ons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Individual prices for every option"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional option descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable or disable individual choices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live selected-options counter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky price summary card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom CTA button label and URL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light, modern SaaS-style interface"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive on desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable content directly from Framer property controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable colors for background, cards, text, borders, and accent color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Framer font support with separate controls for:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Main font"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title font"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Section heading font"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Price font"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Small text font"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button font"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable font family, size, weight, letter spacing, and line height through Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Example Use Cases"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital agency service packages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Website design pricing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Branding and identity packages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marketing service estimators"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS onboarding plans"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Consulting service configurators"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"E-commerce project quotes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative studio package builders"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"No code editing is required after adding the component—everything can be customized directly inside Framer."}]}]},"introduction":"Build live pricing estimates","slug":"smart-cost-estimator","author":{"framerUserId":"a85a2895-554b-4138-ab1c-49ab1558183a","name":"Noor Afzal","slug":"noor-afzal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a85a2895-554b-4138-ab1c-49ab1558183a/ph2domt1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/zBotQN7xrpbYO8DroXp3/smart-cost-estimator-sEoALupug2GxiWII7KcZhtfiytl7wv","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-19T03:42:38.733Z","updatedAt":"2026-07-28T03:45:45.004Z","publishedAt":"2026-05-30T14:37:33.215Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://glorious-volunteers-473746.framer.app/service-configuer-component","price":"7","paymentUrl":"https://noordesign.lemonsqueezy.com/checkout/buy/a4429a9b-97f8-4c5e-b35a-76c45b4b028c","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"QTVmwQkcrh3CNlqnkGsU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T14:37:33.215Z","updatedAt":"2026-05-30T14:37:33.215Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L69"}]