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

Halcyon X is a dark, editorial template for design studios and agencies who'd rather be remembered than blend in. Oversized Space Grotesk display type, Instrument Serif accents and a single electric-blue highlight carry nine pages with motion built into every section.

Pages

Home, work index, case study detail, about, services, blog, blog post, contact and a designed 404

Custom code components

Colour-inverting cursor — flips automatically against whatever is behind it, grows over clickable elements, and disables itself on touch and for reduced-motion users
Smooth scroll with a Max Reach cap so the page never coasts past your section, plus stop-on-click
Page preloader with once-per-session mode and a failsafe
Scroll reveal that finds and staggers every section automatically, skipping sticky and decorative layers

CMS

Projects, with a linked Services collection for per-project tagging
Blog, with category filters driven from the collection itself — publish a post and it lands under the right filter with no canvas work

Rebrand in minutes

7 colour styles: change the accent once, it propagates everywhere
40+ text styles with dedicated tablet and phone scales
27 components: navigation with hamburger menu, five button variants with hover states, pricing with a monthly/yearly switch, testimonials, FAQ accordion, marquee, blog cards, service tags and a structured footer

53:T424,

An interactive hero section for Framer. Cycling display text reveals itself with a directional blur that sweeps in from alternating sides on each change, set over a dark, customizable gradient. On hover, a translucent glass bubble follows the cursor and sheds a trail of smaller bubbles that drift and fade. Click anywhere and the bubble pops into a burst of tiny bubbles, then reforms.

Fully responsive and controlled from the properties panel: an editable text list and interval, a native font picker with weight, style, size, tracking, alignment, and free positioning, two bubble tint colors with bubble size, blur, opacity, and trail life, a dark background as a solid or two-stop brand gradient, and a corner radius that inherits the parent or can be set directly. It respects reduced-motion preferences and scales down cleanly to mobile.

Drop it into a section, set width to Fill and a fixed height, and it's ready. Ideal for landing page heroes, agency and portfolio intros, and any section that needs a bold, playful focal point.

54:T5f9,

Pricing cards that are actually easy to customize

Flex Pricing Cards is a flexible coded component built for Framer designers, developers, SaaS companies, agencies, and digital-product websites.

Instead of opening the component and manually editing layers, users can control the pricing cards directly from Framer’s Properties panel. Update the content, colors, typography, sizing, spacing, buttons, visual styles, and plan presentation without touching the underlying code.

The component is designed to save setup time while giving users enough flexibility to adapt the pricing section to almost any brand.

What you can customize

Plan names, descriptions, and prices
Currency and billing-period text
Feature names and visibility
Card background colors and shades
Highlighted or recommended plan styling
Badge text and appearance
Button labels, links, and colors
Font family, weight, color, and size
Card spacing, padding, and gaps
Borders, radius, and shadows
Section background and overall appearance
Desktop, tablet, and mobile presentation

Remove any item above that your current version does not yet support.

Built for

SaaS landing pages
Startup websites
Agency service packages
Membership websites

55:T7cc,

Pictory — Photography & Videography Portfolio Template

Pictory is a modern portfolio template designed for photographers, videographers, filmmakers, content creators, and creative studios who want to present their work professionally.

Built with a clean dark aesthetic, elegant typography, and carefully crafted layouts, Pictory ensures that every image and project receives the attention it deserves. The design balances simplicity and sophistication, allowing your visuals to become the focal point of the experience.

Whether you're showcasing wedding photography, commercial work, travel films, documentaries, fashion editorials, or personal projects, Pictory provides a polished platform to elevate your portfolio.

Features

Premium dark-themed design
Elegant combination of white, gold, and grey accents
Fully responsive across desktop, tablet, and mobile devices
CMS-powered project collection for easy content management
8 ready-to-use project pages included
Dynamic project navigation between portfolio pieces
Clean and modern typography optimized for visual storytelling
Smooth browsing experience focused on imagery
No coding required
Easy customization inside Framer

Perfect For

Photographers
Videographers
Filmmakers
Creative Studios
Content Creators
Visual Artists
Freelancers

What's Included

Homepage
About Page
Projects CMS Collection
Individual Project Pages
Contact Page
Responsive Layouts
CMS Setup

Simply replace the demo content with your own work, update projects through the CMS, and publish your portfolio in minutes.

56:T887,

Here's a polished, detailed marketplace description:

Animated Gradient Pill Button — Framer Component

Give your website a CTA that actually grabs attention. This pill-shaped button component features a smooth, continuously rotating gradient border animation that adds a subtle but premium sense of motion to your call-to-action — without feeling distracting or overdone.

What makes it special:

The rotating border effect creates a glowing, animated outline that loops seamlessly around the button, instantly making your CTA feel more dynamic and modern compared to a static button. It's the kind of small detail that makes a website feel polished and intentional.

Fully customizable:

Every color is yours to control. Adjust the background color, the gradient colors used in the rotating border, and instantly create a button that matches your brand palette. Whether you're building a SaaS landing page, a portfolio, an agency site, or an ecommerce store — just swap the colors and the button adapts to fit your design system in seconds.

Built-in interactions:

This isn't just a static design — it comes with thoughtful micro-interactions baked in. On hover, the button responds with a smooth, satisfying transition that gives users visual feedback before they even click. On press, a tactile pressed-down effect makes the interaction feel real and responsive, adding to the overall premium feel of your site.

Why you'll love using it:

No need to build animated buttons from scratch or wrestle with custom code. Drop this component into your Framer project, plug in your brand colors, and you have a CTA button that looks like it was custom-built by a design team — ready to drive clicks, sign-ups, and conversions.

Perfect for: Landing pages, hero sections, pricing pages, newsletter sign-ups, product launches, and anywhere you need a CTA button that stands out and feels alive.

Lightweight, easy to customize, and built to make your website feel more premium in seconds.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-55210991-209c-40a4-b3e3-ed0b38410caa-all:/unified/creator/55210991-209c-40a4-b3e3-ed0b38410caa/activity/":[{"data":[{"id":"01a0bc31-3a23-758d-b966-547469f26d28","type":"creator.followed","target":{"type":"creator","id":"12e0575e-3c7d-4c7e-bae7-8ea7c988b663","preview":"Mehanuz Meghla","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/12e0575e-3c7d-4c7e-bae7-8ea7c988b663/a66zybg4","slug":"mehanuz-meghla","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T00:22:17.885Z","latestAt":"2026-09-20T00:22:17.885Z"},{"id":"01a0a61d-3ee6-7062-a401-60ae9d209ffd","type":"creator.followed","target":{"type":"creator","id":"23702b39-dda6-4ff7-94d2-9633272a8c88","preview":"Noel Dario Andres","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/23702b39-dda6-4ff7-94d2-9633272a8c88/7xEQkh8a1","slug":"noel-dario-andres-z2ebfu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T17:28:49.633Z","latestAt":"2026-09-15T17:28:49.633Z"},{"id":"01a0a0ca-7428-769d-b60f-f4ee559a07c9","type":"comment.liked","target":{"type":"comment","id":"01a099ee-69ea-705f-b8bc-d19295f2ae38","preview":"great job","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"great job "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a099a9-e8e9-728d-8e3f-0d1516977e4c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a099ee-69ea-705f-b8bc-d19295f2ae38"},"repost":null}},"context":{"type":"post","id":"01a099a9-e8e9-728d-8e3f-0d1516977e4c","preview":"Halcyon X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/01a099a7-6330-73c6-95d8-1e4eba620d76.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a099a9-e8e9-728d-8e3f-0d1516977e4c","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T16:40:17.699Z","latestAt":"2026-09-14T16:40:17.699Z"},{"id":"01a0a0c9-f4bd-77cc-9e4c-176dad062a84","type":"creator.followed","target":{"type":"creator","id":"ffa09057-21bc-47ab-8deb-9028e0a74be1","preview":"Outumn","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ffa09057-21bc-47ab-8deb-9028e0a74be1/t0nog86g","slug":"outumn","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T16:39:45.081Z","latestAt":"2026-09-14T16:39:45.081Z"},{"id":"01a0a0c9-8350-74cb-a64c-93ffbc267748","type":"creator.followed","target":{"type":"creator","id":"a95fda04-e4bb-488b-91f8-34e3a1f52287","preview":"ValleyDev","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a95fda04-e4bb-488b-91f8-34e3a1f52287/7h6nu0d1","slug":"valleydev-h0whfd","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T16:39:16.039Z","latestAt":"2026-09-14T16:39:16.039Z"},{"id":"01a0a0c9-3413-76b5-9e72-55506070302e","type":"creator.followed","target":{"type":"creator","id":"fe252599-4318-4e9e-a1d2-fd684b2e7a66","preview":"Moe Slah","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/41359/avatar-ZhSe2ZsoX7QXzqADLZqHpWbiHpvvRF.jpg","slug":"moeslah","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T16:38:55.708Z","latestAt":"2026-09-14T16:38:55.708Z"},{"id":"01a099a9-eaf2-74b8-8654-8da24f31047d","type":"template.created","target":{"type":"template","id":"72950","preview":"Halcyon X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/01a099a7-6330-73c6-95d8-1e4eba620d76.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-13T07:27:24.914Z","latestAt":"2026-09-13T07:27:24.914Z"},{"id":"01a098f5-cf78-779d-9289-2b8ea0582327","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":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T04:10:41.397Z","latestAt":"2026-09-13T04:10:41.397Z"},{"id":"01a098f5-85e0-7289-904d-5fcf1a268b62","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":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T04:10:22.555Z","latestAt":"2026-09-13T04:10:22.555Z"},{"id":"01a059f9-1bc6-712e-bb21-f5a0e8ec6698","type":"creator.followed","target":{"type":"creator","id":"7a7cc215-a9a7-4e2c-8592-9e29987b354a","preview":"SKRIKSI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a7cc215-a9a7-4e2c-8592-9e29987b354a/24echadh","slug":"skriksi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T22:38:12.929Z","latestAt":"2026-08-31T22:38:12.929Z"},{"id":"01a059f9-0fc9-713b-85cd-5fe97a00cb3a","type":"creator.followed","target":{"type":"creator","id":"6e4f8380-d6cb-4655-93f2-b81f15adf506","preview":"Apex Interactive","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6e4f8380-d6cb-4655-93f2-b81f15adf506/c4a9hfpi","slug":"apex-interactive","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T22:38:09.862Z","latestAt":"2026-08-31T22:38:09.862Z"},{"id":"01a0375e-eee3-730a-91ea-e7f7646bbd88","type":"creator.followed","target":{"type":"creator","id":"41d31d17-899f-4032-b7be-3dd429df4f52","preview":"Yaroslav Design","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/239291/avatar-TIod1alPIJBskao9NUPPnnJlZRM7ID.jpg","slug":"yaroslavdesign","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T05:22:43.548Z","latestAt":"2026-08-25T05:22:43.548Z"},{"id":"01a0254b-a5e7-75de-b461-f38590c255a1","type":"creator.followed","target":{"type":"creator","id":"67e8ef10-7922-4f05-baf2-94797e1ffdcf","preview":"Ulises Gabriel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/67e8ef10-7922-4f05-baf2-94797e1ffdcf/0fhd0qm5","slug":"ulisesgabriel","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-21T17:08:29.792Z","latestAt":"2026-08-21T17:08:29.792Z"},{"id":"019ff2dc-7ccb-7285-b73d-da7463531b7f","type":"component.created","target":{"type":"component","id":"2LBDTBl5H2Jjjkkec61k","preview":"Auralis","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/019ff2db-33f8-71d2-ad13-f72cc54e117d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-11T22:06:03.979Z","latestAt":"2026-08-11T22:06:03.979Z"},{"id":"019ff208-ce3f-76ee-8829-524ca0472140","type":"creator.followed","target":{"type":"creator","id":"c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4","preview":"Gustavo H. ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4/94zcb8k9","slug":"madebygustavoh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T18:14:51.196Z","latestAt":"2026-08-11T18:14:51.196Z"},{"id":"019fec92-27d9-73dd-bf2f-c3aafc4fdba3","type":"creator.followed","target":{"type":"creator","id":"21f8da80-d520-4b8d-a91b-11af4d55c8d7","preview":"Dave Omeiza ☻","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/21f8da80-d520-4b8d-a91b-11af4d55c8d7/fzbtkuod","slug":"daveomeizaozi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T16:47:09.254Z","latestAt":"2026-08-10T16:47:09.254Z"},{"id":"019fec92-071e-76e0-91de-93c53fda91eb","type":"creator.followed","target":{"type":"creator","id":"47ce9fd8-7420-482c-8884-adf1417d99ea","preview":"Evgeniy Kiriyan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47ce9fd8-7420-482c-8884-adf1417d99ea/ogmq5aky","slug":"evgeniy-kiriyan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T16:47:00.886Z","latestAt":"2026-08-10T16:47:00.886Z"},{"id":"019fcefb-f717-76db-9954-c6b2c5b6cd8d","type":"creator.followed","target":{"type":"creator","id":"2b33eac4-4422-4c15-ba75-80a068fa9086","preview":"Denis Turbin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2b33eac4-4422-4c15-ba75-80a068fa9086/gogz3777","slug":"denis-turbin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T22:54:07.121Z","latestAt":"2026-08-04T22:54:07.121Z"},{"id":"019fcefb-eda5-74dd-9d18-e7b47c45699f","type":"creator.followed","target":{"type":"creator","id":"bf60bf76-0344-4825-b2c3-1cd707ebfe01","preview":"Arsalan Ali","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/855385/avatar-DWL8R4zMvzueddkHXxCNTeiEyJ3Wse.jpg","slug":"devarsalanali","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T22:54:04.701Z","latestAt":"2026-08-04T22:54:04.701Z"},{"id":"019fac4c-4e75-7455-8d3c-2528d757b5f2","type":"creator.followed","target":{"type":"creator","id":"692f39c5-f4f2-4917-a261-1ea1f536bead","preview":"baptiste.fort","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/692f39c5-f4f2-4917-a261-1ea1f536bead/dmo7gla4","slug":"baptistefort","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","slug":"minhaljafar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T05:15:09.801Z","latestAt":"2026-07-29T05:15:09.801Z"}],"pagination":{"next":"MjAyNi0wNy0yOVQwNToxNTowOS44MDFafDAxOWZhYzRjLTRlNzUtNzQ1NS04ZDNjLTI1MjhkNzU3YjVmMg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:55210991-209c-40a4-b3e3-ed0b38410caa:/unified/posts/?creator=55210991-209c-40a4-b3e3-ed0b38410caa&with=reposts":[{"data":[{"id":"01a0ee37-d784-718e-9533-6370c7068c4a","title":null,"body":"

🚀 HALCYON X is now FREE!

I originally launched my agency template on the Framer Marketplace as a paid template, and after a few updates, I’ve decided to make it completely free for the community.

If you’re looking for a clean, modern starting point for your next agency site, feel free to grab it and make it your own.

Would love to see what you build with it.

Keep creating and keep sharing!

Link:

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" HALCYON X is now FREE!"}]},{"type":"paragraph","content":[{"type":"text","text":"I originally launched my agency template on the Framer Marketplace as a paid template, and after a few updates, I’ve decided to make it completely free for the community."}]},{"type":"paragraph","content":[{"type":"text","text":"If you’re looking for a clean, modern starting point for your next agency site, feel free to grab it and make it your own."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to see what you build with it."}]},{"type":"paragraph","content":[{"type":"text","text":"Keep creating and keep sharing!"}]},{"type":"paragraph","content":[{"type":"text","text":"Link: "}]}]},"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://halcyonmj.framer.website/","metadata":{"title":"HALCYON — Design that speaks before you do.","description":"HALCYON builds brands, products and digital experiences for teams who refuse to blend in.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/2109f1a4a68907ce/image.jpg","siteName":"","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/2109f1a4a68907ce/favicon.png"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T17:30:32.200Z","updatedAt":"2026-09-29T17:30:32.200Z"},{"id":"01a099a9-e8e9-728d-8e3f-0d1516977e4c","title":null,"body":"

My new agency template, HALCYON X, is live on the marketplace. Although it took me a while, it was worth it.

I'd appreciate it if you guys could go ahead and show some love.

Keep rocking your templates!!!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My new agency template, "},{"type":"text","text":"HALCYON X","marks":[{"type":"bold"}]},{"type":"text","text":", is live on the marketplace. Although it took me a while, it was worth it."}]},{"type":"paragraph","content":[{"type":"text","text":"I'd appreciate it if you guys could go ahead and show some love."}]},{"type":"paragraph","content":[{"type":"text","text":"Keep rocking your templates!!!"}]}]},"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72950","resolved":true,"title":"Halcyon X","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Halcyon X is a dark, editorial template for design studios and agencies who'd rather be remembered than blend in. Oversized Space Grotesk display type, Instrument Serif accents and a single electric-blue highlight carry nine pages with motion built into every section."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home, work index, case study detail, about, services, blog, blog post, contact and a designed 404"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Custom code components","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colour-inverting cursor — flips automatically against whatever is behind it, grows over clickable elements, and disables itself on touch and for reduced-motion users"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scroll with a Max Reach cap so the page never coasts past your section, plus stop-on-click"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Page preloader with once-per-session mode and a failsafe"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll reveal that finds and staggers every section automatically, skipping sticky and decorative layers"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"CMS","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Projects, with a linked Services collection for per-project tagging"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog, with category filters driven from the collection itself — publish a post and it lands under the right filter with no canvas work"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Rebrand in minutes","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"7 colour styles: change the accent once, it propagates everywhere"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"40+ text styles with dedicated tablet and phone scales"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"27 components: navigation with hamburger menu, five button variants with hover states, pricing with a monthly/yearly switch, testimonials, FAQ accordion, marquee, blog cards, service tags and a structured footer"}]}]}]}]},"introduction":"Dark editorial studio portfolio","slug":"halcyon-x","author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/01a099a7-6330-73c6-95d8-1e4eba620d76.png","metadata":{"tint":{"h":218,"s":73,"l":17},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/01a099a7-63c0-7567-aada-6b9698d328cb.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/01a099a7-630d-76af-8b9e-8084720db3c8.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/01a099a7-62ec-740e-90af-4f56aa107cd0.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-13T07:27:23.820Z","updatedAt":"2026-09-29T03:40:03.793Z","publishedAt":"2026-09-13T07:27:23.818Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/VzTGgzK","remixUrl":"https://framer.link/VzTGgzK","previewUrl":"https://halcyonmj.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":268,"name":"Designers","slug":"designers"},{"id":273,"name":"Design","slug":"design"},{"id":221,"name":"Graphic Design","slug":"graphic-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T07:27:24.393Z","updatedAt":"2026-09-13T07:27:24.393Z"},{"id":"019ff2dc-7adc-735f-a75d-1857ec5c2bd1","title":null,"body":"

Just shipped a new Framer component: an interactive glass-bubble hero.

Cycling text that reveals with a blurred sweep, a glass bubble that trails smaller bubbles behind your cursor, and a click that pops it into a burst before it reforms. Dark gradient, fully customizable, respects reduced motion.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped a new Framer component: an interactive glass-bubble hero."}]},{"type":"paragraph","content":[{"type":"text","text":"Cycling text that reveals with a blurred sweep, a glass bubble that trails smaller bubbles behind your cursor, and a click that pops it into a burst before it reforms. Dark gradient, fully customizable, respects reduced motion."}]}]},"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2LBDTBl5H2Jjjkkec61k","resolved":true,"title":"Auralis","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An interactive hero section for Framer. Cycling display text reveals itself with a directional blur that sweeps in from alternating sides on each change, set over a dark, customizable gradient. On hover, a translucent glass bubble follows the cursor and sheds a trail of smaller bubbles that drift and fade. Click anywhere and the bubble pops into a burst of tiny bubbles, then reforms."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and controlled from the properties panel: an editable text list and interval, a native font picker with weight, style, size, tracking, alignment, and free positioning, two bubble tint colors with bubble size, blur, opacity, and trail life, a dark background as a solid or two-stop brand gradient, and a corner radius that inherits the parent or can be set directly. It respects reduced-motion preferences and scales down cleanly to mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it into a section, set width to Fill and a fixed height, and it's ready. Ideal for landing page heroes, agency and portfolio intros, and any section that needs a bold, playful focal point."}]}]},"introduction":"Interactive Glass Gradient","slug":"auralis","author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/019ff2db-33f8-71d2-ad13-f72cc54e117d.png","metadata":{"tint":{"h":320,"s":50,"l":19},"width":993,"height":490}}],"post":null,"createdAt":"2026-08-11T22:06:02.808Z","updatedAt":"2026-08-12T06:04:24.123Z","publishedAt":"2026-08-11T22:06:02.805Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Auralis-Interactive-Glass-Gradient-zPlISn.js@bU1c6tzbJ8IxUN0zieP9","previewUrl":"https://auralisgradient.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"bU1c6tzbJ8IxUN0zieP9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T22:06:03.485Z","updatedAt":"2026-08-11T22:06:03.485Z"},{"id":"019faf7f-7540-76cb-bc79-e929f4a78735","title":null,"body":"

How do you all price a Framer site?

Pricing is the thing I see designers struggle with most, so I finally wrote down the framework I use. Rough tiers I work from:

— template customised properly: $500 to $2.5k — custom marketing site built to convert: $2.5k to $8k — heavier builds / ecommerce: $5k+

The bit I always tell clients: the cheapest option usually costs the most, because they end up rebuilding within a year.

Curious how others here structure it, flat project fee vs value-based vs subscription? Wrote my full take here if useful:

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How do you all price a Framer site?"}]},{"type":"paragraph","content":[{"type":"text","text":"Pricing is the thing I see designers struggle with most, so I finally wrote down the framework I use. Rough tiers I work from:"}]},{"type":"paragraph","content":[{"type":"text","text":"— template customised properly: $500 to $2.5k — custom marketing site built to convert: $2.5k to $8k — heavier builds / ecommerce: $5k+"}]},{"type":"paragraph","content":[{"type":"text","text":"The bit I always tell clients: the cheapest option usually costs the most, because they end up rebuilding within a year."}]},{"type":"paragraph","content":[{"type":"text","text":"Curious how others here structure it, flat project fee vs value-based vs subscription? Wrote my full take here if useful: "}]}]},"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://www.minjin.online/blog/how-much-does-a-website-cost","metadata":{"title":"Min Jin","description":"Min Jin is a designer and developer crafting bold brand identities and high-performance websites — spanning branding, graphic design, web design, and CMS development in Framer, Webflow, Shopify, WordPress, and Squarespace.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/acd9ef76ee2603fe/image.png","siteName":"","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/acd9ef76ee2603fe/favicon.png"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-29T20:09:53.733Z","updatedAt":"2026-07-29T20:09:53.733Z"},{"id":"019f9035-da8c-72cb-a67f-2f30a97f6d65","title":null,"body":"

Recently finished a project for a kitchen and bath company and wanted to share with you guys.

Client's words after handoff: "delivered exactly what we were looking for. He's responsive, professional, and does great work."

Happy with how this one turned out.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Recently finished a project for a kitchen and bath company and wanted to share with you guys."}]},{"type":"paragraph","content":[{"type":"text","text":"Client's words after handoff: \"delivered exactly what we were looking for. He's responsive, professional, and does great work.\""}]},{"type":"paragraph","content":[{"type":"text","text":"Happy with how this one turned out."}]}]},"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/019f9035-b268-76a2-9bb3-02e92c2ec27d.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":615,"height":232}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-23T18:21:42.227Z","createdAt":"2026-07-23T18:21:16.303Z","updatedAt":"2026-07-23T18:21:42.227Z"},{"id":"019f8db1-5672-75cd-b28f-e6329fbba1b8","title":null,"body":"

Spent way too long on this one but it was worth it 😅

New component: Pricing Control. A full pricing section you control entirely from the Properties panel, plans, prices, features, billing toggle, highlighted tier, colors, fonts, all of it. No opening layers, no code.

Built it because I was tired of rebuilding pricing sections from scratch on every client project.

Take a look 👉 [Flex Pricing Cards]

What would you want a pricing component to do that most of them don't?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Spent way too long on this one but it was worth it "},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}}]},{"type":"paragraph","content":[{"type":"text","text":"New component: Pricing Control. A full pricing section you control entirely from the Properties panel, plans, prices, features, billing toggle, highlighted tier, colors, fonts, all of it. No opening layers, no code."}]},{"type":"paragraph","content":[{"type":"text","text":"Built it because I was tired of rebuilding pricing sections from scratch on every client project."}]},{"type":"paragraph","content":[{"type":"text","text":"Take a look "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" ["},{"type":"text","text":"Flex Pricing Cards","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://flexpricingcards.framer.website/","target":"_blank"}}]},{"type":"text","text":"]"}]},{"type":"paragraph","content":[{"type":"text","text":"What would you want a pricing component to do that most of them don't?"}]}]},"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZcTNZxOgdKjaYS9AY8Yf","resolved":true,"title":"Flex Pricing Cards","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Pricing cards that are actually easy to customize"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Flex Pricing Cards","marks":[{"type":"bold"}]},{"type":"text","text":" is a flexible coded component built for Framer designers, developers, SaaS companies, agencies, and digital-product websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of opening the component and manually editing layers, users can control the pricing cards directly from Framer’s Properties panel. Update the content, colors, typography, sizing, spacing, buttons, visual styles, and plan presentation without touching the underlying code."}]},{"type":"paragraph","content":[{"type":"text","text":"The component is designed to save setup time while giving users enough flexibility to adapt the pricing section to almost any brand."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Plan names, descriptions, and prices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Currency and billing-period text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feature names and visibility"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card background colors and shades"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highlighted or recommended plan styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Badge text and appearance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button labels, links, and colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font family, weight, color, and size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card spacing, padding, and gaps"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Borders, radius, and shadows"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Section background and overall appearance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet, and mobile presentation"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Remove any item above that your current version does not yet support."}]},{"type":"customHeading","content":[{"type":"text","text":"Built for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Startup websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency service packages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Membership websites"}]}]}]}]},"introduction":"Fully customizable pricing cards","slug":"flex-pricing-cards","author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/019f8db0-c214-738e-931e-03ab6cfeeb3d.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-07-23T06:37:16.908Z","updatedAt":"2026-07-23T06:37:16.908Z","publishedAt":"2026-07-23T06:37:16.905Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/PricingCardsPro-HRIQHh.js@Vt5W9STsxmwNmXk8qVpU","previewUrl":"https://flexpricingcards.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"Vt5W9STsxmwNmXk8qVpU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-23T06:37:17.298Z","updatedAt":"2026-07-23T06:37:17.298Z"},{"id":"019f8204-a7fc-766e-abd0-f9622a2010dc","title":null,"body":"

Okay, I did not expect this one to take off.

I made a dark pricing cards component a while back, mostly because I kept needing one for client projects and every free option I found was light mode and needed 20 minutes of restyling before it fit anything.

Checked the stats today: 439 views, 58 installs.

The install number is what got me. That's about 1 in 8 people who looked at it actually putting it on a site, which feels wild for something I built to scratch my own itch.

Everything's set up as proper properties, so you can swap plans, features and the highlighted tier without touching a single layer.

Preview → darkpricingcards.framer.website

It's free. If you use it somewhere, drop the link, I'd genuinely love to see it in the wild

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Okay, I did not expect this one to take off."}]},{"type":"paragraph","content":[{"type":"text","text":"I made a dark pricing cards component a while back, mostly because I kept needing one for client projects and every free option I found was light mode and needed 20 minutes of restyling before it fit anything."}]},{"type":"paragraph","content":[{"type":"text","text":"Checked the stats today: 439 views, 58 installs."}]},{"type":"paragraph","content":[{"type":"text","text":"The install number is what got me. That's about 1 in 8 people who looked at it actually putting it on a site, which feels wild for something I built to scratch my own itch."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything's set up as proper properties, so you can swap plans, features and the highlighted tier without touching a single layer."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview → "},{"type":"text","text":"darkpricingcards.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://darkpricingcards.framer.website","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"It's free. If you use it somewhere, drop the link, I'd genuinely love to see it in the wild"}]}]},"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/019f8204-5f80-734a-8442-e10cadf1406d.png","metadata":{"tint":{"h":210,"s":67,"l":9},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T00:12:51.072Z","updatedAt":"2026-07-21T00:12:51.072Z"},{"id":"019f200b-e7ca-761c-98d9-4553dd8ba48d","title":null,"body":"

I've been working on a new Framer template recently and ended up creating this accordion component along the way. I figured it could be useful as a standalone section too, so I decided to publish it on the Marketplace.

Accordion Pro is a clean, fully customizable accordion with smooth interactions that works great for FAQs, pricing, feature lists, services, and just about any expandable content.

Hopefully it saves you a bit of time on your next project. Happy building! 🚀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been working on a new Framer template recently and ended up creating this accordion component along the way. I figured it could be useful as a standalone section too, so I decided to publish it on the Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"Accordion Pro","marks":[{"type":"bold"}]},{"type":"text","text":" is a clean, fully customizable accordion with smooth interactions that works great for FAQs, pricing, feature lists, services, and just about any expandable content."}]},{"type":"paragraph","content":[{"type":"text","text":"Hopefully it saves you a bit of time on your next project. Happy building! "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]}]},"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"iSu2Rg7QwoM4vDuky5DR","resolved":true,"title":"Accordian Pro","body":"

Create engaging, organized content with this beautifully crafted accordion component for Framer. Designed with smooth animations, intuitive interactions, and a clean, modern aesthetic, it helps present large amounts of information without overwhelming your users.

Ideal for FAQs, pricing details, feature breakdowns, service lists, documentation, and more. The component is fully customizable, responsive, and easy to integrate into any Framer project.

Features

Smooth expand/collapse animations
Fully responsive layout
Clean and modern design
Easy to customize colors, typography, and spacing
Simple drag-and-drop implementation
Lightweight and optimized for performance
Perfect for FAQs, pricing, features, services, documentation, and product pages

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create engaging, organized content with this beautifully crafted accordion component for Framer. Designed with smooth animations, intuitive interactions, and a clean, modern aesthetic, it helps present large amounts of information without overwhelming your users."}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for FAQs, pricing details, feature breakdowns, service lists, documentation, and more. The component is fully customizable, responsive, and easy to integrate into any Framer project."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth expand/collapse animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean and modern design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize colors, typography, and spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Simple drag-and-drop implementation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight and optimized for performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perfect for FAQs, pricing, features, services, documentation, and product pages"}]}]}]}]},"introduction":"Interactive Accordion Section","slug":"accordian-pro","author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/x271bdy1","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-01T23:37:58.946Z","updatedAt":"2026-07-01T23:37:58.946Z","publishedAt":"2026-07-01T23:37:58.942Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://accordionpro.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/9Qn9h6gn-expandable-accordian-section-framer","workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"5RGt5dhjwHvi4ptRnO2K","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-01T23:37:58.986Z","updatedAt":"2026-07-01T23:37:58.986Z"},{"id":"019ef0b7-a82e-746b-ad00-346e042d4b80","title":null,"body":"

Was working on a project and came up with something. Just launched Prisma Pricing Cards for Framer.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Was working on a project and came up with something. Just launched Prisma Pricing Cards for Framer."}]}]},"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"kbCjM2UEivtIR7IH57z5","resolved":true,"title":"Prisma Pricing Cards","body":"

Prisma Pricing Cards

Prisma Pricing Cards is a modern pricing component designed to make your pricing section stand out.

Featuring a striking 3D perspective layout, glowing borders, layered depth effects, and smooth visual hierarchy, this component helps highlight your featured plan while keeping all pricing options easy to compare.

Whether you're building a SaaS platform, startup website, digital product landing page, agency site, or subscription-based business, Prisma Pricing Cards adds a premium feel without sacrificing usability.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Prisma Pricing Cards"}]},{"type":"paragraph","content":[{"type":"text","text":"Prisma Pricing Cards is a modern pricing component designed to make your pricing section stand out."}]},{"type":"paragraph","content":[{"type":"text","text":"Featuring a striking 3D perspective layout, glowing borders, layered depth effects, and smooth visual hierarchy, this component helps highlight your featured plan while keeping all pricing options easy to compare."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building a SaaS platform, startup website, digital product landing page, agency site, or subscription-based business, Prisma Pricing Cards adds a premium feel without sacrificing usability."}]}]},"introduction":"Animated colored pricing cards","slug":"prisma-pricing-cards","author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/0zjftk68","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-22T19:03:48.486Z","updatedAt":"2026-06-22T19:05:00.305Z","publishedAt":"2026-06-22T19:03:48.483Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Pricing-Cards-Pack-4Sema6.js@G5PQg2LC0LLSmXu0ozjv","previewUrl":"https://3coloredpricingcards.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"G5PQg2LC0LLSmXu0ozjv","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-06-22T19:03:48.526Z","updatedAt":"2026-06-22T19:03:48.526Z"},{"id":"019ee879-9669-7686-938e-a659165e8d06","title":null,"body":"

Introducing Pictory

After getting a few components accepted on the Framer Marketplace, I finally decided to take a shot at building and publishing my first template.

I had actually considered doing this before, but Framer's marketplace review process was pretty strict and there were a lot of guidelines to follow. Then, just a couple of days before I was ready to submit, Framer 3.0 changed everything and removed the review process altogether.

I'm still not sure whether that's ultimately a good thing or a bad thing for creators, but I'm choosing to see it as an opportunity.

So here it is — Pictory.

It's a simple portfolio template built for photographers, videographers, filmmakers, and visual creators. Nothing overly complex, but I think it's a solid start considering it's my very first template.

Looking forward to building and sharing more templates in the future.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Pictory"}]},{"type":"paragraph","content":[{"type":"text","text":"After getting a few components accepted on the Framer Marketplace, I finally decided to take a shot at building and publishing my first template."}]},{"type":"paragraph","content":[{"type":"text","text":"I had actually considered doing this before, but Framer's marketplace review process was pretty strict and there were a lot of guidelines to follow. Then, just a couple of days before I was ready to submit, Framer 3.0 changed everything and removed the review process altogether."}]},{"type":"paragraph","content":[{"type":"text","text":"I'm still not sure whether that's ultimately a good thing or a bad thing for creators, but I'm choosing to see it as an opportunity."}]},{"type":"paragraph","content":[{"type":"text","text":"So here it is — Pictory."}]},{"type":"paragraph","content":[{"type":"text","text":"It's a simple portfolio template built for photographers, videographers, filmmakers, and visual creators. Nothing overly complex, but I think it's a solid start considering it's my very first template."}]},{"type":"paragraph","content":[{"type":"text","text":"Looking forward to building and sharing more templates in the future."}]}]},"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"67772","resolved":true,"title":"Pictory","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pictory — Photography & Videography Portfolio Template"}]},{"type":"paragraph","content":[{"type":"text","text":"Pictory is a modern portfolio template designed for photographers, videographers, filmmakers, content creators, and creative studios who want to present their work professionally."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with a clean dark aesthetic, elegant typography, and carefully crafted layouts, Pictory ensures that every image and project receives the attention it deserves. The design balances simplicity and sophistication, allowing your visuals to become the focal point of the experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're showcasing wedding photography, commercial work, travel films, documentaries, fashion editorials, or personal projects, Pictory provides a polished platform to elevate your portfolio."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium dark-themed design "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elegant combination of white, gold, and grey accents"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across desktop, tablet, and mobile devices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered project collection for easy content management"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"8 ready-to-use project pages included"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic project navigation between portfolio pieces"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean and modern typography optimized for visual storytelling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth browsing experience focused on imagery"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No coding required"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy customization inside Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photographers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Videographers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Filmmakers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative Studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Content Creators"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual Artists"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelancers"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What's Included"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Homepage"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About Page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Projects CMS Collection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Individual Project Pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact Page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Setup"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Simply replace the demo content with your own work, update projects through the CMS, and publish your portfolio in minutes."}]}]},"introduction":"Premium portfolio template","slug":"pictory","author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/m2zyptqi","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/uym7cuv7","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1920,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/y7ekp2kd","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/1lhr6jr1","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-21T04:39:02.962Z","updatedAt":"2026-06-21T04:39:02.962Z","publishedAt":"2026-06-21T04:39:02.959Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"20","paymentUrl":"https://contra.com/payment-link/WC7oA788-pictory-framer-website-template","remixUrl":null,"previewUrl":"https://pictory.framer.website/","categories":[{"id":17,"name":"Photography","slug":"photography"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":216,"name":"Film & Actor","slug":"film-and-actor"}],"styles":[{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":39,"name":"Selection Styles","slug":"selection-styles"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T04:39:03.017Z","updatedAt":"2026-06-21T04:39:03.017Z"},{"id":"019edcc3-2370-73d9-b93e-f74af889d6bf","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"aboTYBf8rLGoShnFEtQy","resolved":true,"title":"Pill Button","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here's a polished, detailed marketplace description:"}]},{"type":"paragraph","content":[{"type":"text","text":"Animated Gradient Pill Button — Framer Component","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Give your website a CTA that actually grabs attention. This pill-shaped button component features a smooth, continuously rotating gradient border animation that adds a subtle but premium sense of motion to your call-to-action — without feeling distracting or overdone."}]},{"type":"paragraph","content":[{"type":"text","text":"What makes it special:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The rotating border effect creates a glowing, animated outline that loops seamlessly around the button, instantly making your CTA feel more dynamic and modern compared to a static button. It's the kind of small detail that makes a website feel polished and intentional."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Every color is yours to control. Adjust the background color, the gradient colors used in the rotating border, and instantly create a button that matches your brand palette. Whether you're building a SaaS landing page, a portfolio, an agency site, or an ecommerce store — just swap the colors and the button adapts to fit your design system in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Built-in interactions:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"This isn't just a static design — it comes with thoughtful micro-interactions baked in. On hover, the button responds with a smooth, satisfying transition that gives users visual feedback before they even click. On press, a tactile pressed-down effect makes the interaction feel real and responsive, adding to the overall premium feel of your site."}]},{"type":"paragraph","content":[{"type":"text","text":"Why you'll love using it:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"No need to build animated buttons from scratch or wrestle with custom code. Drop this component into your Framer project, plug in your brand colors, and you have a CTA button that looks like it was custom-built by a design team — ready to drive clicks, sign-ups, and conversions."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" Landing pages, hero sections, pricing pages, newsletter sign-ups, product launches, and anywhere you need a CTA button that stands out and feels alive."}]},{"type":"paragraph","content":[{"type":"text","text":"Lightweight, easy to customize, and built to make your website feel more premium in seconds."}]}]},"introduction":"Interactive colored pill button","slug":"pill-button","author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/bnytfmjm","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-18T22:03:56.628Z","updatedAt":"2026-06-18T22:03:56.628Z","publishedAt":"2026-06-18T22:03:56.623Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Colored-CTA-Button-xvf1vR.js@GTY4m9KiZaFm42ZEokPI","previewUrl":"https://ctabuttonanimated.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"GTY4m9KiZaFm42ZEokPI","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-18T22:03:56.656Z","updatedAt":"2026-06-18T22:03:56.656Z"},{"id":"019e9e5a-cd63-7bde-9e16-282c9f70608d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Qx5BKJVLIRRSBWbctaIR","resolved":true,"title":"Pricing Cards","body":"

A fully customizable pricing section built for modern SaaS and product websites. Includes three tiers — Starter, Professional, and Enterprise — with a highlighted \"Most Popular\" badge on the center card, tiered feature checklists, and prominent call-to-action buttons. Designed in a sleek dark UI that works great as a standalone section or within a full landing page layout.

What's included:

3 pricing card variants (Starter, Professional, Enterprise)
\"Most Popular\" badge on featured card
Accent CTA button on highlighted tier
Feature checklist with checkmark icons
Custom pricing display (fixed or \"Custom\" label)
Fully editable text, colors, and features

","bodyJson":null,"introduction":"Dark pricing cards, ready to ship.","slug":"pricing-cards","author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Qx5BKJVLIRRSBWbctaIR/pricing-cards-NJ7IuZjG2GcFwTlvOov58ePU1aw57A","metadata":{"tint":{"h":210,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-02T22:44:15.646Z","updatedAt":"2026-06-05T16:37:21.038Z","publishedAt":"2026-06-06T19:13:31.491Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Plan-Pricing-Cards-qb537S.js@oaiYiT8MDrdyW11U4A0W","previewUrl":"https://darkpricingcards.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"oaiYiT8MDrdyW11U4A0W","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-06T19:13:31.491Z","updatedAt":"2026-06-06T19:13:31.491Z"},{"id":"019c7922-d85f-787a-b1e4-c3d7885c5892","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"13270","resolved":true,"title":"Insia Ali","body":null,"bodyJson":null,"introduction":"I built this website on Framer for one of my clients on Contra to showcase their services and portfolio. It highlights the strategy and process for running paid ads in order to get more leads, sales, clicks, etc.","slug":"insia-ali","author":{"framerUserId":"55210991-209c-40a4-b3e3-ed0b38410caa","name":"Minhal Jafar","slug":"minhaljafar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55210991-209c-40a4-b3e3-ed0b38410caa/9xfy5xhn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/13270/thumbnail-WsDmQh7coEHpLT6OCgLOGMoHyNVevE.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-20T03:40:52.702Z","updatedAt":"2026-04-07T21:44:55.801Z","publishedAt":"2026-02-20T03:40:52.703Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.insiaali.com/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-20T03:40:52.703Z","updatedAt":"2026-02-20T03:40:52.703Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L57"}]