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

Tab Sync Stat Panel – Service Tabs That Change the Image and Stats Together

Tab Sync Stat Panel shows four services as a stack of tabs next to a large image and two stat cards. Click a tab and it opens to show its description and a Learn More link, while the image and both stat cards switch to match that service. Every service gets its own picture and its own numbers in one compact block.

How it works

Four service tabs, with the first one open on load.
Click a tab to open it and close the others.
The image, the green stat card and the grey stat card change with the open tab.
Each tab has its own Learn More link.
Includes Tablet and Mobile variants.

Easy to customize

Edit each tab's title, description, link and image.
Edit each tab's stat, stat label, card title and card text, plus the small card graphics.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

53:T403,

Animated Card Cursor – A Word That Pulls a Stack of Images Along

Animated Card Cursor turns a single word into a playful hover moment. When a visitor hovers it, the word turns green and a stack of image cards appears under the cursor and follows it around. It is a small detail that makes a headline feel alive and shows off your work at the same time.

How it works

At rest it is a single underlined italic word.
On hover the word changes color and a hand cursor appears.
A stack of five image cards follows the cursor while it moves over the word.
The cards disappear again when the cursor leaves.

Easy to customize

Swap all five card images from the properties panel.
Use it inside a hero headline, a portfolio intro or a client list.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

54:T441,

Timed Intro Pill – A Founder Intro That Opens by Itself

Timed Intro Pill starts as a small round avatar bubble. A moment after the page loads it stretches open into a full pill with a greeting, a short line and a call-to-action button. It is a friendly, personal way to invite visitors to book a call or get in touch.

How it works

Loads as a compact avatar bubble with a play badge.
After a short delay it opens on its own into the full intro pill.
The open pill shows a headline, a small subline and a button with an arrow.
The button can link to any page or URL, such as a booking page.
Includes a Mobile variant.

Easy to customize

Edit the headline, the subline, the avatar photo and the button text and link.
Change the pill background, the button fill and the button text color.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

55:T41e,

Process Step Reveal – A Numbered Process That Opens One Step at a Time

Process Step Reveal lists the steps of how you work as a clean numbered stack. Click a step and it opens to show a large image and a short description, while the other steps fold down to just their number and title. It keeps a full process readable without a long scrolling section.

How it works

Four numbered steps, with the first one open on load.
Click any step to open it and close the others.
The open step shows an image, a highlighted title and a description, marked by an accent line on the left.
Includes a Mobile variant.

Easy to customize

Edit each step's number, title, description and image.
Use it for a design process, onboarding steps, a roadmap or a how-it-works section.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

56:T415,

Story Progress Card – A Social Story Card That Plays by Itself

Story Progress Card looks and feels like a social media story. Three images play one after another, a set of progress bars at the top fills as each one runs, and a stats row at the bottom shows likes, comments and shares for the current story. It brings motion and social proof to a hero, an about section or a portfolio.

How it works

Three stories autoplay one after another.
The progress bars at the top fill in sequence, just like a real story.
Each story has its own likes, comments and shares count.
A tall portrait card with a clean white frame.

Easy to customize

Swap all three images.
Edit the likes, comments and shares numbers for each story.
Change the card border.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

57:T460,

Hover Blur Icon Card – A Service Card That Blurs Its Image on Hover

Hover Blur Icon Card pairs a text panel with a tall image. When a visitor hovers the card, the text panel stretches to full height, the image softly blurs and a bright round icon button appears on top of it. It is a clean way to show services, case studies or offers with a clear call to look closer.

How it works

At rest the card shows a title, a short description, a small tag and the image.
On hover the image blurs and an eye icon button fades in over it.
The text panel grows to match the image height, with the tag moving to the bottom.
The whole card can link to any page or URL.
Includes Mobile and Tablet variants.

Easy to customize

Edit the title, description, tag and image.
Change the text colors, the icon button fill and the border.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

58:T436,

Orbit Quote Switcher – A Testimonial Section Wrapped in an Arc of Faces

Orbit Quote Switcher places your customer photos in an arc around a single centered quote. Click any avatar and it gets a highlight ring while the quote, name and role in the middle switch to that person. It turns a long list of testimonials into one calm, interactive section.

How it works

Thirteen avatars sit in an orbit around the quote.
Click an avatar to make it active and show its testimonial.
The active avatar gets a colored ring so visitors always know who is speaking.
Each testimonial has a quote, a five-star rating, a name and a role.
Includes Mobile and Tablet variants.

Easy to customize

Edit every photo, quote, name and role from the properties panel.
Change the active ring color.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

59:T402,

Polaroid Menu Reveal – A Numbered Menu That Brings Its Polaroid to the Front

Polaroid Menu Reveal pairs a numbered list with a loose stack of tilted, white-framed photos. Hovering an item highlights it, shows an arrow, and brings that item's polaroid to the top of the stack. It suits restaurant menus, featured dishes, collections or any short list that should feel tactile.

How it works

Hover a list item and it turns to the accent color with an arrow.
That item's photo moves to the front of the polaroid stack.
The other photos stay visible behind it at different angles.
Four items in the demo, each with its own photo.

Easy to customize

Edit every item's label and photo.
Change the accent color, text color and font.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

5a:T451,

Overview

Veridraft is an AI platform for entity management and governance, built for multi-entity legal, governance and company secretarial teams. It automates resolutions, registers and compliance across every entity a group operates, and is backed by Enterprise Ireland and the NVIDIA Inception Program.

Approach

Legal buyers expect calm and precision, so the site is set in a dark, editorial palette with a serif display face and generous spacing. Instead of abstract claims, each feature is shown with a real interface card (a workflow moving from draft to filing, an entity record updating itself, an obligation coming due), so the product explains itself as you scroll.

What we built

A responsive Framer site with a video in the hero, an audience ticker, interactive product cards for governance actions, a product-pillars section, an automation, monitoring and insights showcase, a six-feature grid, a security section covering GDPR, SOC2 and ISO27001 readiness, comparison pages against Diligent, Athennian and CSC, and a newsletter signup in the footer.

5b:T7f4,

Highlight Sync Tabs – Click-to-Highlight Tab List with Synced Image

Highlight Sync Tabs is a modern, interactive Framer component that transforms a static "who we are" or mission list into a bold, synced showcase. Instead of a plain list, each item shows an icon, title, and description at all times, and the moment a visitor clicks a tab, it fills with a solid background color to mark it active while the side image updates to match. The seamless color and image sync give your about, mission, or company section a premium, cohesive feel with almost no setup required.

Click-to-Highlight Interaction

Active tab fills with a solid background color on click.
Side image updates in sync with the active tab.
Inactive tabs stay plain, keeping the active selection clear.
Smooth color and image transitions feel seamless and intentional.
Fully responsive and optimized for modern GPU-accelerated performance.

Customizable Design Controls Highlight Sync Tabs includes full Framer property controls so you can instantly match it to your brand or layout.

Customize

Titles (01–03) – Edit the heading for each tab.
Text (01–03) – Edit the description for each tab.
Images (01–03) – Assign a unique image to each tab, shown in the synced panel.
Active Card Color – Set the background color for the active tab.

How It Works Highlight Sync Tabs tracks click events across each tab. When a visitor clicks a tab, the component smoothly fills it with the active background color while the side image crossfades to the corresponding visual. The other tabs stay in their default plain state, keeping the active selection clear and making the experience feel seamless and intentional.

5c:T764,

Stacked Sync Cards – Scrollable Card List with Click-to-Sync Image

Stacked Sync Cards is a modern, interactive Framer component that pairs a scrollable stack of content cards with a large synced image panel. Instead of showing every service or topic with its own static image, it displays a clean stack of titled cards that scroll vertically, and updates the side image the moment a visitor clicks a different card. The seamless image sync gives your consultancy, agency, or corporate site a premium, editorial feel with almost no setup required.

Click-to-Sync Interaction

Cards stack and scroll vertically within the section.
Side image updates in sync with the clicked card.
Smooth crossfade transitions feel natural and intentional.
Fully responsive and optimized for modern GPU-accelerated performance.

Customizable Design Controls Stacked Sync Cards includes full Framer property controls so you can instantly match it to your brand or layout.

Customize

Cards – Add, remove, or reorder as many cards as needed.
Title – Edit the heading per card.
Text – Edit the body description per card.
Image – Assign a unique image to each card, shown in the synced panel.

How It Works Stacked Sync Cards tracks click events across the scrolling card stack. When a visitor clicks a card, the component crossfades the side image to match, while the card stack continues to scroll smoothly through the remaining titles and descriptions. This keeps the visual focus tied to whichever card the visitor is engaging with, making the experience feel fluid and cohesive.

5d:T83c,

Tab List Image Sync – Click-to-Sync Tabs with Image and Overlay Text

Tab List Image Sync is a modern, interactive Framer component that pairs a minimal text tab list with a large synced image panel. Instead of showing every service with its own layout, it displays a clean list of tab labels by default, with an underline marking the active tab, and updates the image and overlay text card the moment a visitor clicks a different tab. The seamless sync gives your consultancy, agency, or corporate site a premium, editorial feel with almost no setup required.

Click-to-Sync Interaction

Underline marks the active tab in the list.
Image and overlay text card update in sync with the clicked tab.
Icon on the overlay card stays visible across every state.
Smooth crossfade transitions feel natural and intentional.
Fully responsive and optimized for modern GPU-accelerated performance.

Customizable Design Controls Tab List Image Sync includes full Framer property controls so you can instantly match it to your brand or layout.

Customize

List 01–04 – Edit the tab label text.
Line – Set the underline style for the active tab.
Icon – Assign the icon shown on the overlay card.
Card BG – Set the background color of the overlay text card.
Text 01–04 – Edit the overlay description per tab.
Image 01–04 – Assign a unique image to each tab.

How It Works Tab List Image Sync tracks click events across the tab list. When a visitor clicks a tab, the component underlines it and crossfades the image while updating the overlay text card to match. The other tabs stay in their default plain state, keeping the active selection clear and making the experience feel seamless and intentional.

5e:T7e5,

Testimonial Arrow – Full Testimonial Slider with Arrow Navigation

Testimonial Arrow is a modern, interactive Framer component that transforms a single client quote into a bold, portrait-led showcase. Instead of showing a static quote, it displays a full testimonial by default, and swaps every element the moment a visitor clicks an arrow. The quote, name, designation, company logo, and portrait photo all change together, giving your agency, consultancy, or portfolio site a premium, cohesive feel with almost no setup required.

Arrow-Navigated Interaction

Next and previous arrows switch to the next or previous testimonial.
Quote, name, designation, logo, and photo update together on click.
Smooth transitions feel natural and intentional between slides.
Fully responsive and optimized for modern GPU-accelerated performance.

Customizable Design Controls Testimonial Arrow includes full Framer property controls so you can instantly match it to your brand or layout.

Customize

Slides – Add, remove, or reorder as many testimonials as needed.
Text – Edit the quote per slide.
Name & Designation – Edit the reviewer's name and title per slide.
Logo – Assign a unique company logo to each slide.
Image – Assign a unique portrait photo to each slide.

How It Works Testimonial Arrow tracks click events on the arrow buttons. When a visitor clicks the next or previous arrow, the component swaps the quote, name, designation, logo, and photo together, moving to the next or previous testimonial in sequence. The smooth transition keeps the layout consistent while every piece of content updates, making the experience feel fluid and cohesive.

5f:T753,

Project Grid – Mixed Portfolio Grid with Hover Zoom

Project Grid is a modern, static-layout Framer component that showcases five projects in a clean, mixed-size grid. Each card displays a project image, title, optional tags, and year, and on hover the image gently zooms in for a subtle, engaging effect. The mixed grid layout and simple hover motion give your portfolio, agency, or case study section a premium, editorial feel with almost no setup required.

Hover Zoom Interaction

Image zooms in smoothly on hover for each card.
Layout returns to its default scale when the cursor leaves.
Fully responsive and optimized for modern GPU-accelerated performance.

Customizable Design Controls Project Grid includes full Framer property controls so you can instantly match it to your brand or layout.

Customize

Image 01–05 – Assign a unique image to each card.
Title 01–05 – Edit the project name per card.
Tag 01–05 – Edit the tag label per card.
Tag Visibility – Toggle each card's tag on or off.
Year 01–05 – Edit the year shown per card.
Border 01–05 – Set the border style for each card.

How It Works Project Grid displays five project cards in a fixed mixed-size grid. When a visitor hovers over any card, the component smoothly zooms in on that card's image, adding subtle motion without changing the layout. Each card's title, tag, and year can be shown or hidden independently, making the grid flexible enough to fit a range of portfolio and project styles.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-492da4c7-1f68-44bb-a835-d654f4ede7b8-all:/unified/creator/492da4c7-1f68-44bb-a835-d654f4ede7b8/activity/":[{"data":[{"id":"01a10bb8-652c-76e7-93e0-f22e4177c6cf","type":"component.created","target":{"type":"component","id":"OWiQCd0fByrbux7iXgpQ","preview":"Tab Sync Stat Panel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10bb8-2ac2-73ee-829b-9caeff8f093e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-05T10:59:56.332Z","latestAt":"2026-10-05T10:59:56.332Z"},{"id":"01a10bb0-03a1-728c-a0c1-a6dc7fbb775d","type":"component.created","target":{"type":"component","id":"GljVEtokZZRK6a0v39FM","preview":"Animated Card Cursor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10baf-d958-72a5-bad7-e7d299d698b2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-05T10:50:47.073Z","latestAt":"2026-10-05T10:50:47.073Z"},{"id":"01a10bae-a955-700a-8ecd-7d0334790edb","type":"component.created","target":{"type":"component","id":"Jtp2ZhF911cDpcrgr2dP","preview":"Dual Article Slider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10bae-7f73-732a-a0de-c2ffa8813645.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-05T10:49:18.421Z","latestAt":"2026-10-05T10:49:18.421Z"},{"id":"01a10bac-b2d2-749c-9c7d-c14776b4c9de","type":"component.created","target":{"type":"component","id":"wJqshaYgZx7AzBJA12Me","preview":"Timed Intro Pill","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10bac-7056-70c0-96e1-cb855dc29e15.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-05T10:47:09.778Z","latestAt":"2026-10-05T10:47:09.778Z"},{"id":"01a10830-72cc-74bd-b76c-b5d0ef5e611a","type":"component.created","target":{"type":"component","id":"D3daeH5fojgB78oFELMm","preview":"Expanding Hover List","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10830-2ced-72a8-bc06-780cb8d02f3a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T18:32:35.276Z","latestAt":"2026-10-04T18:32:35.276Z"},{"id":"01a1082e-7d91-71da-a7bd-41be9585aa13","type":"component.created","target":{"type":"component","id":"Qgnx3CRRxZKw5Wc0jwn6","preview":"Process Step Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1082e-29fe-71bf-9994-85bbf74cce9c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T18:30:26.961Z","latestAt":"2026-10-04T18:30:26.961Z"},{"id":"01a1082c-f8a5-77ce-a434-b9ddf946025b","type":"component.created","target":{"type":"component","id":"Mn5XjpTWks2k7GeRMmMg","preview":"Story Progress Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1082c-a947-7228-9d96-ef81698f7f06.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T18:28:47.397Z","latestAt":"2026-10-04T18:28:47.397Z"},{"id":"01a1082b-58b3-777a-a246-82578f268e7a","type":"component.created","target":{"type":"component","id":"oZiFqLIEah21Pfsvr1MZ","preview":"Hover Blur Icon Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1082b-0f24-7164-b3e6-f060bdf63b5d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T18:27:00.915Z","latestAt":"2026-10-04T18:27:00.915Z"},{"id":"01a10829-729f-77cd-ba76-717777c7beb1","type":"component.created","target":{"type":"component","id":"cTIzMYqHi9rFG22u38rz","preview":"Orbit Quote Switcher","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10829-2f2c-7531-a2ee-95f90fb22a2a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T18:24:56.479Z","latestAt":"2026-10-04T18:24:56.479Z"},{"id":"01a10131-65c8-7321-938f-386deae0bbf7","type":"component.created","target":{"type":"component","id":"n7BGepIyZ48gsCwdzbad","preview":"Quote Stepper Panel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10131-337d-719c-97ee-2a101eabbcf3.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T09:56:16.968Z","latestAt":"2026-10-03T09:56:16.968Z"},{"id":"01a10130-5f91-768c-ba7e-3e93fbeceebc","type":"component.created","target":{"type":"component","id":"VNiF4yHdyDn3ASjPJrEB","preview":"Synced Quote Panel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10130-29b7-7220-909f-e8f52468cb12.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T09:55:09.841Z","latestAt":"2026-10-03T09:55:09.841Z"},{"id":"01a1012f-3949-759a-a255-3a9d4ed69c67","type":"component.created","target":{"type":"component","id":"pxaIaBPxjVc3RhzWEFKv","preview":"Polaroid Menu Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1012f-0cd7-7746-9d32-ac7a816d3353.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T09:53:54.505Z","latestAt":"2026-10-03T09:53:54.505Z"},{"id":"01a1012e-0890-767d-a475-f0c88783bfd7","type":"component.created","target":{"type":"component","id":"gQSbpkpKt64xCI7YFzWV","preview":"Color Fill Tab Sync","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1012d-d96b-757e-a562-0954607d55bf.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T09:52:36.496Z","latestAt":"2026-10-03T09:52:36.496Z"},{"id":"01a1012c-55ca-729d-aeae-21ecb49248b8","type":"component.created","target":{"type":"component","id":"Oo8XZxqMGMv7yKwgeMvc","preview":"Hover List Dual Sync","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1012b-faa5-732f-aad1-4bfb3e9c4c91.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T09:50:45.194Z","latestAt":"2026-10-03T09:50:45.194Z"},{"id":"01a0fe32-fe12-72f5-8a0e-123df365fb4d","type":"site.created","target":{"type":"site","id":"17856","preview":"Veridraft","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fe28-c12b-714b-8d5c-3dd2a2c78e76.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-02T19:59:09.842Z","latestAt":"2026-10-02T19:59:09.842Z"},{"id":"01a0fb55-0782-710b-bf41-cd10448172aa","type":"component.created","target":{"type":"component","id":"IGsaSzeNNAp82TEcBHpR","preview":"Highlight Sync Tabs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fb5e-2f6e-7129-8caa-ef5ef6f8c020.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-02T06:37:28.834Z","latestAt":"2026-10-02T06:37:28.834Z"},{"id":"01a0fb53-32c1-75c6-a93d-7afc34d60807","type":"component.created","target":{"type":"component","id":"9c82mv6b9XDyeBmO7ytN","preview":"Stacked Sync Cards","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fb5d-5456-7487-891e-ea50759a8213.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-02T06:35:28.833Z","latestAt":"2026-10-02T06:35:28.833Z"},{"id":"01a0fb51-4008-73a8-8108-2c27f1a0a29d","type":"component.created","target":{"type":"component","id":"ZZI03ggNc17KmjWFp2oB","preview":"Tab List Image Sync","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fb5c-73cd-7649-8d80-b01de636bb39.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-02T06:33:21.160Z","latestAt":"2026-10-02T06:33:21.160Z"},{"id":"01a0fb4d-11b0-7268-801f-a4b22d4d2bd9","type":"component.created","target":{"type":"component","id":"iiQGuztiTUK8PSjlDxWq","preview":"Testimonial Arrow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fb5b-88c4-74a3-a24c-92ded13422c0.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-02T06:28:47.152Z","latestAt":"2026-10-02T06:28:47.152Z"},{"id":"01a0fb49-9945-7627-b74c-680eeee2df12","type":"component.created","target":{"type":"component","id":"6XfM9B1GuExq1wsgKfp1","preview":"Project Grid","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fb5a-93d5-7583-80fb-7a12c6853b9a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","slug":"pentaclay","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-02T06:24:59.717Z","latestAt":"2026-10-02T06:24:59.717Z"}],"pagination":{"next":"MjAyNi0xMC0wMlQwNjoyNDo1OS43MTdafDAxYTBmYjQ5LTk5NDUtNzYyNy1iNzRjLTY4MGVlZWUyZGYxMg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:492da4c7-1f68-44bb-a835-d654f4ede7b8:/unified/posts/?creator=492da4c7-1f68-44bb-a835-d654f4ede7b8&with=reposts":[{"data":[{"id":"01a10bb8-6259-72c6-91aa-9b10af9a375b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"OWiQCd0fByrbux7iXgpQ","resolved":true,"title":"Tab Sync Stat Panel","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tab Sync Stat Panel – Service Tabs That Change the Image and Stats Together","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tab Sync Stat Panel shows four services as a stack of tabs next to a large image and two stat cards. Click a tab and it opens to show its description and a Learn More link, while the image and both stat cards switch to match that service. Every service gets its own picture and its own numbers in one compact block."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four service tabs, with the first one open on load."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click a tab to open it and close the others."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The image, the green stat card and the grey stat card change with the open tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Each tab has its own Learn More link."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Includes Tablet and Mobile variants."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit each tab's title, description, link and image."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit each tab's stat, stat label, card title and card text, plus the small card graphics."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Service Tabs with Synced Stats","slug":"tab-sync-stat-panel","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10bb8-2ac2-73ee-829b-9caeff8f093e.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T10:59:54.914Z","updatedAt":"2026-10-05T10:59:54.914Z","publishedAt":"2026-10-05T10:59:54.910Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Tab-Sync-Stat-Panel-9fFrHY.js@nIkOmLP8g0Mw673LW1s0","previewUrl":"https://tabsyncstatpanel.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"nIkOmLP8g0Mw673LW1s0","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-10-05T10:59:55.609Z","updatedAt":"2026-10-05T10:59:55.609Z"},{"id":"01a10bb0-0139-7462-9eb1-0691c8ee3123","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"GljVEtokZZRK6a0v39FM","resolved":true,"title":"Animated Card Cursor","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated Card Cursor – A Word That Pulls a Stack of Images Along","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Animated Card Cursor turns a single word into a playful hover moment. When a visitor hovers it, the word turns green and a stack of image cards appears under the cursor and follows it around. It is a small detail that makes a headline feel alive and shows off your work at the same time."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"At rest it is a single underlined italic word."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On hover the word changes color and a hand cursor appears."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A stack of five image cards follows the cursor while it moves over the word."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The cards disappear again when the cursor leaves."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Swap all five card images from the properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use it inside a hero headline, a portfolio intro or a client list."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Hover Word Reveals Image Cards","slug":"animated-card-cursor","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10baf-d958-72a5-bad7-e7d299d698b2.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T10:50:45.813Z","updatedAt":"2026-10-05T10:50:45.813Z","publishedAt":"2026-10-05T10:50:45.806Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://animatedcardcursor.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/animated-card-cursor","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"hhoc7NNoz2jIhlsWEwSB","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-10-05T10:50:46.459Z","updatedAt":"2026-10-05T10:50:46.459Z"},{"id":"01a10bae-a6d9-742c-b66c-d69da9723f64","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Jtp2ZhF911cDpcrgr2dP","resolved":true,"title":"Dual Article Slider","body":"

Dual Article Slider – Show Two Articles at a Time with Arrow Controls

Dual Article Slider presents your blog posts in pairs. Each article has a title, a date and a thumbnail, and two round arrow buttons on the sides swap to the next pair. It fits related posts, a news strip or a latest-articles row without taking up a full section.

How it works

Two articles are visible side by side, separated by a thin divider.
Click the arrows to move between the two pairs of articles.
Each article shows a title, a date with a calendar icon and an image.
Includes Tablet and Mobile variants.

Easy to customize

Edit the title, date and image of all four articles.
Change the arrow button color.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual Article Slider – Show Two Articles at a Time with Arrow Controls","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Dual Article Slider presents your blog posts in pairs. Each article has a title, a date and a thumbnail, and two round arrow buttons on the sides swap to the next pair. It fits related posts, a news strip or a latest-articles row without taking up a full section."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two articles are visible side by side, separated by a thin divider."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click the arrows to move between the two pairs of articles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Each article shows a title, a date with a calendar icon and an image."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Includes Tablet and Mobile variants."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit the title, date and image of all four articles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the arrow button color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Two-Up Blog Slider with Arrows","slug":"dual-article-slider","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10bae-7f73-732a-a0de-c2ffa8813645.png","metadata":{"tint":{"h":120,"s":53,"l":43},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T10:49:17.147Z","updatedAt":"2026-10-05T10:49:17.147Z","publishedAt":"2026-10-05T10:49:17.140Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dualarticleslider.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/dual-article-slider","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"mqYkasAZylBpuH8QkgVC","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-10-05T10:49:17.787Z","updatedAt":"2026-10-05T10:49:17.787Z"},{"id":"01a10bac-b07f-744d-bba1-f762995b6478","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"wJqshaYgZx7AzBJA12Me","resolved":true,"title":"Timed Intro Pill","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Timed Intro Pill – A Founder Intro That Opens by Itself","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Timed Intro Pill starts as a small round avatar bubble. A moment after the page loads it stretches open into a full pill with a greeting, a short line and a call-to-action button. It is a friendly, personal way to invite visitors to book a call or get in touch."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loads as a compact avatar bubble with a play badge."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"After a short delay it opens on its own into the full intro pill."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The open pill shows a headline, a small subline and a button with an arrow."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The button can link to any page or URL, such as a booking page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Includes a Mobile variant."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit the headline, the subline, the avatar photo and the button text and link."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the pill background, the button fill and the button text color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Avatar Bubble That Opens to a CTA","slug":"timed-intro-pill","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10bac-7056-70c0-96e1-cb855dc29e15.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T10:47:08.579Z","updatedAt":"2026-10-05T10:47:08.579Z","publishedAt":"2026-10-05T10:47:08.577Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://timedintropill.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/timed-intro-pill","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"ax4OFafDzMFpoOgMmpd8","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-10-05T10:47:09.183Z","updatedAt":"2026-10-05T10:47:09.183Z"},{"id":"01a10830-707e-7280-b02b-afa1dc5a45f5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"D3daeH5fojgB78oFELMm","resolved":true,"title":"Expanding Hover List","body":"

Expanding Hover List – A Service List That Comes Alive on Hover

Expanding Hover List is a numbered list of services. When a visitor hovers a row, it fills with a deep color, its image appears and a short description and arrow button show up beside the title. At rest it stays minimal, so the page never feels crowded.

How it works

Five numbered rows, each with a title.
Hover a row and it fills with color, revealing its image, description and arrow button.
Every row can link to its own page or URL.
Includes a Mobile variant.

Easy to customize

Edit each row's number, title, description, image and link.
Use it for services, departments, case studies or features.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Expanding Hover List – A Service List That Comes Alive on Hover","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Expanding Hover List is a numbered list of services. When a visitor hovers a row, it fills with a deep color, its image appears and a short description and arrow button show up beside the title. At rest it stays minimal, so the page never feels crowded."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five numbered rows, each with a title."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover a row and it fills with color, revealing its image, description and arrow button."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every row can link to its own page or URL."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Includes a Mobile variant."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit each row's number, title, description, image and link."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use it for services, departments, case studies or features."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Service List That Expands on Hover","slug":"expanding-hover-list","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10830-2ced-72a8-bc06-780cb8d02f3a.png","metadata":{"tint":{"h":240,"s":40,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T18:32:34.081Z","updatedAt":"2026-10-04T18:32:34.081Z","publishedAt":"2026-10-04T18:32:34.078Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://expandinghoverlist.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/expanding-hover-list","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"87J41HHl7iJ975yY2Ndc","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-10-04T18:32:34.686Z","updatedAt":"2026-10-04T18:32:34.686Z"},{"id":"01a1082e-7b51-7726-ad80-229dd679db03","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Qgnx3CRRxZKw5Wc0jwn6","resolved":true,"title":"Process Step Reveal","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Process Step Reveal – A Numbered Process That Opens One Step at a Time","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Process Step Reveal lists the steps of how you work as a clean numbered stack. Click a step and it opens to show a large image and a short description, while the other steps fold down to just their number and title. It keeps a full process readable without a long scrolling section."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four numbered steps, with the first one open on load."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click any step to open it and close the others."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The open step shows an image, a highlighted title and a description, marked by an accent line on the left."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Includes a Mobile variant."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit each step's number, title, description and image."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use it for a design process, onboarding steps, a roadmap or a how-it-works section."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Click-to-Open Process Steps","slug":"process-step-reveal","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1082e-29fe-71bf-9994-85bbf74cce9c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T18:30:25.790Z","updatedAt":"2026-10-04T18:30:25.790Z","publishedAt":"2026-10-04T18:30:25.788Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://processstepreveal.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/process-step-reveal","workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"nOHRk2lU6rWQKvpI66xW","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-10-04T18:30:26.385Z","updatedAt":"2026-10-04T18:30:26.385Z"},{"id":"01a1082c-f635-77da-af0e-d6db8a9f5829","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Mn5XjpTWks2k7GeRMmMg","resolved":true,"title":"Story Progress Card","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Story Progress Card – A Social Story Card That Plays by Itself","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Story Progress Card looks and feels like a social media story. Three images play one after another, a set of progress bars at the top fills as each one runs, and a stats row at the bottom shows likes, comments and shares for the current story. It brings motion and social proof to a hero, an about section or a portfolio."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three stories autoplay one after another."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The progress bars at the top fill in sequence, just like a real story."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Each story has its own likes, comments and shares count."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A tall portrait card with a clean white frame."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Swap all three images."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit the likes, comments and shares numbers for each story."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the card border."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Autoplay Story Card with Stats","slug":"story-progress-card","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1082c-a947-7228-9d96-ef81698f7f06.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T18:28:46.139Z","updatedAt":"2026-10-05T10:58:53.874Z","publishedAt":"2026-10-04T18:28:46.135Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Hero-About-Card-DLPesj.js@2egpqjjPkS68rMGcYyxJ","previewUrl":"https://storyprogresscard.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"2egpqjjPkS68rMGcYyxJ","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-10-04T18:28:46.774Z","updatedAt":"2026-10-04T18:28:46.774Z"},{"id":"01a1082b-566f-70aa-800a-1a09a3ed2014","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"oZiFqLIEah21Pfsvr1MZ","resolved":true,"title":"Hover Blur Icon Card","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Blur Icon Card – A Service Card That Blurs Its Image on Hover","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hover Blur Icon Card pairs a text panel with a tall image. When a visitor hovers the card, the text panel stretches to full height, the image softly blurs and a bright round icon button appears on top of it. It is a clean way to show services, case studies or offers with a clear call to look closer."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"At rest the card shows a title, a short description, a small tag and the image."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On hover the image blurs and an eye icon button fades in over it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The text panel grows to match the image height, with the tag moving to the bottom."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The whole card can link to any page or URL."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Includes Mobile and Tablet variants."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit the title, description, tag and image."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the text colors, the icon button fill and the border."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Service Card with Blur-on-Hover","slug":"hover-blur-icon-card","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1082b-0f24-7164-b3e6-f060bdf63b5d.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T18:26:59.701Z","updatedAt":"2026-10-04T18:26:59.701Z","publishedAt":"2026-10-04T18:26:59.698Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://hoverbluriconcard.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/hover-blur-icon-card","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"J88DWS1MTpP7XoAQcDQZ","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-10-04T18:27:00.335Z","updatedAt":"2026-10-04T18:27:00.335Z"},{"id":"01a10829-705b-714e-a9b5-ac9a2f5a0cad","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"cTIzMYqHi9rFG22u38rz","resolved":true,"title":"Orbit Quote Switcher","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Orbit Quote Switcher – A Testimonial Section Wrapped in an Arc of Faces","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Orbit Quote Switcher places your customer photos in an arc around a single centered quote. Click any avatar and it gets a highlight ring while the quote, name and role in the middle switch to that person. It turns a long list of testimonials into one calm, interactive section."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Thirteen avatars sit in an orbit around the quote."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click an avatar to make it active and show its testimonial."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The active avatar gets a colored ring so visitors always know who is speaking."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Each testimonial has a quote, a five-star rating, a name and a role."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Includes Mobile and Tablet variants."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit every photo, quote, name and role from the properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the active ring color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Click-to-Switch Testimonial Orbit","slug":"orbit-quote-switcher","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10829-2f2c-7531-a2ee-95f90fb22a2a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T18:24:55.263Z","updatedAt":"2026-10-04T18:24:55.263Z","publishedAt":"2026-10-04T18:24:55.260Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://orbitquoteswitcher.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/orbit-quote-switcher","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"Mcm4VNQnyf3opMqJqBI6","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-10-04T18:24:55.899Z","updatedAt":"2026-10-04T18:24:55.899Z"},{"id":"01a10131-6371-71af-9ecb-0c0ff734d2e6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"n7BGepIyZ48gsCwdzbad","resolved":true,"title":"Quote Stepper Panel","body":"

Quote Stepper Panel – A Centered Quote You Step Through With Avatars

Quote Stepper Panel is a centered testimonial card with a star row, a large quote, the person's name and role, and a row of avatars underneath. Clicking an avatar lifts it, brings it to full color, and swaps the quote, name and role to that person.

How it works

Click an avatar to show that person's quote.
The active avatar lifts slightly and shows in full color.
The quote, name and role update together.
Four testimonials in the demo.

Easy to customize

Edit each avatar, quote, name and role.
Change the card color, star color, text colors and fonts.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Quote Stepper Panel – A Centered Quote You Step Through With Avatars","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Quote Stepper Panel is a centered testimonial card with a star row, a large quote, the person's name and role, and a row of avatars underneath. Clicking an avatar lifts it, brings it to full color, and swaps the quote, name and role to that person."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click an avatar to show that person's quote."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The active avatar lifts slightly and shows in full color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The quote, name and role update together."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four testimonials in the demo."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit each avatar, quote, name and role."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the card color, star color, text colors and fonts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Avatar-Stepped Testimonial Quotes","slug":"quote-stepper-panel","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10131-337d-719c-97ee-2a101eabbcf3.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T09:56:15.757Z","updatedAt":"2026-10-05T10:59:11.455Z","publishedAt":"2026-10-03T09:56:15.754Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Quote-Stepper-Panel-YGQYlz.js@z7GVk1pA60MbWUmK3c4d","previewUrl":"https://quotestepper.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"z7GVk1pA60MbWUmK3c4d","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T09:56:16.369Z","updatedAt":"2026-10-03T09:56:16.369Z"},{"id":"01a10130-5cd6-7199-aa1a-fd0ab1ae1e1e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"VNiF4yHdyDn3ASjPJrEB","resolved":true,"title":"Synced Quote Panel","body":"

Synced Quote Panel – A Testimonial Panel Where Every Detail Switches Together

Synced Quote Panel shows one testimonial at a time with a large portrait, the quote, the person's name and role, and a row of small thumbnails. Clicking a thumbnail swaps the portrait, quote, name and role together, so the section always reads as one complete story.

How it works

Click a thumbnail to show that person's testimonial.
The large portrait, quote, name and role all change together.
The active thumbnail is shown in full color and the others are faded.
Four testimonials in the demo.

Easy to customize

Edit each portrait, quote, name and role.
Change the card color, accent star, text colors and fonts.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Synced Quote Panel – A Testimonial Panel Where Every Detail Switches Together","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Synced Quote Panel shows one testimonial at a time with a large portrait, the quote, the person's name and role, and a row of small thumbnails. Clicking a thumbnail swaps the portrait, quote, name and role together, so the section always reads as one complete story."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click a thumbnail to show that person's testimonial."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The large portrait, quote, name and role all change together."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The active thumbnail is shown in full color and the others are faded."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four testimonials in the demo."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit each portrait, quote, name and role."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the card color, accent star, text colors and fonts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Click-Synced Testimonial Panel","slug":"synced-quote-panel","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a10130-29b7-7220-909f-e8f52468cb12.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T09:55:08.518Z","updatedAt":"2026-10-03T09:55:08.518Z","publishedAt":"2026-10-03T09:55:08.514Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://syncedquotepanel.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/synced-quote-panel","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"eI3jznb8ZTEDKfQta3iv","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T09:55:09.143Z","updatedAt":"2026-10-03T09:55:09.143Z"},{"id":"01a1012f-3703-7746-92c1-aa49c932f20e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"pxaIaBPxjVc3RhzWEFKv","resolved":true,"title":"Polaroid Menu Reveal","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Polaroid Menu Reveal – A Numbered Menu That Brings Its Polaroid to the Front","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Polaroid Menu Reveal pairs a numbered list with a loose stack of tilted, white-framed photos. Hovering an item highlights it, shows an arrow, and brings that item's polaroid to the top of the stack. It suits restaurant menus, featured dishes, collections or any short list that should feel tactile."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover a list item and it turns to the accent color with an arrow."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"That item's photo moves to the front of the polaroid stack."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The other photos stay visible behind it at different angles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four items in the demo, each with its own photo."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit every item's label and photo."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the accent color, text color and font."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Hover Menu with a Polaroid Stack","slug":"polaroid-menu-reveal","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1012f-0cd7-7746-9d32-ac7a816d3353.png","metadata":{"tint":{"h":60,"s":70,"l":35},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T09:53:53.353Z","updatedAt":"2026-10-03T09:53:53.353Z","publishedAt":"2026-10-03T09:53:53.350Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://polaroidmenureveal.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/polaroid-menu-reveal","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"LV0MY3iW0K9wQycG2uP0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T09:53:53.923Z","updatedAt":"2026-10-03T09:53:53.923Z"},{"id":"01a1012e-062a-72b8-a439-39fd4108e776","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"gQSbpkpKt64xCI7YFzWV","resolved":true,"title":"Color Fill Tab Sync","body":"

Color Fill Tab Sync – Tabs That Fill With Color and Swap Both Images

Color Fill Tab Sync is a three-step tab component with a bold heading and short description on each tab, framed by two images. Clicking a tab fills it with a solid accent color, and both images change to match that step. It is a clear way to present a process, a set of services or the stages of how you work.

How it works

Click a tab and its card fills with the accent color.
The heading and description switch to white on the filled card.
The left and right images change to the images for that tab.
The first tab is active on load.

Easy to customize

Edit each tab's heading, description and both images.
Change the fill color, text colors and fonts.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Color Fill Tab Sync – Tabs That Fill With Color and Swap Both Images","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Color Fill Tab Sync is a three-step tab component with a bold heading and short description on each tab, framed by two images. Clicking a tab fills it with a solid accent color, and both images change to match that step. It is a clear way to present a process, a set of services or the stages of how you work."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click a tab and its card fills with the accent color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The heading and description switch to white on the filled card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The left and right images change to the images for that tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The first tab is active on load."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit each tab's heading, description and both images."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the fill color, text colors and fonts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Click-to-Fill Tabs with Image Sync","slug":"color-fill-tab-sync","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1012d-d96b-757e-a562-0954607d55bf.png","metadata":{"tint":{"h":60,"s":70,"l":35},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T09:52:35.237Z","updatedAt":"2026-10-03T09:52:35.237Z","publishedAt":"2026-10-03T09:52:35.233Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://colorfilltabsync.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/color-fill-tab-sync","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"4GzwXuesKxCfkZGHlHSw","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T09:52:35.882Z","updatedAt":"2026-10-03T09:52:35.882Z"},{"id":"01a1012c-539d-775b-8945-ad859c14d679","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Oo8XZxqMGMv7yKwgeMvc","resolved":true,"title":"Hover List Dual Sync","body":"

Hover List Dual Sync – A Hover List That Swaps Two Images at Once

Hover List Dual Sync is a list component with an image on each side. When a visitor hovers an item, the item turns to the accent color and both images change to that item's pair. It works well for services, event types, menus or any list where every entry deserves its own visuals.

How it works

Hover an item and it switches to the accent color.
The left and right images swap to that item's own pair at the same time.
The first item is active on load, so the layout never looks empty.
Six items in the demo, each with a small icon and two images.

Easy to customize

Edit every label and both images per item.
Change the accent color, text color and font.
Drop it into any Framer page and edit it from the properties panel or with your AI agent.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover List Dual Sync – A Hover List That Swaps Two Images at Once","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hover List Dual Sync is a list component with an image on each side. When a visitor hovers an item, the item turns to the accent color and both images change to that item's pair. It works well for services, event types, menus or any list where every entry deserves its own visuals."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover an item and it switches to the accent color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The left and right images swap to that item's own pair at the same time."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The first item is active on load, so the layout never looks empty."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six items in the demo, each with a small icon and two images."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit every label and both images per item."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the accent color, text color and font."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into any Framer page and edit it from the properties panel or with your AI agent."}]}]}]}]},"introduction":"Hover List with Two Synced Images","slug":"hover-list-dual-sync","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a1012b-faa5-732f-aad1-4bfb3e9c4c91.png","metadata":{"tint":{"h":60,"s":70,"l":35},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T09:50:44.012Z","updatedAt":"2026-10-05T10:59:24.069Z","publishedAt":"2026-10-03T09:50:44.010Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Hover-List-Dual-Sync-Main-x2bga5.js@RI0NfJDy4qLmuUA8FSmw","previewUrl":"https://hoverlistdualsync.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"RI0NfJDy4qLmuUA8FSmw","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T09:50:44.637Z","updatedAt":"2026-10-03T09:50:44.637Z"},{"id":"01a0fe32-fbb1-77e2-83ef-ec99946955f1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"17856","resolved":true,"title":"Veridraft","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Overview"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Veridraft is an AI platform for entity management and governance, built for multi-entity legal, governance and company secretarial teams. It automates resolutions, registers and compliance across every entity a group operates, and is backed by Enterprise Ireland and the NVIDIA Inception Program."}]},{"type":"customHeading","content":[{"type":"text","text":"Approach"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Legal buyers expect calm and precision, so the site is set in a dark, editorial palette with a serif display face and generous spacing. Instead of abstract claims, each feature is shown with a real interface card (a workflow moving from draft to filing, an entity record updating itself, an obligation coming due), so the product explains itself as you scroll."}]},{"type":"customHeading","content":[{"type":"text","text":"What we built"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A responsive Framer site with a video in the hero, an audience ticker, interactive product cards for governance actions, a product-pillars section, an automation, monitoring and insights showcase, a six-feature grid, a security section covering GDPR, SOC2 and ISO27001 readiness, comparison pages against Diligent, Athennian and CSC, and a newsletter signup in the footer."}]}]},"introduction":"","slug":"veridraft","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fe28-c12b-714b-8d5c-3dd2a2c78e76.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fe28-f16c-775b-94b7-80e275b94e88.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fe28-fdc8-72d8-aa7f-1501c6a4deac.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fe29-08e3-7689-acea-1c49bb1a16eb.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T19:59:08.600Z","updatedAt":"2026-10-02T19:59:08.600Z","publishedAt":"2026-10-02T19:59:08.596Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.veridraft.com/","categories":[{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"},{"id":"0539c25a-136d-4f8b-a2e7-342a21b7d607","name":"AI","slug":"ai"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T19:59:09.233Z","updatedAt":"2026-10-02T19:59:09.233Z"},{"id":"01a0fb55-053e-747c-9931-88d4f71e57ff","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"IGsaSzeNNAp82TEcBHpR","resolved":true,"title":"Highlight Sync Tabs","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Highlight Sync Tabs – Click-to-Highlight Tab List with Synced Image","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Highlight Sync Tabs is a modern, interactive Framer component that transforms a static \"who we are\" or mission list into a bold, synced showcase. Instead of a plain list, each item shows an icon, title, and description at all times, and the moment a visitor clicks a tab, it fills with a solid background color to mark it active while the side image updates to match. The seamless color and image sync give your about, mission, or company section a premium, cohesive feel with almost no setup required."}]},{"type":"paragraph","content":[{"type":"text","text":"Click-to-Highlight Interaction","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active tab fills with a solid background color on click."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Side image updates in sync with the active tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Inactive tabs stay plain, keeping the active selection clear."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth color and image transitions feel seamless and intentional."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and optimized for modern GPU-accelerated performance."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable Design Controls","marks":[{"type":"bold"}]},{"type":"text","text":" Highlight Sync Tabs includes full Framer property controls so you can instantly match it to your brand or layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Titles (01–03)","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the heading for each tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text (01–03)","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the description for each tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images (01–03)","marks":[{"type":"bold"}]},{"type":"text","text":" – Assign a unique image to each tab, shown in the synced panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active Card Color","marks":[{"type":"bold"}]},{"type":"text","text":" – Set the background color for the active tab."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]},{"type":"text","text":" Highlight Sync Tabs tracks click events across each tab. When a visitor clicks a tab, the component smoothly fills it with the active background color while the side image crossfades to the corresponding visual. The other tabs stay in their default plain state, keeping the active selection clear and making the experience feel seamless and intentional."}]}]},"introduction":"Tab List with Color & Image Sync","slug":"highlight-sync-tabs","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fb5e-2f6e-7129-8caa-ef5ef6f8c020.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T06:37:27.323Z","updatedAt":"2026-10-05T11:00:13.349Z","publishedAt":"2026-10-02T06:37:27.320Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Highlight-Sync-Tabs-3WdZ2D.js@DqEbT18NaDWe6NmYFrCs","previewUrl":"https://highlightsynctabs.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"DqEbT18NaDWe6NmYFrCs","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-10-02T06:37:28.254Z","updatedAt":"2026-10-02T06:37:28.254Z"},{"id":"01a0fb53-3051-739f-baae-c7b53870ea5b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9c82mv6b9XDyeBmO7ytN","resolved":true,"title":"Stacked Sync Cards","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stacked Sync Cards – Scrollable Card List with Click-to-Sync Image","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Stacked Sync Cards is a modern, interactive Framer component that pairs a scrollable stack of content cards with a large synced image panel. Instead of showing every service or topic with its own static image, it displays a clean stack of titled cards that scroll vertically, and updates the side image the moment a visitor clicks a different card. The seamless image sync gives your consultancy, agency, or corporate site a premium, editorial feel with almost no setup required."}]},{"type":"paragraph","content":[{"type":"text","text":"Click-to-Sync Interaction","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cards stack and scroll vertically within the section."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Side image updates in sync with the clicked card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth crossfade transitions feel natural and intentional."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and optimized for modern GPU-accelerated performance."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable Design Controls","marks":[{"type":"bold"}]},{"type":"text","text":" Stacked Sync Cards includes full Framer property controls so you can instantly match it to your brand or layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cards","marks":[{"type":"bold"}]},{"type":"text","text":" – Add, remove, or reorder as many cards as needed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the heading per card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the body description per card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image","marks":[{"type":"bold"}]},{"type":"text","text":" – Assign a unique image to each card, shown in the synced panel."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]},{"type":"text","text":" Stacked Sync Cards tracks click events across the scrolling card stack. When a visitor clicks a card, the component crossfades the side image to match, while the card stack continues to scroll smoothly through the remaining titles and descriptions. This keeps the visual focus tied to whichever card the visitor is engaging with, making the experience feel fluid and cohesive."}]}]},"introduction":"Stacked Cards with Synced Image","slug":"stacked-sync-cards","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fb5d-5456-7487-891e-ea50759a8213.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T06:35:27.606Z","updatedAt":"2026-10-02T06:46:50.234Z","publishedAt":"2026-10-02T06:35:27.603Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://stackedsynccards.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/stacked-sync-cards","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"mjuXIOdETdMWvImYZZHY","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-10-02T06:35:28.209Z","updatedAt":"2026-10-02T06:35:28.209Z"},{"id":"01a0fb51-3dd2-742a-a25b-cfce72fedfb8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZZI03ggNc17KmjWFp2oB","resolved":true,"title":"Tab List Image Sync","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tab List Image Sync – Click-to-Sync Tabs with Image and Overlay Text","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tab List Image Sync is a modern, interactive Framer component that pairs a minimal text tab list with a large synced image panel. Instead of showing every service with its own layout, it displays a clean list of tab labels by default, with an underline marking the active tab, and updates the image and overlay text card the moment a visitor clicks a different tab. The seamless sync gives your consultancy, agency, or corporate site a premium, editorial feel with almost no setup required."}]},{"type":"paragraph","content":[{"type":"text","text":"Click-to-Sync Interaction","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Underline marks the active tab in the list."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image and overlay text card update in sync with the clicked tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon on the overlay card stays visible across every state."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth crossfade transitions feel natural and intentional."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and optimized for modern GPU-accelerated performance."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable Design Controls","marks":[{"type":"bold"}]},{"type":"text","text":" Tab List Image Sync includes full Framer property controls so you can instantly match it to your brand or layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"List 01–04","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the tab label text."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line","marks":[{"type":"bold"}]},{"type":"text","text":" – Set the underline style for the active tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon","marks":[{"type":"bold"}]},{"type":"text","text":" – Assign the icon shown on the overlay card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card BG","marks":[{"type":"bold"}]},{"type":"text","text":" – Set the background color of the overlay text card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text 01–04","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the overlay description per tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image 01–04","marks":[{"type":"bold"}]},{"type":"text","text":" – Assign a unique image to each tab."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]},{"type":"text","text":" Tab List Image Sync tracks click events across the tab list. When a visitor clicks a tab, the component underlines it and crossfades the image while updating the overlay text card to match. The other tabs stay in their default plain state, keeping the active selection clear and making the experience feel seamless and intentional."}]}]},"introduction":"Underline Tabs with Image Sync","slug":"tab-list-image-sync","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fb5c-73cd-7649-8d80-b01de636bb39.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T06:33:20.057Z","updatedAt":"2026-10-02T06:45:54.060Z","publishedAt":"2026-10-02T06:33:20.054Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tablistimagesync.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/tab-list-image-sync","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"si7GcQFGu4Ffm62bJ1PK","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-10-02T06:33:20.594Z","updatedAt":"2026-10-02T06:33:20.594Z"},{"id":"01a0fb4d-0f6b-73a7-9b4c-a03b327e6ad8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"iiQGuztiTUK8PSjlDxWq","resolved":true,"title":"Testimonial Arrow","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonial Arrow – Full Testimonial Slider with Arrow Navigation","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Testimonial Arrow is a modern, interactive Framer component that transforms a single client quote into a bold, portrait-led showcase. Instead of showing a static quote, it displays a full testimonial by default, and swaps every element the moment a visitor clicks an arrow. The quote, name, designation, company logo, and portrait photo all change together, giving your agency, consultancy, or portfolio site a premium, cohesive feel with almost no setup required."}]},{"type":"paragraph","content":[{"type":"text","text":"Arrow-Navigated Interaction","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Next and previous arrows switch to the next or previous testimonial."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Quote, name, designation, logo, and photo update together on click."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth transitions feel natural and intentional between slides."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and optimized for modern GPU-accelerated performance."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable Design Controls","marks":[{"type":"bold"}]},{"type":"text","text":" Testimonial Arrow includes full Framer property controls so you can instantly match it to your brand or layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slides","marks":[{"type":"bold"}]},{"type":"text","text":" – Add, remove, or reorder as many testimonials as needed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the quote per slide."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Name & Designation","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the reviewer's name and title per slide."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logo","marks":[{"type":"bold"}]},{"type":"text","text":" – Assign a unique company logo to each slide."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image","marks":[{"type":"bold"}]},{"type":"text","text":" – Assign a unique portrait photo to each slide."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]},{"type":"text","text":" Testimonial Arrow tracks click events on the arrow buttons. When a visitor clicks the next or previous arrow, the component swaps the quote, name, designation, logo, and photo together, moving to the next or previous testimonial in sequence. The smooth transition keeps the layout consistent while every piece of content updates, making the experience feel fluid and cohesive."}]}]},"introduction":"Arrow-Navigated Quote Slider","slug":"testimonial-arrow","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fb5b-88c4-74a3-a24c-92ded13422c0.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T06:28:45.959Z","updatedAt":"2026-10-02T06:44:52.375Z","publishedAt":"2026-10-02T06:28:45.956Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://testimonialarrow.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/testimonial-arrow","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"3kYJXaFk8TQrOm4PunXg","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-10-02T06:28:46.571Z","updatedAt":"2026-10-02T06:28:46.571Z"},{"id":"01a0fb49-96c5-70a9-a07d-e45b3df5df30","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6XfM9B1GuExq1wsgKfp1","resolved":true,"title":"Project Grid","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Project Grid – Mixed Portfolio Grid with Hover Zoom","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Project Grid is a modern, static-layout Framer component that showcases five projects in a clean, mixed-size grid. Each card displays a project image, title, optional tags, and year, and on hover the image gently zooms in for a subtle, engaging effect. The mixed grid layout and simple hover motion give your portfolio, agency, or case study section a premium, editorial feel with almost no setup required."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover Zoom Interaction","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image zooms in smoothly on hover for each card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout returns to its default scale when the cursor leaves."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and optimized for modern GPU-accelerated performance."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable Design Controls","marks":[{"type":"bold"}]},{"type":"text","text":" Project Grid includes full Framer property controls so you can instantly match it to your brand or layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image 01–05","marks":[{"type":"bold"}]},{"type":"text","text":" – Assign a unique image to each card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title 01–05","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the project name per card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tag 01–05","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the tag label per card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tag Visibility","marks":[{"type":"bold"}]},{"type":"text","text":" – Toggle each card's tag on or off."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Year 01–05","marks":[{"type":"bold"}]},{"type":"text","text":" – Edit the year shown per card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border 01–05","marks":[{"type":"bold"}]},{"type":"text","text":" – Set the border style for each card."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]},{"type":"text","text":" Project Grid displays five project cards in a fixed mixed-size grid. When a visitor hovers over any card, the component smoothly zooms in on that card's image, adding subtle motion without changing the layout. Each card's title, tag, and year can be shown or hidden independently, making the grid flexible enough to fit a range of portfolio and project styles."}]}]},"introduction":"Project Grid with Hover Zoom","slug":"project-grid","author":{"framerUserId":"492da4c7-1f68-44bb-a835-d654f4ede7b8","name":"Pentaclay","slug":"pentaclay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28817/5IpLqH7F9iimwZKthWdWp8kYrU-vxHo09smZpSjxasGJhxW7DH2mYch2a.png","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0fb5a-93d5-7583-80fb-7a12c6853b9a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T06:24:58.423Z","updatedAt":"2026-10-02T06:43:48.877Z","publishedAt":"2026-10-02T06:24:58.420Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://projectgridx.framer.website/","price":"5","paymentUrl":"https://pentaclay-components.blink.store/project-grid","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"mCjyoKLNw1tB5RKc3OOg","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-10-02T06:24:59.077Z","updatedAt":"2026-10-02T06:24:59.077Z"}],"pagination":{"next":"MDFhMGZiNDktOTZjNS03MGE5LWEwN2QtZTQ1YjNkZjVkZjMw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L60"}]