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

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Product Listing Page

Product Listing Page is a Framer storefront grid with a live search sidebar, free and premium price filters, and category counts. Products animate into a responsive three-column layout with New and Sale badges, compare-at pricing, image cards and a dark/light toggle. Built for catalogs, shops and marketing sites.

Live category and title search in the sidebar

Free and Premium tier filters with item counts

Dynamic category list generated from your products

All Products reset with a single click

Resize-aware layout under 900px

Static renderer safe for Framer canvas

Custom fonts for search, sidebar, titles, prices and badges

Use Cases

Ecommerce category and collection pages

Digital product and template marketplaces

SaaS pricing and add-on catalogs

Fashion and apparel lookbooks

Electronics and gadget storefronts

Sports and outdoor gear listings

Home, living and furniture shops Book, stationery and lifestyle catalogs

Agency productized-service menus

Membership free vs premium content libraries

Keywords

product listing framer, shop grid component, category filter sidebar, price tier filter, free premium products, product search framer, sale badge card, compare at price, ecommerce gallery, dark light shop, responsive product grid, framer store component, catalog filter, product card animation

63:T5f7,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Stat Feature Pro

StatFeaturePro is an SEO-ready metrics section. It pairs counting stats with concentric ring charts, entrance animations, and dark or light themes. Built for landing pages that need clear growth numbers, trust signals, and scannable insights at a glance.

Concentric multi-ring performance chart

Counting numbers with suffix and lab

Blur, slide, fade, or scale entrance

Responsive layout that stacks on mobile

Accessible controls, headings, and chart labels

Use Cases

SaaS dashboards and product marketing pages

Agency and studio results sections

Startup pitch and investor landing pages

Analytics, reporting, and insight products

E-commerce growth and conversion proof

Portfolio case-study metric blocks

Healthcare, fintech, and trust-led brands

Event recap and community stats pages

Education platforms and course homepages

Editorial features that lead with numbers

Keywords

stats component, metrics section, concentric ring chart, counting numbers animation, insight stats, growth metrics, dashboard stats, seo stats block, dark light theme stats

64:T610,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About AI Asistant

AI Asistant is a dotted status light for AI chats, agents and voice UIs. Two layouts: Mesh and Halo. Three states: Waiting, Listening and Thinking. Dots use a two-color blend and four soft shapes: circle, square, diamond and ring. Champagne is the default. Drop it on a prompt box, a hero or a logo mark. It moves on its own and stops off screen and in static export.

Mesh grid that breathes in Waiting

Halo rings that stay still in Waiting and spin in Listening or Thinking

Waiting, Listening and Thinking as live states

Soft circle, square, diamond and ring dots

Respects reduced motion

Use Cases

AI chat and agent interfaces

Voice assistant waiting and listening states

AI product and model landing pages

Startup and SaaS heroes

App waitlist and launch sites

Prompt boxes and composer headers

Loaders and empty states

Logo marks and brand lockups

Support widgets and help hubs

Dark-mode marketing pages

Keywords

ai asistant, ai assistant orb, dotted status orb, framer ai chat, waiting listening thinking, mesh orb, halo rings, champagne orb, square dots framer, diamond dots

65:T629,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Living Orb AI

Living Orb AI is a living glow orb. Drop it on AI sites, startup heroes, loaders and logo marks. Three looks: Aura, Veil and Sphere. Colors change in one click. The orb moves on its own, follows the pointer in Sphere, and stops off screen and in static export.

Soft circular glow that fills any frame size

Aura theme for a flat luminous wash

Veil theme for a slow silk swirl with no seam

Sphere theme for a lit 3D ball

Respects reduced motion

Pauses off screen with IntersectionObserver

Use Cases

AI product and model landing pages

Startup and SaaS hero backgrounds

App waitlist and launch sites Logo marks and brand lockups

Loaders and empty states

Feature sections and pricing heroes

Agency and studio homepages

Portfolio intros and case study headers

Event and conference sites

Dark-mode marketing pages

Keywords

livingorbai, glowing orb framer, ai orb, fluid orb, 3d sphere framer, aura orb, veil swirl, sphere lighting, hero glow, animated ball framer, webgl orb, startup hero background, ai landing page orb, color preset orb, demo mode framer, iridescent orb, liquid light, logo orb, loader orb

66:T6b9,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Process Steps

Process Steps is a process accordion for methodology sections. Two looks: Slider (badge, serif title, gradient accent, rounded steps) and Process (layered cinematic rows, large numbers, no radius). Dark, light and custom palettes. Top-left toggles dark/light. Demo bar switches look, radius, gap, glow and numbers — not theme. Five editable steps open one at a time. Built for interiors, agencies and product pages.

Two design languages in one component

Slider look with badge, accent line and halo

Accessible buttons, aria-expanded, visible focus

Static-safe motion, ResizeObserver and transitions

Use Cases

Architecture and interior design studios

Creative agency process pages

Product and SaaS methodology sections

Portfolio and personal branding sites

Construction and fit-out handover stories

Editorial and magazine-style layouts

Event and conference program pages

Hospitality and workplace project sites

Education and workshop landing pages

Brand and service explainer sections

Keywords

process steps framer, methodology accordion, how to section framer, expandable steps, process accordion, slider process look, cinematic process list, studio methodology, interior design process, framer how to component, step accordion, dark light process

67:T6ad,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Review Quote Slider

Review Quote Slider is a review carousel for interior architecture studios. A badge, title and accent line sit above a quoted client review with portrait, name, arrows and a 01 / 04 fraction. Dark, light and elite (gray studio) themes ship built in. Custom colors unlock when Theme is Custom. Demo mode adds a live bar for radius, gap, glow, number, arrows and theme.

Centered review badge with accent dot

Serif heading plus optional gradient accent line

Quoted review body, reviewer name and optional avatar

Previous / next arrows and swipe on touch

Use Cases

Interior architecture studio websites

Residential interior design portfolios

Hospitality and hotel interior pages

Workplace and office interior case studies

Adaptive reuse and restoration studios

Material craft and furniture interior brands

Architecture practice review sections

Agency about and social proof blocks

Editorial magazine-style studio sites

Landing pages that need a client quote slider

Keywords

review quote slider, framer review slider, client quote carousel, testimonial slider framer, review carousel, quote slider component, interior architecture reviews, elite theme testimonials, dark light review slider, autoplay quote slider, review fraction slider

68:T662,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Awards List 01

Awards List 01 is an editorial honors section. It opens with a Recognition badge, title, description and year range, then a numbered list of awards. Each row shows the award name, nomination text and year. Dark/light theme, 01 / Roman / word numbering and a mobile stack ship ready to publish.

Recognition badge, title, description and year range

Numbered rows with name, nomination and year

Mobile layout under 700px with no horizontal scroll

Static renderer safe for canvas and export

Use Cases

Interior architecture studio websites

Residential interior design portfolios

Hospitality and hotel interior pages

Workplace and office interior case studies

Adaptive reuse and restoration studios

Material craft and furniture interior brands

Architecture practice recognition sections

Press, honors and awards pages

Agency about and credibility blocks

Editorial magazine-style studio sites

Keywords

awards list 01, framer awards list, interior architecture awards, numbered awards section, award year list, nomination awards framer, recognition list framer, editorial awards table, dark light awards, roman numeric awards, studio awards section, hospitality interior awards

69:T661,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Hover Awards List

Hover Awards List is an editorial awards section, built for interior architecture studios. It pairs a Recognition badge, title and description with a numbered honors list. On desktop, hovering a row reveals a project image. Dark/light theme, Roman, numeric or word numbering, and a mobile layout ship ready to publish.

Recognition badge, title and description

Hover image preview on each award row

Mobile layout under 700px without horizontal scroll

Semantic list markup with ItemList and Award microdata

Use Cases

Interior architecture studio websites

Residential interior design portfolios

Hospitality and hotel interior pages

Workplace and office interior case studies

Adaptive reuse and restoration studios

Material craft and furniture interior brands

Architecture practice recognition sections

Press, honors and awards pages

Agency about and credibility blocks

Editorial magazine-style studio sites

Keywords

hover awards list, framer awards section, interior architecture awards, awards hover image, recognition list framer, interior design honors, editorial awards component, dark light awards, roman numeric awards, hover preview awards, studio awards section

6a:T78a,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Feature Section 03

Feature Section 03 is a features block built for product and studio pages. It splits a strong headline, stats, and a 2×2 icon card grid, then switches dark and light with a circular clip-path reveal from the toggle. Entrance motion (blur, slide, fade, or scale) runs on view, respects reduced motion, and stays frozen on the static canvas.

Two-column layout: copy + stats on the left, feature cards on the right

Circular dark / light / custom theme reveal from the toggle

Eyebrow badge, uppercase title, muted description, optional stat row

Up to six feature cards with icon, title, and description

Entrance types: blur, slide, fade, scale with duration and stagger

Responsive stack under 768px; tighter type and padding on small screens

Accessible markup: section, header, lists, h2/h3, focusable theme button

Use Cases

SaaS marketing and product feature pages

Agency and independent studio sites

Startup landing pages and pitch sites

Devtools, cloud, and security product pages

AI and automation platform homepages

Architecture and practice websites

Portfolio case-study intros

Event, conference, and community pages

Editorial brand and magazine sites

Internal product and changelog sections

Keywords

feature section, feature grid component, icon feature cards, two column features, dark light theme toggle, circular theme reveal, stats row framer, saas feature block, product features layout, blur entrance animation, staggered card reveal

6b:T722,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Onboarding Flow Pro

Onboarding Flow Pro is an animated get-started sequence. Steps light up one by one, connectors fill as each stage completes, and a live progress bar tracks the full run until a completion banner appears. Built for SaaS, product and marketing pages that need a clear onboarding story without extra setup.

Dark, light and custom themes with ProductHeroDesk color language

Circular theme reveal toggle in Demo Mode

Title and description sit directly above the progress bar

Live progress bar with step index and percent

Step nodes with status rings, icons and labels

Connectors fill from pending to active to done

Editable step list: label, description and icon

Responsive scale so steps do not overflow

Use Cases

SaaS onboarding and get-started sections

Product landing page walkthroughs

Signup, verify and go-live funnels

Fintech invoice and desk product pages

Feature launch and activation flows

Help center and first-run guides

Agency and studio process explainers

App store and web app marketing pages

Waitlist and activation campaign pages

Internal tool and workspace demos

Keywords

onboarding flow, onboarding steps, get started component, framer onboarding, progress bar steps, step tracker, animated checklist, how to steps, saas onboarding, product walkthrough, connector timeline, theme toggle, dark light custom theme

6c:T68d,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Team Section 01

Team Section 01 is a team section with two infinite photo marquees, animated counters and a circular dark/light reveal. Built for studios, agencies and portfolio sites that need a team block that feels editorial, not a grid of cards.

Accessible buttons, visible focus, Organization and Person schema, lazy images. Height fills the parent. No setup beyond dropping it on the canvas.

Opposite-direction dual photo marquee

Edge-only fade overlays, not a full-width mask

PC image upload via Photos array

Responsive type and padding at 480 / 768 / 1024

JSON-LD Organization + Person markup

Static renderer and observer cleanup

Use Cases

Architecture and interior design studios

Creative agency about pages

Product and design team sections

Fashion and lifestyle brand sites

Photography and film collectives

SaaS company people pages

Event and conference speaker strips

Healthcare and clinic staff blocks

Education and research labs

Editorial magazine team pages

Keywords

team section, team marquee, scrolling team photos, meet the team framer, photo marquee component, animated stats framer, dark light theme toggle, circular theme reveal, studio team block, agency about section, dual row marquee

6d:T671,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Component

About Us Section is a capabilities block for About, services and studio pages. Left column holds an index, category title and body copy. Right column wraps “+” service labels. Hover or keyboard-focus a label to reveal a tilted preview image; other labels fade so the active service stays readable.

Numbered category title with long-form description

Hover and focus image preview with tilt and scale

Neighbor labels dim while one item is active

Responsive type and spacing, no horizontal overflow

Accessible buttons, aria-expanded and visible focus

Use Cases

Agency and studio About pages

Brand identity and capability sections

Service catalogs for design, strategy and campaigns

Personal branding and freelance portfolios

Fashion, architecture and editorial studios

SaaS feature lists with visual proof

Photography and art-direction showcases

Landing-page “what we do” modules

Case-study intros that list deliverables

Keywords

about us section framer, capabilities component, service list hover image, identity services block, offer catalog schema, studio about page, hover preview labels, tilted image hover, accessible service list, framer about component, brand services gallery

6e:T5ee,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Pricing Flow

Pricing Flow is a pricing table you can actually use. Monthly and Yearly switch every tier at once, with a save badge on yearly. One plan can sit as recommended. Each card has a name, short line, price, CTA, and a feature list with checks.

Real monthly / yearly billing toggle

Save percent badge on yearly

One recommended tier with badge

Original, Classic, and Hero designs

Dark, Light, and Custom themes

CTA links per plan

OfferCatalog structured markup

Works on the canvas with no extra setup

Use Cases

SaaS pricing and plan pages Startup landing and waitlist sites

Agency retainer packages

Course and membership pricing

App store listing pages

Freelance service menus

Product launch pricing blocks

Help center plan comparison

Event ticket tiers Internal tooling billing pages

Keywords

framer pricing table, pricingflow framer, monthly yearly toggle, recommended pricing tier, saas pricing component, original hero classic pricing, helvetica glass pricing, offercatalog framer, pricing cards stack mobile, most popular plan badge

6f:T6bd,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Comparison Flow

Comparison Flow is a before-versus-after component for landing pages that sell a transformation. The left column walks a slow manual process step by step. The right column runs a shorter automated path and finishes first. When both runs complete, a result badge such as “240× faster” fades in, then the loop resets.

Animated before and after columns

Red manual path, green automated path

Per-step icons, checks, and connector fill

Result badge with hold and reset timing

Hero and Classic design languages

Auto, side-by-side, or stacked layout

Centered title and description

Works on the canvas with no extra setup

Use Cases

SaaS automation and workflow pages

Agency service comparison blocks

Product “old way vs new way” heroes

Ops and productivity landing pages

AI tool before-and-after stories

Onboarding and time-saved sections

Internal tooling marketing sites

Freelance and studio pitch decks

Course and bootcamp outcome pages

Changelog and launch announcement pages

Keywords

framer comparison component, before vs after framer, old way vs new way, automation comparison, manual vs automated, timed step comparison, product transformation section, saas before after, hero comparison layout, classic comparison theme

70:T62e,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Product Hero FAQ

Product Hero FAQ is a FAQ accordion in the Product Hero language: serif heading, optional badge, muted subcopy, and a rounded panel of questions. Click a row to expand the answer. The open state paints one shared wash behind both the question and the answer so the pair reads as a single card, not a split header.

Single-open or multi-open accordion

Shared highlight on question and answer

Hero badge, heading, accent line, and subcopy

FAQPage / Question / Answer structured markup

aria-expanded, aria-controls, and region panels

Use Cases

SaaS pricing and billing FAQ pages

Startup landing and waitlist sites

Help center and support hubs

Checkout and plan comparison pages

Product documentation homes

Agency service FAQ blocks

Course and membership sites

Healthcare and clinic intake pages

Event and conference information

App store listing support sections

Keywords

faq component, hero faq accordion, product hero faq, framer accordion faq, question answer accordion, faqpage schema framer, single open faq, multi open accordion, dark light custom faq, clip path theme reveal, shared highlight faq row

71:T795,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Roadmap Flow

Roadmap Flow is a product-roadmap component built around a Now, Next, and Later grid. Each card carries a title, short description, and a Shipped, In Progress, or Planned status, so visitors can read what is live, what is in flight, and what is still on the horizon without leaving the page.

Static canvas and export paths pause the spotlight loop, ResizeObserver, and IntersectionObserver. Copy is rendered as heading and description nodes with ItemList markup so published pages stay readable for people and parsers.

Now, Next, and Later columns with live item counts

Shipped, In Progress, and Planned status chips

Optional timeline spotlight with adjustable hold time

Hero and Classic design languages

Semantic headings plus schema.org ItemList / ListItem

Works on the canvas with no extra setup

Use Cases

SaaS marketing and changelog pages

Startup launch and waitlist sites

Product documentation hubs

Agency and studio service roadmaps

Funding and investor update pages

App store and platform feature boards

Internal product ops dashboards

Conference and community program pages

Open-source project homepages

Portfolio case-study timelines

Keywords

roadmap component, now next later roadmap, product roadmap framer, shipped in progress planned, feature roadmap cards, public product changelog, saas roadmap section, startup launch roadmap, hero roadmap layout

72:T653,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Phone Mockup 3D

Phone Mockup 3D is a device scene built for social, SaaS and product pages. A realistic iPhone frame sits in a 3D stage with tilt, screen glare and floating metric cards that move with the phone. Drop in video or images, set username and verified badge, then tune campaigns without extra setup.

True 3D tilt with spring motion and screen glare

Titanium and Black iPhone frames

Story player for video and images with swipe / tap

Autoplay, loop and image duration controls

Username chip, avatar and blue verified badge

Original, Desk Dark and Desk Light themes

Responsive fit — phone scales, cards hide under 768px

Use Cases

Social media and creator landing pages

SaaS marketing and analytics heroes

App Store and product demo sections Influencer and campaign case studies

Agency portfolios and pitch sites

E-commerce and launch waitlists

Paid ads and growth dashboards

Startup homepages and feature strips

Content studio and UGC showcases

Marketplace component previews

Keywords

phone mockup 3d, iphone mockup framer, 3d device mockup, social media mockup, instagram phone frame, floating stat cards, 3d tilt mockup, product hero phone

73:T806,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Process Section 02

Process Section 02 is a process block: four numbered step cards above a wide film. Each card carries a short method line. The panel holds a poster and an uploaded video. Play starts the file; tap again to pause. Offscreen and canvas/export stay still. Desk Dark is the default. Switch Original, Desk Light, or Custom, and preview them in demo mode. Built for studios, fitness brands, and product pages that need a clear sequence plus one proof clip.

Original theme keeps light cards and Inter

Desk Dark and Desk Light use Instrument Serif, Manrope, halo, and blue accent

Custom theme exposes background, card, text, muted, accent, and halo

Four editable step titles with progress dots and index

Poster image plus MP4 / WebM / MOV upload

Play overlay with title and duration, hides while playing

Video pauses offscreen and on the static renderer

Responsive grid: four columns desktop, two tablet, one under 640px

Use Cases

Sport and fitness brand websites

Studio and coaching landing pages

SaaS onboarding and how-it-works sections

Product launch and feature explainers

Creative agency process pages

Wellness and mobility program sites

Editorial brand films with a method stack

Portfolio case studies that open on process

Event and workshop recap pages

Service pages that need steps plus a demo reel

Keywords

process section framer, four step cards, video process block, poster and film panel, desk dark theme, instrument serif process, mobility training layout, fitness landing framer, how it works video, play overlay component, responsive process grid

74:T88e,

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

About Curved Images

Curved Images is a gallery with a featured media card and a curved thumbnail strip beneath it. Drag, tap, or use arrows to move through images and video. The active item sits in the center; neighbors drop and fade along a shallow arc. Keep the original paper look or switch Desk Dark, Desk Light, and Custom to match ProfileHeroSection. Demo mode previews themes live. Built for portfolios, sport brands, and product pages that need a compact, tactile carousel.

Original theme keeps the warm paper field and system UI

Desk Dark and Desk Light use Instrument Serif, Manrope, halo, and blue accent

Custom theme exposes background, text, muted, accent, panel, and halo colors

Featured card with image or uploaded video, title, and description

Native Framer font pickers for title and description

Card padding control when copy sits under the media

Video plays only in the main card; thumbnails stay still

Image can be used as a video poster

Static renderer safe — motion and video pause on canvas and export

Works out of the box — add items and drop in media

Use Cases

Photography and visual storytelling sites

Sport and fitness brand websites

Fashion and lifestyle lookbooks

Portfolio and personal branding pages

Product showcase and feature sections

Travel and outdoor campaign pages

Editorial and magazine-style layouts

Event and conference recap galleries

Studio and agency case-study pages

SaaS marketing pages that need motion stills

Keywords

curved images framer, curved thumbnail strip, image carousel framer, video card gallery, swipe gallery, desk dark theme, instrument serif gallery, featured media card, poster video framer, portfolio carousel, sport lookbook component

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-bcb94bf9-7aa9-40d7-b681-19421ce62bd3-all:/unified/creator/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/activity/":[{"data":[{"id":"01a0ba3b-d359-706d-828a-31d29e14234a","type":"comment.liked","target":{"type":"comment","id":"01a0b99d-58a2-712c-a6cd-3d1c17012665","preview":"Clean type","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean type"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0b49c-8333-72cc-9ebb-72806f11f8d8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b99d-58a2-712c-a6cd-3d1c17012665"},"repost":null}},"context":{"type":"post","id":"01a0b49c-8333-72cc-9ebb-72806f11f8d8","preview":"Product Listing Page","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0b49a-1527-77fb-b3b6-b86ca8b2306b.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0b49c-8333-72cc-9ebb-72806f11f8d8","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T15:14:38.037Z","latestAt":"2026-09-19T15:14:38.037Z"},{"id":"01a0b49c-8582-75d3-8420-69e4ab1b188d","type":"component.created","target":{"type":"component","id":"kbex3YMzBFn53PakIcsw","preview":"Product Listing Page","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0b49a-1527-77fb-b3b6-b86ca8b2306b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-18T13:02:31.810Z","latestAt":"2026-09-18T13:02:31.810Z"},{"id":"01a0ac23-16be-766b-aee1-77350353486f","type":"component.created","target":{"type":"component","id":"sRrjw7jLul7VHOiO56Ms","preview":"Stat Feature Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0ac22-c67b-70a9-8f35-447756fed422.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-16T21:32:55.870Z","latestAt":"2026-09-16T21:32:55.870Z"},{"id":"01a0abb0-22d5-70b9-9b78-958aa2065c0a","type":"creator.followed","target":{"type":"creator","id":"af7d4951-e313-4a02-989a-ee7ca7e93e3a","preview":"gustavwf","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/af7d4951-e313-4a02-989a-ee7ca7e93e3a/z5f254vt","slug":"gustavwf","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T19:27:22.320Z","latestAt":"2026-09-16T19:27:22.320Z"},{"id":"01a0abb0-0560-70a4-89bd-e03d0b671db7","type":"comment.liked","target":{"type":"comment","id":"01a0ab26-bdc1-761f-9605-b645c8fff42d","preview":"Nicely done","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nicely done"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a6db-ec22-74d8-9ee5-36357f1c0b38","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0ab26-bdc1-761f-9605-b645c8fff42d"},"repost":null}},"context":{"type":"post","id":"01a0a6db-ec22-74d8-9ee5-36357f1c0b38","preview":"AI Asistant","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a6db-79b9-7218-95a8-99b0aea9132e.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a6db-ec22-74d8-9ee5-36357f1c0b38","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T19:27:14.779Z","latestAt":"2026-09-16T19:27:14.779Z"},{"id":"01a0a8a0-658c-719e-b2de-41f45d0eb944","type":"comment.liked","target":{"type":"comment","id":"01a0a839-7fa0-73ac-a175-92381badccf5","preview":"this is cool!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"this is cool!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a1be-b82c-758c-9332-4d1eba96b665","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a839-7fa0-73ac-a175-92381badccf5"},"repost":null}},"context":{"type":"post","id":"01a0a1be-b82c-758c-9332-4d1eba96b665","preview":"Onboarding Flow Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a1be-4415-748a-8838-8a22b2dcc7ef.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a1be-b82c-758c-9332-4d1eba96b665","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T05:11:19.175Z","latestAt":"2026-09-16T05:11:19.175Z"},{"id":"01a0a6db-ee62-7458-ad0d-10d4fafcbec5","type":"component.created","target":{"type":"component","id":"IZGU6yZ9IulrcIrbvAXu","preview":"AI Asistant","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a6db-79b9-7218-95a8-99b0aea9132e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T20:57:06.402Z","latestAt":"2026-09-15T20:57:06.402Z"},{"id":"01a0a6ac-c78e-7159-9d70-39dd8ea62d82","type":"component.created","target":{"type":"component","id":"XpKTiGCPzHN27sgin946","preview":"Living Orb AI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a6aa-5b96-758a-ba64-dcddea5ae560.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T20:05:36.270Z","latestAt":"2026-09-15T20:05:36.270Z"},{"id":"01a0a510-73de-75c5-9c58-06776ef0f00a","type":"component.created","target":{"type":"component","id":"12rOtElkEiMfmOZMdMgR","preview":"Process Steps Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a50f-c9d1-745f-90d1-0512c41f3ae2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T12:35:14.014Z","latestAt":"2026-09-15T12:35:14.014Z"},{"id":"01a0a4dc-1e5e-75cb-9456-e253fd700b04","type":"comment.liked","target":{"type":"comment","id":"01a0a4d8-a571-77ad-aa9c-514b56440be3","preview":"Thanks for sharing","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks for sharing"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a4a0-25b3-745a-8092-c204f0678d0e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a4d8-a571-77ad-aa9c-514b56440be3"},"repost":null}},"context":{"type":"post","id":"01a0a4a0-25b3-745a-8092-c204f0678d0e","preview":"Awards List 01","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a49f-aa67-760b-b0c0-281fb1f54e07.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a4a0-25b3-745a-8092-c204f0678d0e","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T11:38:04.248Z","latestAt":"2026-09-15T11:38:04.248Z"},{"id":"01a0a4dc-0f84-73bb-8869-d9436770a41f","type":"component.created","target":{"type":"component","id":"OrR5Cc8kk8yG9yblW1CF","preview":"Review Quote Slider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a4da-1b44-724a-bde4-157bb4dab7a6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T11:38:00.452Z","latestAt":"2026-09-15T11:38:00.452Z"},{"id":"01a0a4a0-27f0-7102-a7a5-eec1224daf99","type":"component.created","target":{"type":"component","id":"AYwFTGfWZqHfYqVlVqzK","preview":"Awards List 01","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a49f-aa67-760b-b0c0-281fb1f54e07.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T10:32:34.544Z","latestAt":"2026-09-15T10:32:34.544Z"},{"id":"01a0a44f-a26b-763d-9ad4-6a288523c466","type":"component.created","target":{"type":"component","id":"eiUpoybcViyxUBbibqpR","preview":"Hover Awards List","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a44f-49ca-7339-b3bf-dcd0e5a2b94a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T09:04:37.483Z","latestAt":"2026-09-15T09:04:37.483Z"},{"id":"01a0a3fe-96d2-7708-b5e5-ef50ac529c0d","type":"component.created","target":{"type":"component","id":"dZrGUpVjWvLPaKUdUneQ","preview":"Feature Section 03","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a3fc-f38c-72a4-bd65-8391a1858f75.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T07:36:06.098Z","latestAt":"2026-09-15T07:36:06.098Z"},{"id":"01a0a1c1-7673-773b-ac73-142c19ee2828","type":"comment.reply","target":{"type":"post","id":"01a0a156-ff1d-71ad-b6e7-8e429ea150ae","preview":"Meet Section 01","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a156-6194-7217-a979-638ad75d5caa.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a156-ff1d-71ad-b6e7-8e429ea150ae","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0a1c1-765c-7597-8cf4-09c0979f459b","preview":"thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0a156-ff1d-71ad-b6e7-8e429ea150ae","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a1be-8bd4-77f9-9182-ddadc1393bc2"},"repost":null}},"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T21:10:05.683Z","latestAt":"2026-09-14T21:10:05.683Z"},{"id":"01a0a1c1-67ef-72df-a3ac-865fd39ea2c1","type":"comment.liked","target":{"type":"comment","id":"01a0a1be-8bd4-77f9-9182-ddadc1393bc2","preview":"Love it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love it"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a156-ff1d-71ad-b6e7-8e429ea150ae","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a1be-8bd4-77f9-9182-ddadc1393bc2"},"repost":null}},"context":{"type":"post","id":"01a0a156-ff1d-71ad-b6e7-8e429ea150ae","preview":"Meet Section 01","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a156-6194-7217-a979-638ad75d5caa.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a156-ff1d-71ad-b6e7-8e429ea150ae","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T21:10:01.960Z","latestAt":"2026-09-14T21:10:01.960Z"},{"id":"01a0a1be-baad-751f-9903-1001b2301771","type":"component.created","target":{"type":"component","id":"RCipwuXmTFH7wltG7WYy","preview":"Onboarding Flow Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a1be-4415-748a-8838-8a22b2dcc7ef.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-14T21:07:06.541Z","latestAt":"2026-09-14T21:07:06.541Z"},{"id":"01a0a157-017f-715a-9c64-e7d0478da4da","type":"component.created","target":{"type":"component","id":"qnFkU9cyhEuXGZbDpRmJ","preview":"Meet Section 01","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a156-6194-7217-a979-638ad75d5caa.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-14T19:13:48.927Z","latestAt":"2026-09-14T19:13:48.927Z"},{"id":"01a0a0f5-c195-77cc-a706-5e12d3c27d70","type":"component.created","target":{"type":"component","id":"tbikyeFW7Rus1uG39ewJ","preview":"About Us Section","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a0f5-5ebf-7249-b3bb-cba026cc1eca.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-14T17:27:35.573Z","latestAt":"2026-09-14T17:27:35.573Z"},{"id":"01a0a090-bcbd-72c8-9c0d-fdb76dba6b1a","type":"comment.liked","target":{"type":"comment","id":"01a09fbd-93f5-771c-9274-5694fa281873","preview":"Nice","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a09f8f-cd74-708f-ac8a-471bb4522db8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a09fbd-93f5-771c-9274-5694fa281873"},"repost":null}},"context":{"type":"post","id":"01a09f8f-cd74-708f-ac8a-471bb4522db8","preview":"Pricing Flow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a09f8e-a7fe-714a-b695-627507d44cf5.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a09f8f-cd74-708f-ac8a-471bb4522db8","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T15:37:15.171Z","latestAt":"2026-09-14T15:37:15.171Z"}],"pagination":{"next":"MjAyNi0wOS0xNFQxNTozNzoxNS4xNzFafDAxYTBhMDkwLWJjYmQtNzJjOC05YzBkLWZkYjc2ZGJhNmIxYQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:bcb94bf9-7aa9-40d7-b681-19421ce62bd3:/unified/posts/?creator=bcb94bf9-7aa9-40d7-b681-19421ce62bd3&with=reposts":[{"data":[{"id":"01a0b49c-8333-72cc-9ebb-72806f11f8d8","title":null,"body":"

Product Listing Page

Product Listing Page is a Framer storefront grid with a live search sidebar, free and premium price filters, and category counts.

Live Preview: https://productlistingpage.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Product Listing Page","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Product Listing Page is a Framer storefront grid with a live search sidebar, free and premium price filters, and category counts."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://productlistingpage.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://productlistingpage.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"kbex3YMzBFn53PakIcsw","resolved":true,"title":"Product Listing Page","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Product Listing Page"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Product Listing Page is a Framer storefront grid with a live search sidebar, free and premium price filters, and category counts. Products animate into a responsive three-column layout with New and Sale badges, compare-at pricing, image cards and a dark/light toggle. Built for catalogs, shops and marketing sites."}]},{"type":"paragraph","content":[{"type":"text","text":"Live category and title search in the sidebar"}]},{"type":"paragraph","content":[{"type":"text","text":"Free and Premium tier filters with item counts"}]},{"type":"paragraph","content":[{"type":"text","text":"Dynamic category list generated from your products"}]},{"type":"paragraph","content":[{"type":"text","text":"All Products reset with a single click"}]},{"type":"paragraph","content":[{"type":"text","text":"Resize-aware layout under 900px"}]},{"type":"paragraph","content":[{"type":"text","text":"Static renderer safe for Framer canvas"}]},{"type":"paragraph","content":[{"type":"text","text":"Custom fonts for search, sidebar, titles, prices and badges"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Ecommerce category and collection pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Digital product and template marketplaces "}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS pricing and add-on catalogs "}]},{"type":"paragraph","content":[{"type":"text","text":"Fashion and apparel lookbooks "}]},{"type":"paragraph","content":[{"type":"text","text":"Electronics and gadget storefronts "}]},{"type":"paragraph","content":[{"type":"text","text":"Sports and outdoor gear listings "}]},{"type":"paragraph","content":[{"type":"text","text":"Home, living and furniture shops Book, stationery and lifestyle catalogs "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency productized-service menus "}]},{"type":"paragraph","content":[{"type":"text","text":"Membership free vs premium content libraries"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"product listing framer, shop grid component, category filter sidebar, price tier filter, free premium products, product search framer, sale badge card, compare at price, ecommerce gallery, dark light shop, responsive product grid, framer store component, catalog filter, product card animation"}]}]},"introduction":"Shop filtered products by category","slug":"product-listing-page","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0b49a-1527-77fb-b3b6-b86ca8b2306b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-18T13:02:30.596Z","updatedAt":"2026-09-19T19:05:18.107Z","publishedAt":"2026-09-18T13:02:30.593Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ProductListingPage-yd4h4G.js@QaewM49azNqn4gvLGowM","previewUrl":"https://productlistingpage.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"QaewM49azNqn4gvLGowM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T13:02:31.219Z","updatedAt":"2026-09-18T13:02:31.219Z"},{"id":"01a0ac23-144e-7760-9813-a6098b852686","title":null,"body":"

Stat Feature Pro

StatFeaturePro is an SEO-ready metrics section.

Live Preview: https://statfeaturepro.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stat Feature Pro","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"StatFeaturePro is an SEO-ready metrics section."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://statfeaturepro.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://statfeaturepro.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"sRrjw7jLul7VHOiO56Ms","resolved":true,"title":"Stat Feature Pro","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Stat Feature Pro"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"StatFeaturePro is an SEO-ready metrics section. It pairs counting stats with concentric ring charts, entrance animations, and dark or light themes. Built for landing pages that need clear growth numbers, trust signals, and scannable insights at a glance."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Concentric multi-ring performance chart"}]},{"type":"paragraph","content":[{"type":"text","text":"Counting numbers with suffix and lab"}]},{"type":"paragraph","content":[{"type":"text","text":"Blur, slide, fade, or scale entrance"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive layout that stacks on mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"Accessible controls, headings, and chart labels"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS dashboards and product marketing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency and studio results sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Startup pitch and investor landing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Analytics, reporting, and insight products "}]},{"type":"paragraph","content":[{"type":"text","text":"E-commerce growth and conversion proof "}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio case-study metric blocks "}]},{"type":"paragraph","content":[{"type":"text","text":"Healthcare, fintech, and trust-led brands "}]},{"type":"paragraph","content":[{"type":"text","text":"Event recap and community stats pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Education platforms and course homepages "}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial features that lead with numbers"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"stats component, metrics section, concentric ring chart, counting numbers animation, insight stats, growth metrics, dashboard stats, seo stats block, dark light theme stats"}]}]},"introduction":"Live metric rings for real stories","slug":"stat-feature-pro","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0ac22-c67b-70a9-8f35-447756fed422.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-16T21:32:54.552Z","updatedAt":"2026-09-19T19:05:35.931Z","publishedAt":"2026-09-16T21:32:54.549Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/StatFeaturePro-gXvkRf.js@i408ELO0c3VMoWDzjEWc","previewUrl":"https://statfeaturepro.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"i408ELO0c3VMoWDzjEWc","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-09-16T21:32:55.246Z","updatedAt":"2026-09-16T21:32:55.246Z"},{"id":"01a0a6db-ec22-74d8-9ee5-36357f1c0b38","title":null,"body":"

AI Asistant

AI Asistant is a dotted status light for AI chats, agents and voice UIs. Two layouts: Mesh and Halo.

Live Preiew: https://aiasistant.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"AI Asistant","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"AI Asistant is a dotted status light for AI chats, agents and voice UIs. Two layouts: Mesh and Halo. "}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preiew: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://aiasistant.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://aiasistant.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IZGU6yZ9IulrcIrbvAXu","resolved":true,"title":"AI Asistant","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About AI Asistant"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"AI Asistant is a dotted status light for AI chats, agents and voice UIs. Two layouts: Mesh and Halo. Three states: Waiting, Listening and Thinking. Dots use a two-color blend and four soft shapes: circle, square, diamond and ring. Champagne is the default. Drop it on a prompt box, a hero or a logo mark. It moves on its own and stops off screen and in static export."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Mesh grid that breathes in Waiting"}]},{"type":"paragraph","content":[{"type":"text","text":"Halo rings that stay still in Waiting and spin in Listening or Thinking"}]},{"type":"paragraph","content":[{"type":"text","text":"Waiting, Listening and Thinking as live states"}]},{"type":"paragraph","content":[{"type":"text","text":"Soft circle, square, diamond and ring dots"}]},{"type":"paragraph","content":[{"type":"text","text":"Respects reduced motion"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"AI chat and agent interfaces "}]},{"type":"paragraph","content":[{"type":"text","text":"Voice assistant waiting and listening states "}]},{"type":"paragraph","content":[{"type":"text","text":"AI product and model landing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Startup and SaaS heroes "}]},{"type":"paragraph","content":[{"type":"text","text":"App waitlist and launch sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Prompt boxes and composer headers"}]},{"type":"paragraph","content":[{"type":"text","text":"Loaders and empty states "}]},{"type":"paragraph","content":[{"type":"text","text":"Logo marks and brand lockups "}]},{"type":"paragraph","content":[{"type":"text","text":"Support widgets and help hubs "}]},{"type":"paragraph","content":[{"type":"text","text":"Dark-mode marketing pages"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"ai asistant, ai assistant orb, dotted status orb, framer ai chat, waiting listening thinking, mesh orb, halo rings, champagne orb, square dots framer, diamond dots"}]}]},"introduction":"AI status dots for chat UIs","slug":"ai-asistant","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a6db-79b9-7218-95a8-99b0aea9132e.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-15T20:57:05.217Z","updatedAt":"2026-09-19T19:05:48.917Z","publishedAt":"2026-09-15T20:57:05.215Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/AiAsistant-bv4PBd.js@cHRafxeMEjteM20S7oDq","previewUrl":"https://aiasistant.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"cHRafxeMEjteM20S7oDq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T20:57:05.827Z","updatedAt":"2026-09-15T20:57:05.827Z"},{"id":"01a0a6ac-c4fd-7198-8003-81107cd096f7","title":null,"body":"

Living Orb AI

Living Orb AI is a living glow orb. Drop it on AI sites, startup heroes, loaders and logo marks.

Live Preview: https://livingorbai.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Living Orb AI","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Living Orb AI is a living glow orb. Drop it on AI sites, startup heroes, loaders and logo marks."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://livingorbai.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://livingorbai.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"XpKTiGCPzHN27sgin946","resolved":true,"title":"Living Orb AI","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Living Orb AI"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Living Orb AI is a living glow orb. Drop it on AI sites, startup heroes, loaders and logo marks. Three looks: Aura, Veil and Sphere. Colors change in one click. The orb moves on its own, follows the pointer in Sphere, and stops off screen and in static export."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Soft circular glow that fills any frame size"}]},{"type":"paragraph","content":[{"type":"text","text":"Aura theme for a flat luminous wash"}]},{"type":"paragraph","content":[{"type":"text","text":"Veil theme for a slow silk swirl with no seam"}]},{"type":"paragraph","content":[{"type":"text","text":"Sphere theme for a lit 3D ball"}]},{"type":"paragraph","content":[{"type":"text","text":"Respects reduced motion"}]},{"type":"paragraph","content":[{"type":"text","text":"Pauses off screen with IntersectionObserver"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"AI product and model landing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Startup and SaaS hero backgrounds "}]},{"type":"paragraph","content":[{"type":"text","text":"App waitlist and launch sites Logo marks and brand lockups "}]},{"type":"paragraph","content":[{"type":"text","text":"Loaders and empty states "}]},{"type":"paragraph","content":[{"type":"text","text":"Feature sections and pricing heroes "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency and studio homepages "}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio intros and case study headers "}]},{"type":"paragraph","content":[{"type":"text","text":"Event and conference sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Dark-mode marketing pages"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"livingorbai, glowing orb framer, ai orb, fluid orb, 3d sphere framer, aura orb, veil swirl, sphere lighting, hero glow, animated ball framer, webgl orb, startup hero background, ai landing page orb, color preset orb, demo mode framer, iridescent orb, liquid light, logo orb, loader orb"}]}]},"introduction":"Animated glowing orb for AI sites","slug":"living-orb-ai","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a6aa-5b96-758a-ba64-dcddea5ae560.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-15T20:05:34.970Z","updatedAt":"2026-09-19T19:06:03.313Z","publishedAt":"2026-09-15T20:05:34.966Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://livingorbai.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/9ad56cb6-2001-40c5-a5d6-06210b721acc","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"26d0tQRulhTypuckZP7d","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T20:05:35.613Z","updatedAt":"2026-09-15T20:05:35.613Z"},{"id":"01a0a515-97d6-711a-9245-977069cc5ed4","title":null,"body":"

marquee community section

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"marquee community section"}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/layPe01w02Szq4OgHFGTb00qNZ5Kerx56Kblf00axT00UevA.m3u8","metadata":{"posterUrl":"https://image.mux.com/layPe01w02Szq4OgHFGTb00qNZ5Kerx56Kblf00axT00UevA/thumbnail.webp?time=7.422","aspectRatio":"593:394","duration":8.708333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T12:40:50.905Z","updatedAt":"2026-09-15T12:40:50.905Z"},{"id":"01a0a510-7192-73cb-b372-73253e55bf65","title":null,"body":"

Process Steps

Process Steps is a process accordion for methodology sections.

Live Preview: https://processsteps.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Process Steps","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Process Steps is a process accordion for methodology sections. "}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://processsteps.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://processsteps.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"12rOtElkEiMfmOZMdMgR","resolved":true,"title":"Process Steps Pro","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Process Steps "}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Process Steps is a process accordion for methodology sections. Two looks: Slider (badge, serif title, gradient accent, rounded steps) and Process (layered cinematic rows, large numbers, no radius). Dark, light and custom palettes. Top-left toggles dark/light. Demo bar switches look, radius, gap, glow and numbers — not theme. Five editable steps open one at a time. Built for interiors, agencies and product pages."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Two design languages in one component"}]},{"type":"paragraph","content":[{"type":"text","text":"Slider look with badge, accent line and halo"}]},{"type":"paragraph","content":[{"type":"text","text":"Accessible buttons, aria-expanded, visible focus"}]},{"type":"paragraph","content":[{"type":"text","text":"Static-safe motion, ResizeObserver and transitions"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Architecture and interior design studios "}]},{"type":"paragraph","content":[{"type":"text","text":"Creative agency process pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Product and SaaS methodology sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio and personal branding sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Construction and fit-out handover stories "}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial and magazine-style layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"Event and conference program pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Hospitality and workplace project sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Education and workshop landing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Brand and service explainer sections"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"process steps framer, methodology accordion, how to section framer, expandable steps, process accordion, slider process look, cinematic process list, studio methodology, interior design process, framer how to component, step accordion, dark light process"}]}]},"introduction":"Expandable process steps","slug":"process-steps-pro","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a50f-c9d1-745f-90d1-0512c41f3ae2.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-15T12:35:12.785Z","updatedAt":"2026-09-19T19:06:14.699Z","publishedAt":"2026-09-15T12:35:12.782Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ProcessSteps-7BhD3p.js@QOWACuq6hTD9MGK1hie9","previewUrl":"https://processsteps.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"QOWACuq6hTD9MGK1hie9","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-15T12:35:13.427Z","updatedAt":"2026-09-15T12:35:13.427Z"},{"id":"01a0a4dc-0d27-735d-a098-e524952a8ac7","title":null,"body":"

Review Quote Slider

Review Quote Slider is a review carousel for interior architecture studios.

Live Preview: https://reviewquoteslider.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Review Quote Slider","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Review Quote Slider is a review carousel for interior architecture studios. "}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://reviewquoteslider.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://reviewquoteslider.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OrR5Cc8kk8yG9yblW1CF","resolved":true,"title":"Review Quote Slider","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Review Quote Slider"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Review Quote Slider is a review carousel for interior architecture studios. A badge, title and accent line sit above a quoted client review with portrait, name, arrows and a 01 / 04 fraction. Dark, light and elite (gray studio) themes ship built in. Custom colors unlock when Theme is Custom. Demo mode adds a live bar for radius, gap, glow, number, arrows and theme."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Centered review badge with accent dot"}]},{"type":"paragraph","content":[{"type":"text","text":"Serif heading plus optional gradient accent line"}]},{"type":"paragraph","content":[{"type":"text","text":"Quoted review body, reviewer name and optional avatar"}]},{"type":"paragraph","content":[{"type":"text","text":"Previous / next arrows and swipe on touch"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interior architecture studio websites "}]},{"type":"paragraph","content":[{"type":"text","text":"Residential interior design portfolios "}]},{"type":"paragraph","content":[{"type":"text","text":"Hospitality and hotel interior pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Workplace and office interior case studies "}]},{"type":"paragraph","content":[{"type":"text","text":"Adaptive reuse and restoration studios "}]},{"type":"paragraph","content":[{"type":"text","text":"Material craft and furniture interior brands "}]},{"type":"paragraph","content":[{"type":"text","text":"Architecture practice review sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency about and social proof blocks "}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial magazine-style studio sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Landing pages that need a client quote slider"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"review quote slider, framer review slider, client quote carousel, testimonial slider framer, review carousel, quote slider component, interior architecture reviews, elite theme testimonials, dark light review slider, autoplay quote slider, review fraction slider"}]}]},"introduction":"Review quotes in a client slider","slug":"review-quote-slider","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a4da-1b44-724a-bde4-157bb4dab7a6.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-15T11:37:59.215Z","updatedAt":"2026-09-19T19:06:25.264Z","publishedAt":"2026-09-15T11:37:59.211Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://reviewquoteslider.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/23313867-eb61-4d82-8c24-8dc5d315a3a9","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ziYhko8TRYpUXg7PIwpm","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-09-15T11:37:59.847Z","updatedAt":"2026-09-15T11:37:59.847Z"},{"id":"01a0a4a0-25b3-745a-8092-c204f0678d0e","title":null,"body":"

Awards List 01

Awards List 01 is an editorial honors section. It opens with a Recognition badge, title, description and year range, then a numbered list of awards.

Live Preview: https://awardslist01.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Awards List 01","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Awards List 01 is an editorial honors section. It opens with a Recognition badge, title, description and year range, then a numbered list of awards."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://awardslist01.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://awardslist01.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"AYwFTGfWZqHfYqVlVqzK","resolved":true,"title":"Awards List 01","body":"$68","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Awards List 01"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Awards List 01 is an editorial honors section. It opens with a Recognition badge, title, description and year range, then a numbered list of awards. Each row shows the award name, nomination text and year. Dark/light theme, 01 / Roman / word numbering and a mobile stack ship ready to publish."}]},{"type":"paragraph","content":[{"type":"text","text":"Recognition badge, title, description and year range"}]},{"type":"paragraph","content":[{"type":"text","text":"Numbered rows with name, nomination and year"}]},{"type":"paragraph","content":[{"type":"text","text":"Mobile layout under 700px with no horizontal scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"Static renderer safe for canvas and export"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interior architecture studio websites "}]},{"type":"paragraph","content":[{"type":"text","text":"Residential interior design portfolios "}]},{"type":"paragraph","content":[{"type":"text","text":"Hospitality and hotel interior pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Workplace and office interior case studies "}]},{"type":"paragraph","content":[{"type":"text","text":"Adaptive reuse and restoration studios "}]},{"type":"paragraph","content":[{"type":"text","text":"Material craft and furniture interior brands "}]},{"type":"paragraph","content":[{"type":"text","text":"Architecture practice recognition sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Press, honors and awards pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency about and credibility blocks "}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial magazine-style studio sites"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"awards list 01, framer awards list, interior architecture awards, numbered awards section, award year list, nomination awards framer, recognition list framer, editorial awards table, dark light awards, roman numeric awards, studio awards section, hospitality interior awards"}]}]},"introduction":"Editorial awards for interior work","slug":"awards-list-01","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a49f-aa67-760b-b0c0-281fb1f54e07.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-15T10:32:33.285Z","updatedAt":"2026-09-19T19:06:36.240Z","publishedAt":"2026-09-15T10:32:33.283Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/AwardsList01-R0STk3.js@pDtj0haxY6DHQewVn0g3","previewUrl":"https://awardslist01.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"pDtj0haxY6DHQewVn0g3","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T10:32:33.971Z","updatedAt":"2026-09-15T10:32:33.971Z"},{"id":"01a0a44f-a013-775a-96c6-77461a6a91c0","title":null,"body":"

Hover Awards List

Hover Awards List is an editorial awards section, built for interior architecture studios.

Live Preview: https://hoverawardslist.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Awards List","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hover Awards List is an editorial awards section, built for interior architecture studios. "}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://hoverawardslist.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hoverawardslist.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"eiUpoybcViyxUBbibqpR","resolved":true,"title":"Hover Awards List","body":"$69","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Hover Awards List"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Hover Awards List is an editorial awards section, built for interior architecture studios. It pairs a Recognition badge, title and description with a numbered honors list. On desktop, hovering a row reveals a project image. Dark/light theme, Roman, numeric or word numbering, and a mobile layout ship ready to publish."}]},{"type":"paragraph","content":[{"type":"text","text":"Recognition badge, title and description"}]},{"type":"paragraph","content":[{"type":"text","text":"Hover image preview on each award row"}]},{"type":"paragraph","content":[{"type":"text","text":"Mobile layout under 700px without horizontal scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"Semantic list markup with ItemList and Award microdata"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interior architecture studio websites "}]},{"type":"paragraph","content":[{"type":"text","text":"Residential interior design portfolios"}]},{"type":"paragraph","content":[{"type":"text","text":"Hospitality and hotel interior pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Workplace and office interior case studies "}]},{"type":"paragraph","content":[{"type":"text","text":"Adaptive reuse and restoration studios "}]},{"type":"paragraph","content":[{"type":"text","text":"Material craft and furniture interior brands "}]},{"type":"paragraph","content":[{"type":"text","text":"Architecture practice recognition sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Press, honors and awards pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency about and credibility blocks "}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial magazine-style studio sites"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"hover awards list, framer awards section, interior architecture awards, awards hover image, recognition list framer, interior design honors, editorial awards component, dark light awards, roman numeric awards, hover preview awards, studio awards section"}]}]},"introduction":"Interior hover awards list sectio","slug":"hover-awards-list","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a44f-49ca-7339-b3bf-dcd0e5a2b94a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-15T09:04:36.243Z","updatedAt":"2026-09-19T19:06:48.094Z","publishedAt":"2026-09-15T09:04:36.240Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/HoverAwardsList-85vpAm.js@adWs35ulooIGE1l1XYdS","previewUrl":"https://hoverawardslist.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"adWs35ulooIGE1l1XYdS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T09:04:36.883Z","updatedAt":"2026-09-15T09:04:36.883Z"},{"id":"01a0a3fe-9469-752d-a0fc-82722c9bcc0a","title":null,"body":"

Feature Section 03

Feature Section 03 is a features block built for product and studio pages.

Live Preview: https://featuresection03.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Feature Section 03","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Feature Section 03 is a features block built for product and studio pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://featuresection03.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://featuresection03.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"dZrGUpVjWvLPaKUdUneQ","resolved":true,"title":"Feature Section 03","body":"$6a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Feature Section 03"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Feature Section 03 is a features block built for product and studio pages. It splits a strong headline, stats, and a 2×2 icon card grid, then switches dark and light with a circular clip-path reveal from the toggle. Entrance motion (blur, slide, fade, or scale) runs on view, respects reduced motion, and stays frozen on the static canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"Two-column layout: copy + stats on the left, feature cards on the right"}]},{"type":"paragraph","content":[{"type":"text","text":"Circular dark / light / custom theme reveal from the toggle"}]},{"type":"paragraph","content":[{"type":"text","text":"Eyebrow badge, uppercase title, muted description, optional stat row"}]},{"type":"paragraph","content":[{"type":"text","text":"Up to six feature cards with icon, title, and description"}]},{"type":"paragraph","content":[{"type":"text","text":"Entrance types: blur, slide, fade, scale with duration and stagger"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive stack under 768px; tighter type and padding on small screens"}]},{"type":"paragraph","content":[{"type":"text","text":"Accessible markup: section, header, lists, h2/h3, focusable theme button"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS marketing and product feature pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency and independent studio sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Startup landing pages and pitch sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Devtools, cloud, and security product pages "}]},{"type":"paragraph","content":[{"type":"text","text":"AI and automation platform homepages "}]},{"type":"paragraph","content":[{"type":"text","text":"Architecture and practice websites "}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio case-study intros "}]},{"type":"paragraph","content":[{"type":"text","text":"Event, conference, and community pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial brand and magazine sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Internal product and changelog sections"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"feature section, feature grid component, icon feature cards, two column features, dark light theme toggle, circular theme reveal, stats row framer, saas feature block, product features layout, blur entrance animation, staggered card reveal"}]}]},"introduction":"Feature cards, stats, theme toggle","slug":"feature-section-03","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a3fc-f38c-72a4-bd65-8391a1858f75.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-15T07:36:04.842Z","updatedAt":"2026-09-19T19:07:00.758Z","publishedAt":"2026-09-15T07:36:04.808Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://featuresection03.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/a355fdc9-e591-40b8-8310-87404bf7c8ce","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"T3ZnShjfOSV0ReWAhonK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T07:36:05.481Z","updatedAt":"2026-09-15T07:36:05.481Z"},{"id":"01a0a1be-b82c-758c-9332-4d1eba96b665","title":null,"body":"

Onboarding Flow Pro

Onboarding Flow Pro is an animated get-started sequence.

Live Preview: https://onboardingflowpro.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Onboarding Flow Pro","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Onboarding Flow Pro is an animated get-started sequence. "}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://onboardingflowpro.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://onboardingflowpro.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"RCipwuXmTFH7wltG7WYy","resolved":true,"title":"Onboarding Flow Pro","body":"$6b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Onboarding Flow Pro"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Onboarding Flow Pro is an animated get-started sequence. Steps light up one by one, connectors fill as each stage completes, and a live progress bar tracks the full run until a completion banner appears. Built for SaaS, product and marketing pages that need a clear onboarding story without extra setup."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Dark, light and custom themes with ProductHeroDesk color language"}]},{"type":"paragraph","content":[{"type":"text","text":"Circular theme reveal toggle in Demo Mode"}]},{"type":"paragraph","content":[{"type":"text","text":"Title and description sit directly above the progress bar"}]},{"type":"paragraph","content":[{"type":"text","text":"Live progress bar with step index and percent"}]},{"type":"paragraph","content":[{"type":"text","text":"Step nodes with status rings, icons and labels"}]},{"type":"paragraph","content":[{"type":"text","text":"Connectors fill from pending to active to done"}]},{"type":"paragraph","content":[{"type":"text","text":"Editable step list: label, description and icon"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive scale so steps do not overflow"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS onboarding and get-started sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Product landing page walkthroughs "}]},{"type":"paragraph","content":[{"type":"text","text":"Signup, verify and go-live funnels "}]},{"type":"paragraph","content":[{"type":"text","text":"Fintech invoice and desk product pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Feature launch and activation flows "}]},{"type":"paragraph","content":[{"type":"text","text":"Help center and first-run guides "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency and studio process explainers "}]},{"type":"paragraph","content":[{"type":"text","text":"App store and web app marketing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Waitlist and activation campaign pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Internal tool and workspace demos"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"onboarding flow, onboarding steps, get started component, framer onboarding, progress bar steps, step tracker, animated checklist, how to steps, saas onboarding, product walkthrough, connector timeline, theme toggle, dark light custom theme"}]}]},"introduction":"Live onboarding steps, animated.","slug":"onboarding-flow-pro","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a1be-4415-748a-8838-8a22b2dcc7ef.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-14T21:07:05.287Z","updatedAt":"2026-09-19T19:07:18.193Z","publishedAt":"2026-09-14T21:07:05.284Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://onboardingflowpro.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/4c0a6f3e-8230-4d9a-8aa8-9816180f9f8b","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"7ot5gBlW4qckAtB5iPpL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T21:07:05.900Z","updatedAt":"2026-09-14T21:07:05.900Z"},{"id":"01a0a156-ff1d-71ad-b6e7-8e429ea150ae","title":null,"body":"

Meet Section 01

Team Section 01 is a team section with two infinite photo marquees, animated counters and a circular dark/light reveal.

Live Preview: https://teamsection01.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet Section 01","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Team Section 01 is a team section with two infinite photo marquees, animated counters and a circular dark/light reveal. "}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://teamsection01.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://teamsection01.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qnFkU9cyhEuXGZbDpRmJ","resolved":true,"title":"Meet Section 01","body":"$6c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Team Section 01"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Team Section 01 is a team section with two infinite photo marquees, animated counters and a circular dark/light reveal. Built for studios, agencies and portfolio sites that need a team block that feels editorial, not a grid of cards."}]},{"type":"paragraph","content":[{"type":"text","text":"Accessible buttons, visible focus, Organization and Person schema, lazy images. Height fills the parent. No setup beyond dropping it on the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"Opposite-direction dual photo marquee"}]},{"type":"paragraph","content":[{"type":"text","text":"Edge-only fade overlays, not a full-width mask "}]},{"type":"paragraph","content":[{"type":"text","text":"PC image upload via Photos array"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive type and padding at 480 / 768 / 1024"}]},{"type":"paragraph","content":[{"type":"text","text":"JSON-LD Organization + Person markup "}]},{"type":"paragraph","content":[{"type":"text","text":"Static renderer and observer cleanup"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Architecture and interior design studios "}]},{"type":"paragraph","content":[{"type":"text","text":"Creative agency about pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Product and design team sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Fashion and lifestyle brand sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Photography and film collectives "}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS company people pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Event and conference speaker strips "}]},{"type":"paragraph","content":[{"type":"text","text":"Healthcare and clinic staff blocks "}]},{"type":"paragraph","content":[{"type":"text","text":"Education and research labs "}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial magazine team pages"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"team section, team marquee, scrolling team photos, meet the team framer, photo marquee component, animated stats framer, dark light theme toggle, circular theme reveal, studio team block, agency about section, dual row marquee"}]}]},"introduction":"Scrolling team photos and metrics.","slug":"meet-section-01","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a156-6194-7217-a979-638ad75d5caa.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-14T19:13:47.606Z","updatedAt":"2026-09-19T19:07:29.390Z","publishedAt":"2026-09-14T19:13:47.603Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://teamsection01.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/783ac11a-1098-4534-9f59-35cbfaa83bdc","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"ttwrPJ4XW08xMTawAdFT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T19:13:48.317Z","updatedAt":"2026-09-14T19:13:48.317Z"},{"id":"01a0a0f5-bf39-7104-961e-da3ff2b58e51","title":null,"body":"

About Us Section

About Us Section is a capabilities block for About, services and studio pages.

Live Preview: https://aboutussection.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About Us Section","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"About Us Section is a capabilities block for About, services and studio pages. "}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://aboutussection.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://aboutussection.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"tbikyeFW7Rus1uG39ewJ","resolved":true,"title":"About Us Section","body":"$6d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Component"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"About Us Section is a capabilities block for About, services and studio pages. Left column holds an index, category title and body copy. Right column wraps “+” service labels. Hover or keyboard-focus a label to reveal a tilted preview image; other labels fade so the active service stays readable."}]},{"type":"paragraph","content":[{"type":"text","text":"Numbered category title with long-form description"}]},{"type":"paragraph","content":[{"type":"text","text":"Hover and focus image preview with tilt and scale "}]},{"type":"paragraph","content":[{"type":"text","text":"Neighbor labels dim while one item is active"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive type and spacing, no horizontal overflow"}]},{"type":"paragraph","content":[{"type":"text","text":"Accessible buttons, aria-expanded and visible focus"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Agency and studio About pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Brand identity and capability sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Service catalogs for design, strategy and campaigns "}]},{"type":"paragraph","content":[{"type":"text","text":"Personal branding and freelance portfolios "}]},{"type":"paragraph","content":[{"type":"text","text":"Fashion, architecture and editorial studios "}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS feature lists with visual proof "}]},{"type":"paragraph","content":[{"type":"text","text":"Photography and art-direction showcases "}]},{"type":"paragraph","content":[{"type":"text","text":"Landing-page “what we do” modules "}]},{"type":"paragraph","content":[{"type":"text","text":"Case-study intros that list deliverables"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"about us section framer, capabilities component, service list hover image, identity services block, offer catalog schema, studio about page, hover preview labels, tilted image hover, accessible service list, framer about component, brand services gallery"}]}]},"introduction":"Studio services with live previews","slug":"about-us-section","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a0a0f5-5ebf-7249-b3bb-cba026cc1eca.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-14T17:27:34.357Z","updatedAt":"2026-09-19T19:07:39.953Z","publishedAt":"2026-09-14T17:27:34.354Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://aboutussection.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/7125800f-c5c8-445e-9fc8-8ae38afab716","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"vOQYYahc5yq0oFEENdRV","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T17:27:34.970Z","updatedAt":"2026-09-14T17:27:34.970Z"},{"id":"01a09f8f-cd74-708f-ac8a-471bb4522db8","title":null,"body":"

Pricing Flow

Pricing Flow is a pricing table you can actually use.

Live Preview: https://pricingflow.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing Flow","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pricing Flow is a pricing table you can actually use."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://pricingflow.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://pricingflow.framer.website/","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"h5igI0cEU4Uyfv5akwmM","resolved":true,"title":"Pricing Flow","body":"$6e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Pricing Flow"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Pricing Flow is a pricing table you can actually use. Monthly and Yearly switch every tier at once, with a save badge on yearly. One plan can sit as recommended. Each card has a name, short line, price, CTA, and a feature list with checks."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Real monthly / yearly billing toggle"}]},{"type":"paragraph","content":[{"type":"text","text":"Save percent badge on yearly"}]},{"type":"paragraph","content":[{"type":"text","text":"One recommended tier with badge"}]},{"type":"paragraph","content":[{"type":"text","text":"Original, Classic, and Hero designs"}]},{"type":"paragraph","content":[{"type":"text","text":"Dark, Light, and Custom themes"}]},{"type":"paragraph","content":[{"type":"text","text":"CTA links per plan"}]},{"type":"paragraph","content":[{"type":"text","text":"OfferCatalog structured markup"}]},{"type":"paragraph","content":[{"type":"text","text":"Works on the canvas with no extra setup"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS pricing and plan pages Startup landing and waitlist sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency retainer packages "}]},{"type":"paragraph","content":[{"type":"text","text":"Course and membership pricing "}]},{"type":"paragraph","content":[{"type":"text","text":"App store listing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Freelance service menus "}]},{"type":"paragraph","content":[{"type":"text","text":"Product launch pricing blocks "}]},{"type":"paragraph","content":[{"type":"text","text":"Help center plan comparison "}]},{"type":"paragraph","content":[{"type":"text","text":"Event ticket tiers Internal tooling billing pages"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"framer pricing table, pricingflow framer, monthly yearly toggle, recommended pricing tier, saas pricing component, original hero classic pricing, helvetica glass pricing, offercatalog framer, pricing cards stack mobile, most popular plan badge"}]},{"type":"paragraph"}]},"introduction":"Clickable pricing for live sites.","slug":"pricing-flow","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a09f8e-a7fe-714a-b695-627507d44cf5.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-14T10:56:36.075Z","updatedAt":"2026-09-19T19:07:51.285Z","publishedAt":"2026-09-14T10:56:36.072Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pricingflow.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/b1f29f9b-f051-4323-b9a7-80e01276a35f","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"zbWKeYVay7QJxyIylb7U","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T10:56:36.724Z","updatedAt":"2026-09-14T10:56:36.724Z"},{"id":"01a09f67-48c0-76a7-93a6-fa66c227d2b5","title":null,"body":"

Comparison Flow

Comparison Flow is a before-versus-after component for landing pages that sell a transformation.

Live Preview: https://comparisonflow.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Comparison Flow","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Comparison Flow is a before-versus-after component for landing pages that sell a transformation. "}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: "},{"type":"text","text":"https://comparisonflow.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://comparisonflow.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DPoPqTVj1Dl4fZP69HyL","resolved":true,"title":"Comparison Flow","body":"$6f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Comparison Flow"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Comparison Flow is a before-versus-after component for landing pages that sell a transformation. The left column walks a slow manual process step by step. The right column runs a shorter automated path and finishes first. When both runs complete, a result badge such as “240× faster” fades in, then the loop resets."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Animated before and after columns"}]},{"type":"paragraph","content":[{"type":"text","text":"Red manual path, green automated path"}]},{"type":"paragraph","content":[{"type":"text","text":"Per-step icons, checks, and connector fill"}]},{"type":"paragraph","content":[{"type":"text","text":"Result badge with hold and reset timing"}]},{"type":"paragraph","content":[{"type":"text","text":"Hero and Classic design languages"}]},{"type":"paragraph","content":[{"type":"text","text":"Auto, side-by-side, or stacked layout"}]},{"type":"paragraph","content":[{"type":"text","text":"Centered title and description"}]},{"type":"paragraph","content":[{"type":"text","text":"Works on the canvas with no extra setup"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS automation and workflow pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency service comparison blocks "}]},{"type":"paragraph","content":[{"type":"text","text":"Product “old way vs new way” heroes "}]},{"type":"paragraph","content":[{"type":"text","text":"Ops and productivity landing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"AI tool before-and-after stories "}]},{"type":"paragraph","content":[{"type":"text","text":"Onboarding and time-saved sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Internal tooling marketing sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Freelance and studio pitch decks "}]},{"type":"paragraph","content":[{"type":"text","text":"Course and bootcamp outcome pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Changelog and launch announcement pages"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"framer comparison component, before vs after framer, old way vs new way, automation comparison, manual vs automated, timed step comparison, product transformation section, saas before after, hero comparison layout, classic comparison theme"}]}]},"introduction":"Before vs after, timed.","slug":"comparison-flow","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a09f66-aa9f-70ae-9663-9436b6da141d.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-14T10:12:20.636Z","updatedAt":"2026-09-19T19:08:03.167Z","publishedAt":"2026-09-14T10:12:20.631Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://comparisonflow.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/f1d9ec97-6d79-47f3-88ea-e522cb6a4785","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"z5pxa1zItJ0Iiy1CCRIL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T10:12:21.313Z","updatedAt":"2026-09-14T10:12:21.313Z"},{"id":"01a09ec8-29ba-768c-bd02-b9e3e1a3a6a6","title":null,"body":"

Product Hero FAQ

Product Hero FAQ is a FAQ accordion in the Product Hero language: serif heading, optional badge, muted subcopy, and a rounded panel of questions.

Live Preview: https://productherofaq.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Product Hero FAQ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Product Hero FAQ is a FAQ accordion in the Product Hero language: serif heading, optional badge, muted subcopy, and a rounded panel of questions."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://productherofaq.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://productherofaq.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"PvAC44hrb7uGPCLSKhuQ","resolved":true,"title":"Product Hero FAQ","body":"$70","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Product Hero FAQ"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Product Hero FAQ is a FAQ accordion in the Product Hero language: serif heading, optional badge, muted subcopy, and a rounded panel of questions. Click a row to expand the answer. The open state paints one shared wash behind both the question and the answer so the pair reads as a single card, not a split header."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Single-open or multi-open accordion"}]},{"type":"paragraph","content":[{"type":"text","text":"Shared highlight on question and answer"}]},{"type":"paragraph","content":[{"type":"text","text":"Hero badge, heading, accent line, and subcopy"}]},{"type":"paragraph","content":[{"type":"text","text":"FAQPage / Question / Answer structured markup"}]},{"type":"paragraph","content":[{"type":"text","text":"aria-expanded, aria-controls, and region panels"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS pricing and billing FAQ pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Startup landing and waitlist sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Help center and support hubs "}]},{"type":"paragraph","content":[{"type":"text","text":"Checkout and plan comparison pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Product documentation homes "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency service FAQ blocks "}]},{"type":"paragraph","content":[{"type":"text","text":"Course and membership sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Healthcare and clinic intake pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Event and conference information "}]},{"type":"paragraph","content":[{"type":"text","text":"App store listing support sections"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"faq component, hero faq accordion, product hero faq, framer accordion faq, question answer accordion, faqpage schema framer, single open faq, multi open accordion, dark light custom faq, clip path theme reveal, shared highlight faq row"}]}]},"introduction":"Hero FAQ accordion for live sites.","slug":"product-hero-faq","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a09ec7-b254-744f-8743-7119d8059329.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-14T07:18:32.504Z","updatedAt":"2026-09-19T19:08:13.327Z","publishedAt":"2026-09-14T07:18:32.482Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://productherofaq.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/31f3f8ef-ca30-44bd-b385-6a78d209473f","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"qhWFZB8phwUjhiVG0NPf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T07:18:33.146Z","updatedAt":"2026-09-14T07:18:33.146Z"},{"id":"01a09ea4-941b-7112-b4aa-df3cb8147c18","title":null,"body":"

Roadmap Flow

Roadmap Flow is a product-roadmap component built around a Now, Next, and Later grid.

Live Preview: https://roadmapflow.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Roadmap Flow","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Roadmap Flow is a product-roadmap component built around a Now, Next, and Later grid."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://roadmapflow.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://roadmapflow.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DlPY2WNRpP79W2Nlw3zz","resolved":true,"title":"Roadmap Flow","body":"$71","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Roadmap Flow"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Roadmap Flow is a product-roadmap component built around a Now, Next, and Later grid. Each card carries a title, short description, and a Shipped, In Progress, or Planned status, so visitors can read what is live, what is in flight, and what is still on the horizon without leaving the page."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Static canvas and export paths pause the spotlight loop, ResizeObserver, and IntersectionObserver. Copy is rendered as heading and description nodes with ItemList markup so published pages stay readable for people and parsers."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Now, Next, and Later columns with live item counts"}]},{"type":"paragraph","content":[{"type":"text","text":"Shipped, In Progress, and Planned status chips"}]},{"type":"paragraph","content":[{"type":"text","text":"Optional timeline spotlight with adjustable hold time"}]},{"type":"paragraph","content":[{"type":"text","text":"Hero and Classic design languages"}]},{"type":"paragraph","content":[{"type":"text","text":"Semantic headings plus "},{"type":"text","text":"schema.org","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://schema.org","target":"_blank"}}]},{"type":"text","text":" ItemList / ListItem"}]},{"type":"paragraph","content":[{"type":"text","text":"Works on the canvas with no extra setup"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS marketing and changelog pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Startup launch and waitlist sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Product documentation hubs "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency and studio service roadmaps "}]},{"type":"paragraph","content":[{"type":"text","text":"Funding and investor update pages "}]},{"type":"paragraph","content":[{"type":"text","text":"App store and platform feature boards "}]},{"type":"paragraph","content":[{"type":"text","text":"Internal product ops dashboards "}]},{"type":"paragraph","content":[{"type":"text","text":"Conference and community program pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Open-source project homepages "}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio case-study timelines"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"roadmap component, now next later roadmap, product roadmap framer, shipped in progress planned, feature roadmap cards, public product changelog, saas roadmap section, startup launch roadmap, hero roadmap layout"}]}]},"introduction":"A now, next, later product roadmap","slug":"roadmap-flow","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a09ea3-dfd3-73d9-ba94-9cb81a56d32f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-14T06:39:40.418Z","updatedAt":"2026-09-19T19:08:23.746Z","publishedAt":"2026-09-14T06:39:40.416Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://roadmapflow.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/62ecb1cf-70e5-44d3-88ff-ea21af35f0fe","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"JL9K9647mHjatw4QMjOx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T06:39:41.083Z","updatedAt":"2026-09-14T06:39:41.083Z"},{"id":"01a09e3c-af5a-7736-aad8-184ba325ad30","title":null,"body":"

Phone Mockup 3D

Phone Mockup 3D is a device scene built for social, SaaS and product pages.

Live Preview: https://phonemockup3d.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Phone Mockup 3D","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Phone Mockup 3D is a device scene built for social, SaaS and product pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://phonemockup3d.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://phonemockup3d.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jlPtt1Nw0uegjTckd3g7","resolved":true,"title":"Phone Mockup 3D","body":"$72","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Phone Mockup 3D"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Phone Mockup 3D is a device scene built for social, SaaS and product pages. A realistic iPhone frame sits in a 3D stage with tilt, screen glare and floating metric cards that move with the phone. Drop in video or images, set username and verified badge, then tune campaigns without extra setup."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"True 3D tilt with spring motion and screen glare"}]},{"type":"paragraph","content":[{"type":"text","text":"Titanium and Black iPhone frames"}]},{"type":"paragraph","content":[{"type":"text","text":"Story player for video and images with swipe / tap"}]},{"type":"paragraph","content":[{"type":"text","text":"Autoplay, loop and image duration controls"}]},{"type":"paragraph","content":[{"type":"text","text":"Username chip, avatar and blue verified badge"}]},{"type":"paragraph","content":[{"type":"text","text":"Original, Desk Dark and Desk Light themes"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive fit — phone scales, cards hide under 768px"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Social media and creator landing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS marketing and analytics heroes "}]},{"type":"paragraph","content":[{"type":"text","text":"App Store and product demo sections Influencer and campaign case studies "}]},{"type":"paragraph","content":[{"type":"text","text":"Agency portfolios and pitch sites "}]},{"type":"paragraph","content":[{"type":"text","text":"E-commerce and launch waitlists"}]},{"type":"paragraph","content":[{"type":"text","text":"Paid ads and growth dashboards "}]},{"type":"paragraph","content":[{"type":"text","text":"Startup homepages and feature strips "}]},{"type":"paragraph","content":[{"type":"text","text":"Content studio and UGC showcases "}]},{"type":"paragraph","content":[{"type":"text","text":"Marketplace component previews"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"phone mockup 3d, iphone mockup framer, 3d device mockup, social media mockup, instagram phone frame, floating stat cards, 3d tilt mockup, product hero phone"}]}]},"introduction":"3D iPhone mockup with floating sta","slug":"phone-mockup-3d","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a09e3b-ef57-7038-b5e6-e771353ee37e.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-14T04:46:11.727Z","updatedAt":"2026-09-19T19:08:34.650Z","publishedAt":"2026-09-14T04:46:11.724Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://phonemockup3d.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/cd6d65dc-aa3c-4ad6-9df2-813683d5ccf8","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"yVis0TQpDCW4wOZldbeS","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-14T04:46:12.314Z","updatedAt":"2026-09-14T04:46:12.314Z"},{"id":"01a09c9b-8a01-72dc-b88c-d54379f65801","title":null,"body":"

Process Section 02

Process Section 02 is a process block: four numbered step cards above a wide film.

Live Preview: https://processsection02.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Process Section 02","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Process Section 02 is a process block: four numbered step cards above a wide film."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://processsection02.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://processsection02.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OkLXhe6kJ6l39lMbiYdO","resolved":true,"title":"Process Section 02","body":"$73","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Process Section 02"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Process Section 02 is a process block: four numbered step cards above a wide film. Each card carries a short method line. The panel holds a poster and an uploaded video. Play starts the file; tap again to pause. Offscreen and canvas/export stay still. Desk Dark is the default. Switch Original, Desk Light, or Custom, and preview them in demo mode. Built for studios, fitness brands, and product pages that need a clear sequence plus one proof clip."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Original theme keeps light cards and Inter"}]},{"type":"paragraph","content":[{"type":"text","text":"Desk Dark and Desk Light use Instrument Serif, Manrope, halo, and blue accent"}]},{"type":"paragraph","content":[{"type":"text","text":"Custom theme exposes background, card, text, muted, accent, and halo "}]},{"type":"paragraph","content":[{"type":"text","text":"Four editable step titles with progress dots and index"}]},{"type":"paragraph","content":[{"type":"text","text":"Poster image plus MP4 / WebM / MOV upload"}]},{"type":"paragraph","content":[{"type":"text","text":"Play overlay with title and duration, hides while playing"}]},{"type":"paragraph","content":[{"type":"text","text":"Video pauses offscreen and on the static renderer"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive grid: four columns desktop, two tablet, one under 640px"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Sport and fitness brand websites "}]},{"type":"paragraph","content":[{"type":"text","text":"Studio and coaching landing pages "}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS onboarding and how-it-works sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Product launch and feature explainers "}]},{"type":"paragraph","content":[{"type":"text","text":"Creative agency process pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Wellness and mobility program sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial brand films with a method stack "}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio case studies that open on process "}]},{"type":"paragraph","content":[{"type":"text","text":"Event and workshop recap pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Service pages that need steps plus a demo reel"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"process section framer, four step cards, video process block, poster and film panel, desk dark theme, instrument serif process, mobility training layout, fitness landing framer, how it works video, play overlay component, responsive process grid"}]}]},"introduction":"Four steps, then a process film","slug":"process-section-02","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a09c9a-5b47-72e8-9b30-a9428bf00747.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-13T21:10:33.626Z","updatedAt":"2026-09-19T19:08:46.070Z","publishedAt":"2026-09-13T21:10:33.623Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://processsection02.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/4dd32e14-ac67-4f50-9620-fa04026174d0","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"tKDOwOcDYDMkev9afBMf","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-09-13T21:10:34.241Z","updatedAt":"2026-09-13T21:10:34.241Z"},{"id":"01a09c70-ba83-710d-a571-f4a808ca6cb4","title":null,"body":"

Curved Images

Curved Images is a gallery with a featured media card and a curved thumbnail strip beneath it.

Live Preview: https://curvedimages.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Curved Images","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Curved Images is a gallery with a featured media card and a curved thumbnail strip beneath it."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://curvedimages.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://curvedimages.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2kxFhNi2YEv7G7iArchP","resolved":true,"title":"Curved Images","body":"$74","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MORE FRAMER COMPONENTS LIKE THIS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Browse +38 FREE + 85 premium components: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://frameze.com/components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://frameze.com/components","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"About Curved Images"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Curved Images is a gallery with a featured media card and a curved thumbnail strip beneath it. Drag, tap, or use arrows to move through images and video. The active item sits in the center; neighbors drop and fade along a shallow arc. Keep the original paper look or switch Desk Dark, Desk Light, and Custom to match ProfileHeroSection. Demo mode previews themes live. Built for portfolios, sport brands, and product pages that need a compact, tactile carousel."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Original theme keeps the warm paper field and system UI"}]},{"type":"paragraph","content":[{"type":"text","text":"Desk Dark and Desk Light use Instrument Serif, Manrope, halo, and blue accent"}]},{"type":"paragraph","content":[{"type":"text","text":"Custom theme exposes background, text, muted, accent, panel, and halo colors"}]},{"type":"paragraph","content":[{"type":"text","text":"Featured card with image or uploaded video, title, and description"}]},{"type":"paragraph","content":[{"type":"text","text":"Native Framer font pickers for title and description"}]},{"type":"paragraph","content":[{"type":"text","text":"Card padding control when copy sits under the media"}]},{"type":"paragraph","content":[{"type":"text","text":"Video plays only in the main card; thumbnails stay still"}]},{"type":"paragraph","content":[{"type":"text","text":"Image can be used as a video poster"}]},{"type":"paragraph","content":[{"type":"text","text":"Static renderer safe — motion and video pause on canvas and export"}]},{"type":"paragraph","content":[{"type":"text","text":"Works out of the box — add items and drop in media"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Photography and visual storytelling sites "}]},{"type":"paragraph","content":[{"type":"text","text":"Sport and fitness brand websites "}]},{"type":"paragraph","content":[{"type":"text","text":"Fashion and lifestyle lookbooks "}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio and personal branding pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Product showcase and feature sections "}]},{"type":"paragraph","content":[{"type":"text","text":"Travel and outdoor campaign pages "}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial and magazine-style layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"Event and conference recap galleries "}]},{"type":"paragraph","content":[{"type":"text","text":"Studio and agency case-study pages "}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS marketing pages that need motion stills"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"curved images framer, curved thumbnail strip, image carousel framer, video card gallery, swipe gallery, desk dark theme, instrument serif gallery, featured media card, poster video framer, portfolio carousel, sport lookbook component"}]}]},"introduction":"Curved image strip, swipe to brows","slug":"curved-images","author":{"framerUserId":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","name":"Ahmet Loca","slug":"ahmet-loca","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/01a09c70-48da-740d-86dc-0a829c79c705.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-13T20:23:48.005Z","updatedAt":"2026-09-19T19:08:56.764Z","publishedAt":"2026-09-13T20:23:48.001Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://curvedimages.framer.website/","price":"8","paymentUrl":"https://ahmetloca.lemonsqueezy.com/checkout/buy/8cb6e5f0-83b3-4615-bffe-fc1005490486","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"OZmSlOc4Juq1MvKoUYTd","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-13T20:23:48.611Z","updatedAt":"2026-09-13T20:23:48.611Z"}],"pagination":{"next":"MDFhMDljNzAtYmE4My03MTBkLWE1NzEtZjRhODA4Y2E2Y2I0","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L75"}]