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

Arc Nav is a premium responsive navigation component for Framer that turns a compact corner trigger into a smooth fan-style menu. On desktop and tablet, links unfold into a curved arc with numbered items, descriptions, active states and subtle hover feedback. On mobile, Arc Nav automatically switches to a clean bottom-sheet menu with large touch targets and comfortable spacing.

It is designed for websites that need navigation to feel memorable without taking over the page.

Features:

Animated fan / arc navigation
Compact floating trigger
Responsive desktop, tablet and mobile layouts
Mobile bottom-sheet navigation
Active section tracking
Smooth anchor scrolling
Optional item numbers and descriptions
Four corner-position options
Hover and active states
Glass styling with editable blur
Reduced-motion support
Dedicated static-renderer fallback

Editable properties:

Brand name and brand link
Navigation labels, links and descriptions
Accent, surface, active, text, muted and border colors
Trigger size
Navigation item width and height
Arc spread
Border radius
Edge offset
Animation speed and stagger
Show/hide brand, numbers and descriptions
Section tracking and smooth scrolling

Use cases:

Creative agency and studio websites
Designer and developer portfolios
Product and SaaS landing pages
Architecture and fashion websites
Experimental editorial layouts
Personal brands and showcase sites
Modern campaign or launch pages

Arc Nav gives Framer projects a distinctive navigation moment while remaining practical, responsive and highly customizable.

53:T792,

Fold Nav is a premium expandable navigation component for Framer designed for portfolios, agencies, studios, SaaS websites and modern landing pages. It starts as a compact floating menu and unfolds into a beautifully structured navigation panel with smooth motion, numbered links, descriptions and a prominent CTA.

The layout adapts fluidly across desktop, tablet and mobile. On smaller screens, Fold Nav expands into a comfortable near-full-width panel with large touch targets and an internally scrollable layout when screen height is limited.

Features:

Compact closed navigation state
Smooth folding open/close animation
Staggered navigation reveal
Responsive desktop, tablet and mobile layouts
Active and hover navigation states
Optional link descriptions
Optional section numbers
Premium CTA button
Escape key support
Internal scrolling on short screens
Left or right positioning
Reduced-motion accessibility support
Dedicated Framer static-renderer fallback

Editable properties:

Brand name and link
Navigation labels, links and descriptions
CTA text and destination
Accent and surface colors
Active surface color
Text, muted and border colors
Glass effect and blur
Closed and expanded panel widths
Border radius
Top and side offsets
Panel padding
Animation speed
Stagger timing
Show/hide numbers and descriptions

Fold Nav gives designers a polished alternative to a traditional navbar while remaining highly customizable directly inside Framer.

54:T852,

Mega Menu is a premium, fully responsive navigation component for Framer, designed for modern websites that need more than a basic navbar. It combines a clean desktop navigation, animated mega menu panels, featured content, utility actions, and a mobile accordion experience in one flexible component.

On desktop, menu items such as Products, Solutions, and Resources can open large dropdown panels with multiple link groups, icons, descriptions, and a featured content card. The panel opens smoothly and supports both hover and click interaction.

Key features:

Animated desktop mega menu panels
Multiple link groups with icons and descriptions
Featured content card
Search, Sign In, and CTA options
Active navigation states
Smooth hover and panel transitions
Full-screen mobile menu
Expandable mobile accordion sections
Responsive across desktop, tablet, and mobile
Dedicated static-renderer fallback for Framer

Fully editable in Framer:

Brand name and brand link
Top navigation labels and destinations
Mega menu type for each link
Products, Solutions, and Resources content
Search link
Sign In text and link
CTA text and link
Featured label, title, description, CTA, and destination
Accent color
Navbar and panel colors
Text, muted text, and border colors
Maximum width and navbar height
Navbar and panel corner radius
Top offset, side padding, and link spacing
Glass effect and blur amount
Animation speed
Mobile menu label

Mega Menu is ideal for SaaS websites, agencies, startups, portfolios, product websites, and modern business sites that need a more advanced navigation system while keeping everything easy to customize inside Framer.

55:T71e,

Prism Rail is a premium, fully responsive rail navbar for Framer, designed to give modern websites a more distinctive and interactive navigation experience.

On desktop, Prism Rail sits as a slim floating vertical navigation on the left or right side of the screen. In its compact state, it keeps the interface clean with icons, branding, active-section styling, and scroll progress. When visitors hover over it, the rail smoothly expands to reveal navigation labels, section numbers, brand text, and the current scroll percentage.

The active state moves between links as users explore different sections, while optional smooth scrolling can take visitors directly to areas such as Home, Work, Services, About, and Contact. The component also includes subtle hover interactions, premium glass styling, and a refined active-section highlight.

Prism Rail automatically adapts for smaller screens. On tablet and mobile, the vertical rail transforms into a compact floating bottom navbar built for touch interaction. Labels can remain visible on larger mobile layouts and simplify on very small screens for a cleaner experience.

Everything is editable directly inside Framer. Customize the brand name, navigation labels, links, icons, accent color, surface color, text colors, rail position, collapsed width, expanded width, corner radius, side offset, blur, transparency, mobile position, section numbers, progress indicator, smooth scrolling, and mobile labels.

Perfect for portfolios, creative agencies, studios, SaaS websites, personal sites, product showcases, and other modern Framer projects that need navigation with more personality.

Prism Rail is responsive across desktop, tablet, and mobile and includes a dedicated static-renderer fallback for reliable use inside Framer.

56:T432,

Halo Nav is a premium animated Framer navigation component designed to transform as visitors scroll.

At the top of the page, it appears as a clean, wide editorial navbar with a light background, subtle active-link indicator, status message, and outlined CTA. Once the user starts scrolling, the navbar smoothly travels to the bottom of the screen and transforms into a compact dark floating pill with a stronger shadow, sage active state, filled CTA, and a more condensed layout.

It also includes a fully responsive mobile version with a compact floating navbar and a full-screen animated mobile menu.

You can customize the brand name, logo accent color, navigation links, link destinations, CTA text and link, availability/status message, navbar width and height, spacing, radius, scroll trigger, animation speed, bottom position, scale, and active-section tracking.

Built to work across desktop, tablet, and mobile, with smooth hover effects, responsive layouts, editable controls, and a dedicated static-renderer fallback for Framer.

57:T6ea,

Contact Dock is a premium floating contact and enquiry component built for Framer. It gives portfolios, agencies, freelancers, studios, SaaS brands, and service businesses a polished way to collect project enquiries without sending visitors to a separate contact page.

Visitors click the “Start a project” trigger to open a responsive slide-in contact panel with name, email, company, phone, service selection, budget range, message, consent, validation, and a complete success state.

Everything is easy to customize from the Framer Properties panel. You can edit the theme, accent color, glow color and strength, panel side, width, radius, overlay opacity, trigger text and placement, brand name, eyebrow, heading, description, field labels and placeholders, company and phone visibility, required fields, service options, budget options, message settings, consent text, CTA text, trust message, success content, and auto-close behavior.

Contact Dock includes Cream and Dark themes, responsive desktop/tablet/mobile layouts, overlay and Escape-key closing, scroll locking, anti-spam honeypot protection, and accessible focus states.

For testing, use Demo mode. For real enquiries, switch to Webhook mode and add your webhook URL. JSON and form-encoded submissions are supported, so you can connect it to tools such as Make, Zapier, n8n, CRMs, spreadsheets, databases, or your own API.

After completing payment, your Framer component link will be shown directly on the payment confirmation page. Open the link, add or duplicate Contact Dock into your Framer workspace, customize it, and use it in your project immediately.

Contact Dock turns a basic contact form into a premium, interactive part of your website experience.

58:T6bc,

A premium, fully responsive 4-step enquiry form for Framer, built for agencies, studios, freelancers, portfolios and service businesses.

How to use: Add the component to your Framer page, resize it to fit your layout, then customize everything from the Properties panel. Keep Submission Mode on Demo while testing. When ready to collect real enquiries, switch to Webhook, paste your webhook URL, and choose JSON or Form format.

Editable properties: • Ivory or Dark theme • Soft, Glass or Flat surface • Accent color and corner radius • Show/hide sidebar and step numbers • Enable navigation to completed steps • Main eyebrow, title and description • Titles and descriptions for all 4 steps • Name and email labels/placeholders • Optional Company and Phone fields • Make Company/Phone required or optional • Custom service/project options • Custom budget and timeline options • Optional Website field • Message label, placeholder and required setting • Show/hide review summary • Consent checkbox and custom text • Back, Continue, Submit and loading text • Trust/privacy message • Demo or Webhook submission • Webhook URL + JSON/Form format • Remember form progress • Success title, message, button and link

Built-in features: Smooth step transitions, progress tracking, validation, responsive desktop/tablet/mobile layouts, loading and error states, anti-spam protection, saved progress, review summary, premium success screen, focus states and reduced-motion support.

Works with Make, Zapier, n8n, CRMs and custom APIs.

No external plugin required. Fully editable in Framer.

59:T6b3,

FluxStack is a premium interactive card stack for Framer designed for portfolios, case studies, products, galleries, and editorial showcases. Cards fan out when the component enters view, react with magnetic hover and 3D depth, and can be clicked to bring any card into focus. Click the focused card again to return it to the stack.

Editable Properties

Cards
- Image
- Tag
- Title
- Description
- Link
Animation & Interaction
- In View animation
- View Start
- Fan Angle
- Spread
- Hover Depth
- 3D Tilt
- Hover Lift
- Hover Scale
- Focus Scale
- Magnet Push
- Magnet Range
- Spotlight
- Animation Stagger
- Spring Strength
Card Styling
- Card Width
- Card Ratio
- Corner Radius
- Background Color
- Text Color
- Muted Text Color
- Border Color
- Image Overlay
- Shadow
UI Options
- Accent Color
- Action Button
- Action Label
- Show/Hide Card Index
- Show/Hide Tag
- Show/Hide Description

FluxStack is also responsive, supports reduced motion, keeps overlapping cards clickable, and includes Framer-safe static rendering for reliable editing and publishing.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-74179b73-bf77-4b05-9677-051f1d4e9f4b-all:/unified/creator/74179b73-bf77-4b05-9677-051f1d4e9f4b/activity/":[{"data":[{"id":"01a096d2-c59b-73dc-b359-1ae479a3f544","type":"component.created","target":{"type":"component","id":"MNZek2urNvWu9mkdpjaP","preview":"Arc NavBar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a096d2-4765-70db-b17a-1d7f5548e7d8.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-12T18:13:10.682Z","latestAt":"2026-09-12T18:13:10.682Z"},{"id":"01a096b9-cce3-72ff-b880-8bcc15165046","type":"comment.reply","target":{"type":"post","id":"01a09334-163a-72e9-a7e1-16da5dd91bd7","preview":"Fold NavBar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a09333-0eec-72d0-9ef4-342a3c3672ee.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a09334-163a-72e9-a7e1-16da5dd91bd7","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a096b9-ccb8-744e-9330-8d34800b6fe8","preview":"Thank you","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a09334-163a-72e9-a7e1-16da5dd91bd7","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0940b-ce51-757f-b959-89f4358644a0"},"repost":null}},"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T17:45:54.147Z","latestAt":"2026-09-12T17:45:54.147Z"},{"id":"01a096b9-a09c-7209-b3d9-c34e25f10631","type":"comment.liked","target":{"type":"comment","id":"01a0940b-ce51-757f-b959-89f4358644a0","preview":"great work!! 🙌🏽","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"great work!! 🙌🏽"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a09334-163a-72e9-a7e1-16da5dd91bd7","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0940b-ce51-757f-b959-89f4358644a0"},"repost":null}},"context":{"type":"post","id":"01a09334-163a-72e9-a7e1-16da5dd91bd7","preview":"Fold NavBar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a09333-0eec-72d0-9ef4-342a3c3672ee.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a09334-163a-72e9-a7e1-16da5dd91bd7","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T17:45:42.807Z","latestAt":"2026-09-12T17:45:42.807Z"},{"id":"01a09590-e967-76ec-93e8-a5876a15606c","type":"creator.followed","target":{"type":"creator","id":"8ad17b48-4db5-4a81-940f-74fa32a13c18","preview":"Nimesh Bhuva","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8ad17b48-4db5-4a81-940f-74fa32a13c18/z125fco9","slug":"nimesh-bhuva","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T12:21:37.251Z","latestAt":"2026-09-12T12:21:37.251Z"},{"id":"01a09334-1860-779b-a8ee-7ce2034ec7d0","type":"component.created","target":{"type":"component","id":"KxxH1Yg4XlunIMUovUhT","preview":"Fold NavBar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a09333-0eec-72d0-9ef4-342a3c3672ee.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-12T01:21:00.000Z","latestAt":"2026-09-12T01:21:00.000Z"},{"id":"01a091fe-137c-7336-8750-567918549a76","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T19:42:22.583Z","latestAt":"2026-09-11T19:42:22.583Z"},{"id":"01a091fd-b4cc-704e-b3bf-21c82b7fe661","type":"comment.reply","target":{"type":"post","id":"01a09159-e965-73a4-87d7-14e78344fd86","preview":"The Mega Menu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a09158-f780-72b5-846d-2c95b5541739.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a09159-e965-73a4-87d7-14e78344fd86","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a091fd-b4b7-75ca-ad7d-761217ab6f3f","preview":"THANK YOU","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"THANK YOU"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a09159-e965-73a4-87d7-14e78344fd86","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a091fa-0c50-735e-955c-f94e24a2f9e5"},"repost":null}},"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T19:41:58.348Z","latestAt":"2026-09-11T19:41:58.348Z"},{"id":"01a091fc-0963-76df-a5d2-4aebb1aa555b","type":"comment.liked","target":{"type":"comment","id":"01a091fa-0c50-735e-955c-f94e24a2f9e5","preview":"The responsive states feel really well thought out.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The responsive states feel really well thought out."}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a09159-e965-73a4-87d7-14e78344fd86","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a091fa-0c50-735e-955c-f94e24a2f9e5"},"repost":null}},"context":{"type":"post","id":"01a09159-e965-73a4-87d7-14e78344fd86","preview":"The Mega Menu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a09158-f780-72b5-846d-2c95b5541739.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a09159-e965-73a4-87d7-14e78344fd86","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T19:40:08.926Z","latestAt":"2026-09-11T19:40:08.926Z"},{"id":"01a09159-eb85-70d7-9b29-17b8c2305ddf","type":"component.created","target":{"type":"component","id":"Pl932fGRvijjLUbVyFfv","preview":"The Mega Menu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a09158-f780-72b5-846d-2c95b5541739.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-11T16:43:04.453Z","latestAt":"2026-09-11T16:43:04.453Z"},{"id":"01a08cc2-5fc7-7089-9992-aa57a55acaac","type":"creator.followed","target":{"type":"creator","id":"fb0c6e50-a186-4e1a-a284-9ab6eb6cdfca","preview":"Anush N ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/651586/avatar-RfI1SGkRdySkoNTaiGBezwTl6SjCmj.jpg","slug":"anush-foundrline","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T19:19:03.875Z","latestAt":"2026-09-10T19:19:03.875Z"},{"id":"01a08cb2-f9ca-7339-bb6f-98af5d6ce79f","type":"component.created","target":{"type":"component","id":"XBKGATy5tBkMGskW7Y8z","preview":"Rail NavBar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a08cb1-23e0-7616-8b43-0c01d7552f4c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-10T19:02:14.730Z","latestAt":"2026-09-10T19:02:14.730Z"},{"id":"01a08ca0-d808-776e-94c1-07799f26f5a1","type":"creator.followed","target":{"type":"creator","id":"d4e1c749-998e-4fdd-9d22-3c4d04bc05fe","preview":"Kanvas Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4e1c749-998e-4fdd-9d22-3c4d04bc05fe/xqahd86l","slug":"kanvas-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T18:42:26.437Z","latestAt":"2026-09-10T18:42:26.437Z"},{"id":"01a08ca0-060a-7707-9229-fb31325cc025","type":"comment.reply","target":{"type":"post","id":"01a08c79-8b72-7760-98d8-b5b2a4bb5b37","preview":"Halo NavBar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a08c67-97b9-71fe-9d84-9acaa506adf9.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a08c79-8b72-7760-98d8-b5b2a4bb5b37","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a08ca0-05f3-7034-a1e9-fa9b4f677494","preview":"Thank you","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a08c79-8b72-7760-98d8-b5b2a4bb5b37","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a08c9c-0cab-717b-b34e-ceb809b57fec"},"repost":null}},"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T18:41:32.682Z","latestAt":"2026-09-10T18:41:32.682Z"},{"id":"01a08c9f-c476-7769-979a-80b5bcafbe20","type":"comment.liked","target":{"type":"comment","id":"01a08c9c-0cab-717b-b34e-ceb809b57fec","preview":"Really nice interaction concept, feels premium without overdoing it 😃","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Really nice interaction concept, feels premium without overdoing it "},{"type":"emoji","attrs":{"name":"smiley","emoji":"😃"}},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a08c79-8b72-7760-98d8-b5b2a4bb5b37","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a08c9c-0cab-717b-b34e-ceb809b57fec"},"repost":null}},"context":{"type":"post","id":"01a08c79-8b72-7760-98d8-b5b2a4bb5b37","preview":"Halo NavBar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a08c67-97b9-71fe-9d84-9acaa506adf9.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a08c79-8b72-7760-98d8-b5b2a4bb5b37","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T18:41:15.889Z","latestAt":"2026-09-10T18:41:15.889Z"},{"id":"01a08c79-8db0-7034-a232-9d80653c2c91","type":"component.created","target":{"type":"component","id":"Em3wkuKLXfkeeX3GHffv","preview":"Halo NavBar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a08c67-97b9-71fe-9d84-9acaa506adf9.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-10T17:59:31.504Z","latestAt":"2026-09-10T17:59:31.504Z"},{"id":"01a08c30-2df5-74db-9f24-253bf2feac3a","type":"template.liked","target":{"type":"template","id":"72624","preview":"Corely Pilates","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/01a07f00-5968-733c-af99-80790452901e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-10T16:39:22.865Z","latestAt":"2026-09-10T16:39:22.865Z"},{"id":"01a08c30-01c1-752d-9a15-75597f663ba8","type":"post.liked","target":{"type":"post","id":"01a08b8d-15ef-748a-b2c8-e6c1c54aa152","preview":"Sneakpreview of HYBRD 💪🏻\nA hybrid race gym template for Framer, built for the kind of gym where the timetable matters as much as the branding.\nWhat is inside: 15 pages, 4 CMS collections and 8 reusable components. Programs, coaches, a full class timetable, memberships, events and a blog, all CMS driven. Change one item and it updates everywhere.\nRace-spec look: condensed type, high contrast black and yellow, hard edges. Fully responsive down to 390px.\nDropping on the Framer Marketplace soon. Let me know what you would want to see in a gym template!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sneakpreview of HYBRD 💪🏻","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A hybrid race gym template for Framer, built for the kind of gym where the timetable matters as much as the branding."}]},{"type":"paragraph","content":[{"type":"text","text":"What is inside: 15 pages, 4 CMS collections and 8 reusable components. Programs, coaches, a full class timetable, memberships, events and a blog, all CMS driven. Change one item and it updates everywhere."}]},{"type":"paragraph","content":[{"type":"text","text":"Race-spec look: condensed type, high contrast black and yellow, hard edges. Fully responsive down to 390px."}]},{"type":"paragraph","content":[{"type":"text","text":"Dropping on the Framer Marketplace soon. Let me know what you would want to see in a gym template!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/01a08b8c-9562-7794-89e5-075d8fb1cbc1.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a08b8d-15ef-748a-b2c8-e6c1c54aa152","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T16:39:11.548Z","latestAt":"2026-09-10T16:39:11.548Z"},{"id":"01a08c2f-f2ce-75fd-98ea-2becce687fa9","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T16:39:07.719Z","latestAt":"2026-09-10T16:39:07.719Z"},{"id":"01a087eb-b9d4-736c-847f-0d76dceb47c1","type":"component.created","target":{"type":"component","id":"GQF1VhhYP3DSH5AiMknP","preview":"The Contact Dock","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a087ea-43f3-757c-9016-d9123ece76fd.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-09T20:46:07.828Z","latestAt":"2026-09-09T20:46:07.828Z"},{"id":"01a0872b-ebc6-728b-bd4a-67464494769e","type":"component.created","target":{"type":"component","id":"qGSoz6QjdoRl0vda1CQY","preview":"A Multi Step form","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a08729-289b-7748-a7cb-17c88d8aa284.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","slug":"saira-fayyaz-101","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-09T17:16:37.702Z","latestAt":"2026-09-09T17:16:37.702Z"}],"pagination":{"next":"MjAyNi0wOS0wOVQxNzoxNjozNy43MDJafDAxYTA4NzJiLWViYzYtNzI4Yi1iZDRhLTY3NDY0NDk0NzY5ZQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:74179b73-bf77-4b05-9677-051f1d4e9f4b:/unified/posts/?creator=74179b73-bf77-4b05-9677-051f1d4e9f4b&with=reposts":[{"data":[{"id":"01a096d2-c36d-74ce-a091-0f19be075e88","title":null,"body":"

Navigation doesn’t have to be another straight bar. ✦

Arc Nav unfolds into a responsive fan on desktop and a clean bottom sheet on mobile.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation doesn’t have to be another straight bar. ✦","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Arc Nav unfolds into a responsive fan on desktop and a clean bottom sheet on mobile."}]}]},"author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[],"resources":[{"id":"MNZek2urNvWu9mkdpjaP","resolved":true,"title":"Arc NavBar","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Arc Nav is a premium responsive navigation component for Framer that turns a compact corner trigger into a smooth fan-style menu. On desktop and tablet, links unfold into a curved arc with numbered items, descriptions, active states and subtle hover feedback. On mobile, Arc Nav automatically switches to a clean bottom-sheet menu with large touch targets and comfortable spacing."}]},{"type":"paragraph","content":[{"type":"text","text":"It is designed for websites that need navigation to feel memorable without taking over the page."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated fan / arc navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Compact floating trigger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop, tablet and mobile layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile bottom-sheet navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active section tracking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth anchor scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional item numbers and descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four corner-position options"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover and active states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glass styling with editable blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dedicated static-renderer fallback"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Editable properties:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand name and brand link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation labels, links and descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accent, surface, active, text, muted and border colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trigger size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation item width and height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Arc spread"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation speed and stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show/hide brand, numbers and descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Section tracking and smooth scrolling"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Use cases:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency and studio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designer and developer portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product and SaaS landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Architecture and fashion websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Experimental editorial layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Personal brands and showcase sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern campaign or launch pages"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Arc Nav gives Framer projects a distinctive navigation moment while remaining practical, responsive and highly customizable."}]}]},"introduction":"Radial navigation built for Framer","slug":"arc-navbar","author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a096d2-4765-70db-b17a-1d7f5548e7d8.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1536,"height":1024}}],"post":null,"createdAt":"2026-09-12T18:13:09.541Z","updatedAt":"2026-09-12T18:13:09.541Z","publishedAt":"2026-09-12T18:13:09.539Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://arcnavbar.framer.website/","price":"14","paymentUrl":"https://buy.stripe.com/dRmdR19jD0NZ0YI5kRasg0c","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"egRLeWL6MgVBBOMn2qUv","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-09-12T18:13:10.125Z","updatedAt":"2026-09-12T18:13:10.125Z"},{"id":"01a09334-163a-72e9-a7e1-16da5dd91bd7","title":null,"body":"

Fold Nav just landed ✦

A compact menu that unfolds into a smooth, responsive Framer navigation experience.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fold Nav just landed ✦ "}]},{"type":"paragraph","content":[{"type":"text","text":"A compact menu that unfolds into a smooth, responsive Framer navigation experience."}]}]},"author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[],"resources":[{"id":"KxxH1Yg4XlunIMUovUhT","resolved":true,"title":"Fold NavBar","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fold Nav is a premium expandable navigation component for Framer designed for portfolios, agencies, studios, SaaS websites and modern landing pages. It starts as a compact floating menu and unfolds into a beautifully structured navigation panel with smooth motion, numbered links, descriptions and a prominent CTA."}]},{"type":"paragraph","content":[{"type":"text","text":"The layout adapts fluidly across desktop, tablet and mobile. On smaller screens, Fold Nav expands into a comfortable near-full-width panel with large touch targets and an internally scrollable layout when screen height is limited."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Compact closed navigation state"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth folding open/close animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered navigation reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop, tablet and mobile layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active and hover navigation states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional link descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional section numbers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium CTA button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Escape key support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Internal scrolling on short screens"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Left or right positioning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion accessibility support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dedicated Framer static-renderer fallback"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Editable properties:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand name and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation labels, links and descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA text and destination"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accent and surface colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active surface color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text, muted and border colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glass effect and blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Closed and expanded panel widths"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Top and side offsets"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Panel padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stagger timing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show/hide numbers and descriptions"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fold Nav gives designers a polished alternative to a traditional navbar while remaining highly customizable directly inside Framer."}]}]},"introduction":"Premium folding navigation","slug":"fold-navbar","author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a09333-0eec-72d0-9ef4-342a3c3672ee.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1536,"height":1024}}],"post":null,"createdAt":"2026-09-12T01:20:58.903Z","updatedAt":"2026-09-12T01:20:58.903Z","publishedAt":"2026-09-12T01:20:58.900Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://foldnavbar.framer.website/","price":"14","paymentUrl":"https://buy.stripe.com/fZu9ALdzT8gr22M14Basg0a","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"fdkTxZBYhteg1mjEdkMS","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-09-12T01:20:59.450Z","updatedAt":"2026-09-12T01:20:59.450Z"},{"id":"01a09159-e965-73a4-87d7-14e78344fd86","title":null,"body":"

Meet Mega Menu ✨

A fully editable, responsive Framer mega menu with smooth dropdowns and mobile accordions.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Mega Menu","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"A fully editable, responsive Framer mega menu with smooth dropdowns and mobile accordions."}]}]},"author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Pl932fGRvijjLUbVyFfv","resolved":true,"title":"The Mega Menu","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mega Menu is a premium, fully responsive navigation component for Framer, designed for modern websites that need more than a basic navbar. It combines a clean desktop navigation, animated mega menu panels, featured content, utility actions, and a mobile accordion experience in one flexible component."}]},{"type":"paragraph","content":[{"type":"text","text":"On desktop, menu items such as Products, Solutions, and Resources can open large dropdown panels with multiple link groups, icons, descriptions, and a featured content card. The panel opens smoothly and supports both hover and click interaction."}]},{"type":"paragraph","content":[{"type":"text","text":"Key features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated desktop mega menu panels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple link groups with icons and descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Featured content card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Search, Sign In, and CTA options"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active navigation states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth hover and panel transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-screen mobile menu"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Expandable mobile accordion sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dedicated static-renderer fallback for Framer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully editable in Framer:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand name and brand link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Top navigation labels and destinations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mega menu type for each link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Products, Solutions, and Resources content"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Search link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sign In text and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA text and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Featured label, title, description, CTA, and destination"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accent color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navbar and panel colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text, muted text, and border colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Maximum width and navbar height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navbar and panel corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Top offset, side padding, and link spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glass effect and blur amount"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile menu label"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Mega Menu is ideal for SaaS websites, agencies, startups, portfolios, product websites, and modern business sites that need a more advanced navigation system while keeping everything easy to customize inside Framer."}]}]},"introduction":"Responsive mega menu for Framer!","slug":"the-mega-menu","author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a09158-f780-72b5-846d-2c95b5541739.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-11T16:43:03.308Z","updatedAt":"2026-09-11T16:43:03.308Z","publishedAt":"2026-09-11T16:43:03.301Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://atlasmegamenu.framer.website/","price":"14","paymentUrl":"https://buy.stripe.com/00weV5gM5cwHazi14Basg06","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"jGtkMtHYQZrh0ZADxIF0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-11T16:43:03.909Z","updatedAt":"2026-09-11T16:43:03.909Z"},{"id":"01a08cb2-f78d-70a3-942b-e7fd531c82e7","title":null,"body":"

Meet Prism Rail ✨

A clean, responsive, fully editable rail navbar for Framer.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet Prism Rail ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"A clean, responsive, fully editable rail navbar for Framer."}]}]},"author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[],"resources":[{"id":"XBKGATy5tBkMGskW7Y8z","resolved":true,"title":"Rail NavBar","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Prism Rail is a premium, fully responsive rail navbar for Framer, designed to give modern websites a more distinctive and interactive navigation experience."}]},{"type":"paragraph","content":[{"type":"text","text":"On desktop, Prism Rail sits as a slim floating vertical navigation on the left or right side of the screen. In its compact state, it keeps the interface clean with icons, branding, active-section styling, and scroll progress. When visitors hover over it, the rail smoothly expands to reveal navigation labels, section numbers, brand text, and the current scroll percentage."}]},{"type":"paragraph","content":[{"type":"text","text":"The active state moves between links as users explore different sections, while optional smooth scrolling can take visitors directly to areas such as Home, Work, Services, About, and Contact. The component also includes subtle hover interactions, premium glass styling, and a refined active-section highlight."}]},{"type":"paragraph","content":[{"type":"text","text":"Prism Rail automatically adapts for smaller screens. On tablet and mobile, the vertical rail transforms into a compact floating bottom navbar built for touch interaction. Labels can remain visible on larger mobile layouts and simplify on very small screens for a cleaner experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable directly inside Framer. Customize the brand name, navigation labels, links, icons, accent color, surface color, text colors, rail position, collapsed width, expanded width, corner radius, side offset, blur, transparency, mobile position, section numbers, progress indicator, smooth scrolling, and mobile labels."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for portfolios, creative agencies, studios, SaaS websites, personal sites, product showcases, and other modern Framer projects that need navigation with more personality."}]},{"type":"paragraph","content":[{"type":"text","text":"Prism Rail is responsive across desktop, tablet, and mobile and includes a dedicated static-renderer fallback for reliable use inside Framer."}]}]},"introduction":"Responsive rail navbar for Framer!","slug":"rail-navbar","author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a08cb1-23e0-7616-8b43-0c01d7552f4c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-10T19:02:13.580Z","updatedAt":"2026-09-10T19:02:13.580Z","publishedAt":"2026-09-10T19:02:13.577Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://prismrail.framer.website/","price":"12","paymentUrl":"https://buy.stripe.com/aFa8wH0N754ffTC5kRasg05","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"qqjBlnmW1u5IfTX7qZaB","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-09-10T19:02:14.157Z","updatedAt":"2026-09-10T19:02:14.157Z"},{"id":"01a08c79-8b72-7760-98d8-b5b2a4bb5b37","title":null,"body":"

Just launched Halo Nav ✨

A fully editable, responsive Framer navbar that transforms on scroll.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched "},{"type":"text","text":"Halo Nav","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"A fully editable, responsive Framer navbar that transforms on scroll."}]}]},"author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Em3wkuKLXfkeeX3GHffv","resolved":true,"title":"Halo NavBar","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Halo Nav is a premium animated Framer navigation component designed to transform as visitors scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"At the top of the page, it appears as a clean, wide editorial navbar with a light background, subtle active-link indicator, status message, and outlined CTA. Once the user starts scrolling, the navbar smoothly travels to the bottom of the screen and transforms into a compact dark floating pill with a stronger shadow, sage active state, filled CTA, and a more condensed layout."}]},{"type":"paragraph","content":[{"type":"text","text":"It also includes a fully responsive mobile version with a compact floating navbar and a full-screen animated mobile menu."}]},{"type":"paragraph","content":[{"type":"text","text":"You can customize the brand name, logo accent color, navigation links, link destinations, CTA text and link, availability/status message, navbar width and height, spacing, radius, scroll trigger, animation speed, bottom position, scale, and active-section tracking."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to work across desktop, tablet, and mobile, with smooth hover effects, responsive layouts, editable controls, and a dedicated static-renderer fallback for Framer."}]},{"type":"paragraph"}]},"introduction":"Smooth animated navbar for Framer!","slug":"halo-navbar","author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a08c67-97b9-71fe-9d84-9acaa506adf9.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1672,"height":941}}],"post":null,"createdAt":"2026-09-10T17:59:30.353Z","updatedAt":"2026-09-10T17:59:30.353Z","publishedAt":"2026-09-10T17:59:30.350Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://halonav.framer.website/#services","price":"18","paymentUrl":"https://buy.stripe.com/cNi8wHeDX1S38ra5kRasg04","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"nHcB8gqcWdRUoITs7GFr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-10T17:59:30.930Z","updatedAt":"2026-09-10T17:59:30.930Z"},{"id":"01a087eb-b7a5-7077-9449-9b6698262ca3","title":null,"body":"

Hey everyone 👋 I just launched Contact Dock, my new premium contact form component for Framer. Would love for you to check it out and tell me what you think ✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" I just launched "},{"type":"text","text":"Contact Dock","marks":[{"type":"bold"}]},{"type":"text","text":", my new premium contact form component for Framer. Would love for you to check it out and tell me what you think "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[],"resources":[{"id":"GQF1VhhYP3DSH5AiMknP","resolved":true,"title":"The Contact Dock","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact Dock is a premium floating contact and enquiry component built for Framer. It gives portfolios, agencies, freelancers, studios, SaaS brands, and service businesses a polished way to collect project enquiries without sending visitors to a separate contact page."}]},{"type":"paragraph","content":[{"type":"text","text":"Visitors click the “Start a project” trigger to open a responsive slide-in contact panel with name, email, company, phone, service selection, budget range, message, consent, validation, and a complete success state."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is easy to customize from the Framer Properties panel. You can edit the theme, accent color, glow color and strength, panel side, width, radius, overlay opacity, trigger text and placement, brand name, eyebrow, heading, description, field labels and placeholders, company and phone visibility, required fields, service options, budget options, message settings, consent text, CTA text, trust message, success content, and auto-close behavior."}]},{"type":"paragraph","content":[{"type":"text","text":"Contact Dock includes Cream and Dark themes, responsive desktop/tablet/mobile layouts, overlay and Escape-key closing, scroll locking, anti-spam honeypot protection, and accessible focus states."}]},{"type":"paragraph","content":[{"type":"text","text":"For testing, use Demo mode. For real enquiries, switch to Webhook mode and add your webhook URL. JSON and form-encoded submissions are supported, so you can connect it to tools such as Make, Zapier, n8n, CRMs, spreadsheets, databases, or your own API."}]},{"type":"paragraph","content":[{"type":"text","text":"After completing payment, your Framer component link will be shown directly on the payment confirmation page. Open the link, add or duplicate Contact Dock into your Framer workspace, customize it, and use it in your project immediately."}]},{"type":"paragraph","content":[{"type":"text","text":"Contact Dock turns a basic contact form into a premium, interactive part of your website experience."}]}]},"introduction":"Premium contact drawer for Framer!","slug":"the-contact-dock","author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a087ea-43f3-757c-9016-d9123ece76fd.png","metadata":{"tint":{"h":0,"s":0,"l":22},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-09T20:46:06.700Z","updatedAt":"2026-09-09T20:46:06.700Z","publishedAt":"2026-09-09T20:46:06.694Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://contactdock.framer.website/","price":"15","paymentUrl":"https://buy.stripe.com/7sY7sDanH54f8ra3cJasg03","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"XFKSPHn3QBgW4OUu4lFR","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-09-09T20:46:07.269Z","updatedAt":"2026-09-09T20:46:07.269Z"},{"id":"01a0872b-e99c-77c1-ae81-e78267cec15f","title":null,"body":"

Been working on this one for a while and it’s finally live.

It’s a 4-step multi-step form for Framer with responsive layouts, validation, webhook support, editable fields, progress tracking, and a proper success state.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been working on this one for a while and it’s finally live."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s a "},{"type":"text","text":"4-step multi-step form for Framer","marks":[{"type":"bold"}]},{"type":"text","text":" with responsive layouts, validation, webhook support, editable fields, progress tracking, and a proper success state."}]}]},"author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qGSoz6QjdoRl0vda1CQY","resolved":true,"title":"A Multi Step form","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A premium, fully responsive 4-step enquiry form for Framer, built for agencies, studios, freelancers, portfolios and service businesses."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use:","marks":[{"type":"bold"}]},{"type":"text","text":" Add the component to your Framer page, resize it to fit your layout, then customize everything from the Properties panel. Keep Submission Mode on Demo while testing. When ready to collect real enquiries, switch to Webhook, paste your webhook URL, and choose JSON or Form format."}]},{"type":"paragraph","content":[{"type":"text","text":"Editable properties:","marks":[{"type":"bold"}]},{"type":"text","text":" • Ivory or Dark theme • Soft, Glass or Flat surface • Accent color and corner radius • Show/hide sidebar and step numbers • Enable navigation to completed steps • Main eyebrow, title and description • Titles and descriptions for all 4 steps • Name and email labels/placeholders • Optional Company and Phone fields • Make Company/Phone required or optional • Custom service/project options • Custom budget and timeline options • Optional Website field • Message label, placeholder and required setting • Show/hide review summary • Consent checkbox and custom text • Back, Continue, Submit and loading text • Trust/privacy message • Demo or Webhook submission • Webhook URL + JSON/Form format • Remember form progress • Success title, message, button and link"}]},{"type":"paragraph","content":[{"type":"text","text":"Built-in features:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth step transitions, progress tracking, validation, responsive desktop/tablet/mobile layouts, loading and error states, anti-spam protection, saved progress, review summary, premium success screen, focus states and reduced-motion support."}]},{"type":"paragraph","content":[{"type":"text","text":"Works with Make, Zapier, n8n, CRMs and custom APIs."}]},{"type":"paragraph","content":[{"type":"text","text":"No external plugin required. Fully editable in Framer.","marks":[{"type":"bold"}]}]}]},"introduction":"Premium multi-step form for Framer","slug":"a-multi-step-form","author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a08729-289b-7748-a7cb-17c88d8aa284.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1672,"height":941}}],"post":null,"createdAt":"2026-09-09T17:16:36.515Z","updatedAt":"2026-09-09T18:51:45.731Z","publishedAt":"2026-09-09T17:16:36.511Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://floatingmultistepform.framer.website/","price":"15","paymentUrl":"https://buy.stripe.com/7sYcMXgM5gMX8ra6oVasg02","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"TXjXBqbrSrlwnHvPUiA6","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-09-09T17:16:37.148Z","updatedAt":"2026-09-09T17:16:37.148Z"},{"id":"01a083bb-5616-702e-84c0-57f41eccd284","title":null,"body":"

Just launched FluxStack — a cinematic interactive card stack for Framer with magnetic hover, 3D depth, and click-to-focus interactions. Built for portfolios, case studies, products, and editorial showcases.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched FluxStack — a cinematic interactive card stack for Framer with magnetic hover, 3D depth, and click-to-focus interactions. Built for portfolios, case studies, products, and editorial showcases."}]}]},"author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[],"resources":[{"id":"RTJyTl8wKuHjHK2dSFsb","resolved":true,"title":"Flux Stack","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"FluxStack is a premium interactive card stack for Framer designed for portfolios, case studies, products, galleries, and editorial showcases. Cards fan out when the component enters view, react with magnetic hover and 3D depth, and can be clicked to bring any card into focus. Click the focused card again to return it to the stack.","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Editable Properties"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cards","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tag"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Description"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation & Interaction","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"In View animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"View Start"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fan Angle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spread"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Tilt"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Lift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus Scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Magnet Push"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Magnet Range"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spotlight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation Stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring Strength"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card Styling","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card Width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card Ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Corner Radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Muted Text Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Overlay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shadow"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"UI Options","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accent Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Action Button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Action Label"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show/Hide Card Index"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show/Hide Tag"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show/Hide Description"}]}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"FluxStack is also responsive, supports reduced motion, keeps overlapping cards clickable, and includes Framer-safe static rendering for reliable editing and publishing."}]}]},"introduction":"Cinematic magnetic card stack","slug":"flux-stack","author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a083ba-5b84-76e8-9d12-8fa723a54659.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1731,"height":909}}],"post":null,"createdAt":"2026-09-09T01:14:47.130Z","updatedAt":"2026-09-09T01:14:47.130Z","publishedAt":"2026-09-09T01:14:47.127Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://fluxstack.framer.website/","price":"12","paymentUrl":"https://buy.stripe.com/fZu9ALgM58grazi14Basg01","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"7oiXPvcvmm8USVkymzEf","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-09-09T01:14:47.702Z","updatedAt":"2026-09-09T01:14:47.702Z"},{"id":"01a0824b-b844-7427-8532-70a6ae1a333b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4yVX9ZQS7vTvUYKvNpmh","resolved":true,"title":"Command Deck","body":"

Command Deck is a premium animated command palette for Framer, designed to give websites a fast, polished navigation experience. Users can instantly search and access pages, links, and actions through a clean command-style interface.

Features:

Smooth opening and closing animations
Keyboard-friendly interaction
Fully responsive
Easy to customize in Framer
Premium dark UI
Works across modern website layouts
Perfect for portfolios, SaaS sites, agencies, and product websites

Built to feel native, fast, and refined — simply add it to your Framer project and customize it to match your brand.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Command Deck is a premium animated command palette for Framer, designed to give websites a fast, polished navigation experience. Users can instantly search and access pages, links, and actions through a clean command-style interface.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth opening and closing animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard-friendly interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize in Framer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium dark UI"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works across modern website layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perfect for portfolios, SaaS sites, agencies, and product websites"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built to feel native, fast, and refined — simply add it to your Framer project and customize it to match your brand.","marks":[{"type":"bold"}]}]}]},"introduction":"Premium animated command palette","slug":"command-deck","author":{"framerUserId":"74179b73-bf77-4b05-9677-051f1d4e9f4b","name":"Saira Fayyaz","slug":"saira-fayyaz-101","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/0tn0qg61","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74179b73-bf77-4b05-9677-051f1d4e9f4b/01a0824b-8ef1-76c9-afaf-1f9aa646db20.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1731,"height":909}}],"post":null,"createdAt":"2026-09-08T18:33:15.025Z","updatedAt":"2026-09-08T19:04:45.737Z","publishedAt":"2026-09-08T18:33:15.022Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://commandeck.framer.website/","price":"8","paymentUrl":"https://buy.stripe.com/dRmaEP1Rb9kvcHq8x3asg00","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"VYfunSUvjP4LVncL1Q5f","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-09-08T18:33:15.588Z","updatedAt":"2026-09-08T18:33:15.588Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5a"}]