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

Hylivo is a calm, story-led Framer template for wellness, life and burnout coaches. It's designed to feel warm and human, and to quietly turn visitors into booked discovery calls.

From the first scroll, Hylivo tells your story the way a good coach would: gently, honestly and with room to breathe. An editorial type pairing, soft colours and thoughtful motion create a website that feels like a safe space, not a sales pitch.

What's included

10 pages: Home, About, Services, Service Detail, Programs, FAQ, Contact, Privacy, Terms and 404
Services CMS: add, edit or reorder services, and each one gets its own detail page automatically
Fully responsive: hand-tuned layouts for desktop, tablet and phone
Working forms: an enquiry form and a newsletter sign-up, ready to connect

Highlights

Story letter: a scroll-driven personal story that unfolds photo by photo
Services showcase: an animated scroll scene that presents each service
Smooth motion: page transitions, a preloader, smooth scrolling and a custom cursor
Built to convert: free-call CTAs, pricing plans, testimonials, an FAQ accordion and a booking form
Easy to customise: colour styles, text styles and reusable components, so you can change one style and update the whole site
Perfect for
- Wellness and health coaches
- Life and mindset coaches
- Stress, anxiety and burnout specialists
- Therapists, counsellors and holistic practitioners
- Yoga, breathwork and mindfulness teachers
How you get it
After purchase, you'll receive a Framer remix link. Click it, sign in to Framer, and the full template is copied to your account, ready to edit and publish. No code needed.
Support
Questions or stuck on a step? Reach out anytime, and we'll help you get your site live.

53:T5c2,

Studiox is a premium Framer template for independent agencies, design studios, and freelancers who want a site that feels considered, not loud. Big Geist typography, a single cobalt accent, and generous white space keep the focus on your work. A real-time liquid-chrome hero and a kinetic wordmark give it a crafted feel from the first scroll.

Pages, designed for desktop, tablet, and phone

Home
About
Services
Work
Project (CMS)
Journal
Article (CMS)
Contact
Privacy Policy
404
Style Guide
CMS

Interactions

WebGL liquid-chrome hero that follows the cursor Kinetic wordmark whose letters swell on hover Crosshair cursor with a custom label for each section Branded page transitions and an intro loader Animated menu with a clip reveal and staggered links Odometer counters, a drag-to-shuffle testimonial deck and a draggable team slider

Easy to customise

10 colour styles and 10 text styles. Change a colour once and the whole site follows, including the code components. One Site Settings panel controls the loader, smooth scroll, page transitions, and navigation. Every component exposes its options in the right panel, so no code is needed. A built-in Style Guide page documents everything.

54:T880,

Estavio is a modern real estate template built for agencies, brokerages and property platforms that want a website as polished as the homes they sell.

The homepage works like a real property portal. A property search sits at the heart of the hero, with Buy, Rent, Sold Prices and Find Agencies tabs. Visitors can browse homes by category, explore featured properties in a carousel, compare local markets, discover trusted agencies, choose a membership plan and read your latest market insights. Every section answers a question buyers, renters and sellers ask before they get in touch.

Publishing is simple. The Insights blog runs on Framer CMS: add an article and it appears on the homepage with its own page. Each article page includes a cover image, author, date, rich text, a highlight section and an animated stats chart.

Why choose Estavio

Built around how people search for property: buy, rent, sold prices and agencies, all one tab away
Content that converts: viewing bookings, agency profiles and membership plans lead visitors to contact you
Easy to keep fresh: the CMS-powered blog grows your search traffic with every article
Premium feel, no extra work: animations and the page transition are built in and adjustable from simple settings

Features

CMS blog with 6 sample articles
Hero property search with Buy / Rent / Sold / Agencies tabs
Property carousel, category reveal rows, market cards and agency cards
Membership plans, FAQ accordion and a reusable newsletter section
Page transition with logo, heading reveals and smooth scrolling
Animated stats chart and shine wordmark footer
Fully responsive: desktop, laptop, tablet and phone
SEO-ready: page titles, descriptions, social image, favicon, alt text and a custom 404

55:T8a9,

Prisma is a portfolio template for brand designers, creative directors and small studios. Warm orange tones, film-grain imagery and uppercase type give it an editorial feel. The motion stays purposeful: the hero headline cycles through your roles, project counters scramble into place, and clicking a service reveals its details.

Case studies and journal articles run on CMS. Add an entry and it shows up in the lists, filters and its own detail page automatically.

Features:

Rotating hero roles. One headline cycles through Designer, Creative Director and Artist, or whatever roles you set.
Scrambling counters. Project, client and years-of-experience numbers animate into place.
Case study CMS. Each project has a brief, a gallery, three result stats, a client quote and category filters.
Journal CMS. Articles with a featured post, read time, tags and newest-first sorting.
Click-to-reveal services. Choose a service to open its deliverables and swap the image beside it.
Live local time. A ticking clock beside your city tells clients when you're working.
Contact page that works. Brief form with budget and service options, plus an FAQ accordion.
Styles you can change globally. 19 text styles and a full colour system, so a rebrand takes minutes.

Pages Included:

Home
About
Case Studies
Case Study Detail (CMS)
Blog
Blog Article (CMS)
Contact
Privacy Policy
404

Custom Code Components:

Rotating Hero Roles
Scramble Number Counter
Live Local Clock
Click-to-Reveal Services
Testimonial Slider
Case Study Filter & Sort
Spring FAQ Accordion
Page Transition

Support:

Need help setting up? Reach out to us at: hello@pixels71.com

56:T408,

SVG Draw turns any SVG into a line-drawing animation. Paste your SVG code into the property panel and the component traces each path stroke by stroke. You don't need to set up keyframes or edit the path.

Use it for logos, icons, signatures, illustrations or decorative lines. It works with SVGs exported from Figma, Illustrator or any icon library. Just copy the code and paste it in.

You can adjust the stroke color, width, duration and easing from the Framer panel, and choose whether it plays on load or when scrolled into view [check]. The SVG scales to fit the component, so you can resize it freely on the canvas.

Features

- Paste raw SVG code, no file upload needed
- Animates every path, line, circle and shape
- Stroke color and width controls
- Duration, delay and easing controls
- Trigger on load or on scroll into view
- Loop / replay option
- Responsive: scales to any size

57:T620,

Images shouldn't just appear. They should arrive. Image Reveal opens any image, video or card from a corner or edge as it scrolls into view, then folds it away as you move past. It's clean, smooth and hard to scroll past without noticing.

How to use

Drop Image Reveal onto your page and size it like any frame.
Pick an image, or connect any layer (a video, a card or a whole block) to Content.
Choose where it opens from, then set the timing and easing.
Place a few side by side with different delays for a staggered reveal.

Key features

- 9 directions: 4 corners, 4 edges, or from the center.
- Scroll-triggered: you set how far down the screen it opens.
- Replay: folds away on exit and opens again on return, or plays once.
- Any content: images, videos, cards or text blocks.
- Easing presets: Soft, Medium, Snappy, Dramatic, Linear.
- Rounded corners, with an optional radius change on hover.
- Video-aware: videos wait for the reveal, then pause when hidden.
- Mobile-friendly: switches to a light fade on small screens.
- Accessible: respects reduced-motion settings.

Why Image Reveal

A gallery is easy to scroll past. A reveal makes people slow down. One small component gives your images the timing and polish of a custom-coded site, with no code and no setup, and it works with anything you put inside.

58:T6db,

About

The Curved Arc Carousel transforms any CMS collection into a sweeping 3D-style showcase. Cards curve fluidly across the screen, putting your featured item front and center while keeping visitors hooked as they scroll.

How to use

Drop Arc Carousel onto your page.
Connect your CMS Collection List to the Cards property. That's it, and there's no code. Separate cards work too.
Adjust the arc, speed and arrow style from the properties panel. You can use different settings for each breakpoint.
Key features
- Direct CMS connection: any Collection List, and your own card design.
- Swipe and drag: smooth on mouse and touch, with the same transition as the arrows.
- Built-in arrows: change the size, colors, hover state, border and radius, or hide them.
- Adjustable arc: radius, spacing, tilt, curve up or down, and cards per side.
- Active image zoom: the center card's image gently zooms in.
- Autoplay: with pause on hover and adjustable timing.
- Click to navigate: click a side card to bring it forward.
- Accessible: arrow-key navigation, a focus ring, screen reader labels and reduced-motion support.
- Responsive: tune it per breakpoint, and page scrolling still works on phones.
- Works on the canvas: you see the real arc while you design.
Why Arc Carousel
A grid lists your content. An arc shows it off. The curved layout pulls the eye to one featured item at a time, invites visitors to swipe, and makes any section feel premium without extra design work. Connect your CMS once and new items show up automatically.

59:T6ee,

A row of numbered cards where the hovered card expands to show its image and the others shrink to a slim text column. It's built for "how it works" and process sections, and switches to a stacked layout on smaller screens.

Features

Hover to expand. The active card grows with a spring animation to reveal its image while the rest shrink.
Numbered steps. Each card has a number, title, text and image, all edited in the properties panel.
Choose the starting card. Pick which card is open before anyone interacts.
Reset or keep. When the cursor leaves, the row either goes back to the starting card or keeps the last one open.
Stacked mode for mobile. One card per row, with every image visible and placed on the right or on top.
Full style control. Set the card and image sizes, padding, gaps, radius, colours and fonts for the number, title and text.
Custom motion. Tune the spring or easing from Framer's transition control.
Keyboard friendly. Tabbing to a card opens it, just like hovering.

What's Included

Expanding Step Cards code component
Demo steps section with 3 sample cards (badge, heading and subtext)
Layouts for desktop, laptop, tablet and phone

Custom Code Components

ExpandingStepCards

Support: Need help setting up? Reach out to us at: hello@pixels71.com

5a:T6d6,

A looping carousel for showing off product features, with a video or image and a short description on each card. Drop it into any section and change the cards, sizes, colours and motion from the properties panel.

Features

Infinite loop. Cards cycle endlessly in both directions with no jump at the end.
Video or image per card. Add an MP4, WebM or MOV, an image, or both layered together.
Smart video playback. Videos only play while their cards are on or near the screen, which keeps the page light.
Side-by-side or stacked cards. Put the text beside the media or below it with one toggle.
Edge bleed. Cards can run past the container edges for a full-width look while the section stays aligned.
Styled arrows. Set the background, border, padding and icon size, plus separate colours for idle and active.
Custom motion. Tune the spring or easing from Framer's transition control.
Accessible controls. The arrows have screen-reader labels and a visible keyboard focus outline.

What's Included

Feature Carousel code component
Demo section with 6 sample feature cards (badge, heading and subtext)
Responsive layouts for desktop, laptop, tablet and phone

Custom Code Components

FeatureCarousel

Support: Need help setting up? Reach out to us at: hello@pixels71.com

5b:T80a,

Our new Framer template Orveli design for skincare and beauty brands. soft cream, and a full store behind it - CMS products, a slide-out bag, promo codes that work, instant search, and a checkout page already designed.

FEATURES

Smart Cart: Persistent slide-out bag with instant quantity updates and a live free-shipping progress bar.
CMS: Pre-built product pages with instant updates for badges, ratings, and pricing.
Promo Codes: Instant discount and subtotal recalculation across bag and checkout views.
Search: Full-screen search overlay featuring live filtering and popular item suggestions.
Category Filtering: Tabbed filtering across both the main shop and product cross-sell rows.
Signature Motion: Curved product carousel, word-by-word scroll text reveals, and stacked video cards.
Custom Transitions: Branded curtain page transitions paired with a percentage-based preloader.
Responsive & Scalable: Global color and type styles optimized for desktop, tablet, and mobile.

PAGES

Home · Shop · Product Detail (CMS) · Checkout · About · Contact · Sign In · Create Account · Privacy · Terms · 404

COMPONENTS

Cart engine · slide-out bag · promo code handler · add-to-cart toast · search overlay · arc carousel · category tabs · curtain transition · logo preloader · word-by-word scroll text · rotating hero word · marquee ticker · stacking scroll cards · star ratings

BEFORE YOU GO LIVE

The store runs in demo mode - cart, codes and totals are worked out on the page, no order is really placed. Connect the checkout to your payment provider, and delete the WELCOME10 hint above the promo field.

SUPPORT

Stuck somewhere? Write to hello@pixels71.com and we'll help you get it running.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-6a76cbc8-eb2e-47d6-ade7-8039eff75335-all:/unified/creator/6a76cbc8-eb2e-47d6-ade7-8039eff75335/activity/":[{"data":[{"id":"01a1109a-61eb-70f4-b634-89982a3a54c3","type":"component.created","target":{"type":"component","id":"2ypqt3i3VyZ3NdnhJkZs","preview":"Pinned Testimonials","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a11068-b1c1-778a-83f2-27aa9bd650b5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-06T09:45:15.499Z","latestAt":"2026-10-06T09:45:15.499Z"},{"id":"01a11027-03e9-71b3-b4e2-abc604554c65","type":"component.created","target":{"type":"component","id":"QAnnxXwSPY8Prxs0W1C2","preview":"Capsule Scroll Hero","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a11026-05fa-76ed-93b1-a2969ca34252.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-06T07:39:14.793Z","latestAt":"2026-10-06T07:39:14.793Z"},{"id":"01a10cd9-6be3-7080-9abb-16a29639f624","type":"template.created","target":{"type":"template","id":"74816","preview":"Hylivo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10cd6-4018-750f-9a43-df6d5930d4bd.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-05T16:15:37.955Z","latestAt":"2026-10-05T16:15:37.955Z"},{"id":"01a10c89-eb33-70c3-b737-bc5b27ea57f8","type":"template.created","target":{"type":"template","id":"74800","preview":"Studiox Creativee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10c82-de8b-7059-b5a8-bc27bca55fe3.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-05T14:48:47.667Z","latestAt":"2026-10-05T14:48:47.667Z"},{"id":"01a10c5d-7c08-7209-bc65-9659275843d3","type":"template.created","target":{"type":"template","id":"74791","preview":"Estavio Homes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10c32-9bda-74c8-9a8a-6efce411c0d4.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-05T14:00:15.624Z","latestAt":"2026-10-05T14:00:15.624Z"},{"id":"01a106bf-b299-746c-9412-dbf026eb3ab3","type":"template.created","target":{"type":"template","id":"74660","preview":"Prisma Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a106ba-9995-713e-8b33-30c4b0dbf7f5.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-04T11:49:48.825Z","latestAt":"2026-10-04T11:49:48.825Z"},{"id":"01a0fcc6-e54b-7676-a3b2-25768901c4d0","type":"comment.liked","target":{"type":"comment","id":"01a0f921-9681-71ef-b62a-e5adb74a012a","preview":"The yellow action accents cut through the black hero clearly. The dotted wave adds depth while keeping the headline and URL field easy to find.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The yellow action accents cut through the black hero clearly. The dotted wave adds depth while keeping the headline and URL field easy to find."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0ce0f-5229-7218-9898-b7b655738f9e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f921-9681-71ef-b62a-e5adb74a012a"},"repost":null}},"context":{"type":"post","id":"01a0ce0f-5229-7218-9898-b7b655738f9e","preview":"Optivio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0ce07-f1f9-716a-8b0c-d5a0c7d11a87.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a0ce0f-5229-7218-9898-b7b655738f9e","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T13:21:28.390Z","latestAt":"2026-10-02T13:21:28.390Z"},{"id":"01a0fc06-3123-72e4-a15d-4c6c1a64c20d","type":"creator.followed","target":{"type":"creator","id":"58ba425b-1e92-44ed-a6e4-f8ce0c7a9d06","preview":"Hasan Mahmud","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/58ba425b-1e92-44ed-a6e4-f8ce0c7a9d06/y93myy2h","slug":"hasan-mahmud","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T09:50:59.327Z","latestAt":"2026-10-02T09:50:59.327Z"},{"id":"01a0f889-373e-7752-89ec-16f3d2106edb","type":"creator.followed","target":{"type":"creator","id":"e997080e-ee3d-40ce-a0e1-c24e755c46ef","preview":"Mohamed BIKARRANE","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e997080e-ee3d-40ce-a0e1-c24e755c46ef/sww9opxv","slug":"bika","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-01T17:35:37.272Z","latestAt":"2026-10-01T17:35:37.272Z"},{"id":"01a0f816-8cb9-720c-8b5f-980ab27b6998","type":"template.liked","target":{"type":"template","id":"71167","preview":"“Untitled.”","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6374d0ef-29c2-4d62-a562-a8e4857e9e0b/019ff6b1-cda5-70fb-911d-72340df2c011.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-01T15:30:22.509Z","latestAt":"2026-10-01T15:30:22.509Z"},{"id":"01a0f816-5a57-7264-ad55-c6031590212e","type":"creator.followed","target":{"type":"creator","id":"6374d0ef-29c2-4d62-a562-a8e4857e9e0b","preview":"Titarvl","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1333452/avatar-ZhX58RcEIUKvj8bpdX7kku6oMbffwS.jpg","slug":"titarvl","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-01T15:30:09.614Z","latestAt":"2026-10-01T15:30:09.614Z"},{"id":"01a0eb73-1c79-736d-bbd1-c73ae4b647f0","type":"post.liked","target":{"type":"post","id":"01a0eb6b-487b-7641-aca8-544b91442980","preview":"Free Framer Remix link: https://framer.link/ZEywIeY\nFree Framer template for AI-powered ERP SaaS websites.\nHero with dual CTA. Six-module feature grid covering inventory, supply chain, finance, sales, BI analytics, and AI automation. Three-tier pricing with annual toggle. Stats bar, testimonials, blog, and FAQ.\nBuilt to show complex enterprise software simply: before the demo request lands.\nFree. Built by Gr8r Studio","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Free Framer Remix link: "},{"type":"text","text":"https://framer.link/ZEywIeY","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/ZEywIeY","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Free Framer template for AI-powered ERP SaaS websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Hero with dual CTA. Six-module feature grid covering inventory, supply chain, finance, sales, BI analytics, and AI automation. Three-tier pricing with annual toggle. Stats bar, testimonials, blog, and FAQ."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to show complex enterprise software simply: before the demo request lands."}]},{"type":"paragraph","content":[{"type":"text","text":"Free. Built by Gr8r Studio"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b2e693cc-f59c-4f8e-bde0-94300933232f/01a0eb69-d4d0-7085-b9b4-332b1659be6d.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0eb6b-487b-7641-aca8-544b91442980","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":4,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-29T04:36:24.821Z","latestAt":"2026-09-29T04:36:24.821Z"},{"id":"01a0e829-ba8a-72ef-aef5-2ccfd18397ff","type":"component.created","target":{"type":"component","id":"6oUOKWN04G4so6EBHwgw","preview":"Svg Draw Animation","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e81c-64b4-7479-930f-cbdf4b4b259a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-28T13:17:23.978Z","latestAt":"2026-09-28T13:17:23.978Z"},{"id":"01a0e7d1-1331-74f9-ba8d-e08a4e1ed3e8","type":"component.created","target":{"type":"component","id":"Krg7SwuxCvZL6c0yAPsB","preview":"CTA Magnetic Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e7ce-c32d-70d8-aed3-fc8492a7d999.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-28T11:40:33.969Z","latestAt":"2026-09-28T11:40:33.969Z"},{"id":"01a0e793-088a-77ad-b42a-4afb36774845","type":"comment.reply","target":{"type":"post","id":"01a0e674-cff2-740e-9555-9dabb6bb0bd7","preview":"ORVELI is trending in E-commerce category on the Framer Marketplace! Making it to the Trending tab is a big moment for me. Thank you everyone for supporting our work. \n That's why I decided to give away ORVELI free to 20 people.\n Just a few steps: Like, follow, and repost","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ORVELI is trending in E-commerce category on the Framer Marketplace! Making it to the Trending tab is a big moment for me. Thank you everyone for supporting our work. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":" That's why I decided to give away ORVELI free to 20 people."}]},{"type":"paragraph","content":[{"type":"text","text":" Just a few steps: Like, follow, and repost"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e674-c0a8-7369-aff2-99fdc687bf81.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0e674-cff2-740e-9555-9dabb6bb0bd7","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0e793-086b-718a-b1d1-841313285e0c","preview":"Thank you so much","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you so much "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0e674-cff2-740e-9555-9dabb6bb0bd7","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0e751-56a4-724b-9940-b5ed0cf3bf2f"},"repost":null}},"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-28T10:32:48.010Z","latestAt":"2026-09-28T10:32:48.010Z"},{"id":"01a0e78f-65fd-7131-8b7c-f4a278121fc7","type":"comment.liked","target":{"type":"comment","id":"01a0e751-56a4-724b-9940-b5ed0cf3bf2f","preview":"Love the little details here! 👌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love the little details here! "},{"type":"emoji","attrs":{"name":"ok_hand","emoji":"👌"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0e674-cff2-740e-9555-9dabb6bb0bd7","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0e751-56a4-724b-9940-b5ed0cf3bf2f"},"repost":null}},"context":{"type":"post","id":"01a0e674-cff2-740e-9555-9dabb6bb0bd7","preview":"ORVELI is trending in E-commerce category on the Framer Marketplace! Making it to the Trending tab is a big moment for me. Thank you everyone for supporting our work. \n That's why I decided to give away ORVELI free to 20 people.\n Just a few steps: Like, follow, and repost","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ORVELI is trending in E-commerce category on the Framer Marketplace! Making it to the Trending tab is a big moment for me. Thank you everyone for supporting our work. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":" That's why I decided to give away ORVELI free to 20 people."}]},{"type":"paragraph","content":[{"type":"text","text":" Just a few steps: Like, follow, and repost"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e674-c0a8-7369-aff2-99fdc687bf81.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0e674-cff2-740e-9555-9dabb6bb0bd7","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-28T10:28:49.782Z","latestAt":"2026-09-28T10:28:49.782Z"},{"id":"01a0e74b-88c9-719e-b4ec-17551ef46da4","type":"component.created","target":{"type":"component","id":"8D7W2sSOBbVjpAv7HD6l","preview":"Multi Images Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e744-722c-766c-aec6-6cd42a920d5d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-28T09:14:42.249Z","latestAt":"2026-09-28T09:14:42.249Z"},{"id":"01a0e258-e8ee-73d1-a21b-a873438a5461","type":"component.created","target":{"type":"component","id":"1nguupiymQQAmb9ANo5p","preview":"Curved Arc Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e24c-d7a6-759a-aae2-86e270399456.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-27T10:11:12.750Z","latestAt":"2026-09-27T10:11:12.750Z"},{"id":"01a0e157-090b-7268-a329-a0da6480d39c","type":"comment.liked","target":{"type":"comment","id":"01a0d265-a532-761d-9f84-96e9a76de2f7","preview":"@Pixels71 Welcome","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","slug":"pixels71","label":"Pixels71","mentionSuggestionChar":"@"}},{"type":"text","text":" Welcome"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0c92a-7568-728b-ae12-2f5469cc675f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0cbd6-59c3-769e-89f7-1589f1c9ccc7"},"repost":null}},"context":{"type":"post","id":"01a0c92a-7568-728b-ae12-2f5469cc675f","preview":"Something new is on the way\nOptivio is a modern Framer template for SEO tools, SaaS products and digital agencies. It's built to feel premium, convert visitors, and be easy to make your own.\nWhat's included: \n- 8 pages: Home, About, Services, Service Detail, Pricing, Blog, Blog Post, Contact + 404 \n- CMS-powered Services and Blog, with live category filtering \n- Kinetic hero headline, scroll-linked cards and a typing effect ✦ Monthly/yearly pricing toggle with animated prices \n- Smooth scrolling, entrance animations and polished micro-interactions\n- Fully responsive across desktop, laptop, tablet and mobile ✦ Clean components and styles, simple to customise\nLaunching soon on the Framer Marketplace. Follow to be the first to know..","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Something new is on the way"}]},{"type":"paragraph","content":[{"type":"text","text":"Optivio","marks":[{"type":"bold"}]},{"type":"text","text":" is a modern Framer template for SEO tools, SaaS products and digital agencies. It's built to feel premium, convert visitors, and be easy to make your own."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"- 8 pages: Home, About, Services, Service Detail, Pricing, Blog, Blog Post, Contact + 404 "}]},{"type":"paragraph","content":[{"type":"text","text":"- CMS-powered Services and Blog, with live category filtering "}]},{"type":"paragraph","content":[{"type":"text","text":"- Kinetic hero headline, scroll-linked cards and a typing effect ✦ Monthly/yearly pricing toggle with animated prices "}]},{"type":"paragraph","content":[{"type":"text","text":"- Smooth scrolling, entrance animations and polished micro-interactions"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully responsive across desktop, laptop, tablet and mobile ✦ Clean components and styles, simple to customise"}]},{"type":"paragraph","content":[{"type":"text","text":"Launching soon on the Framer Marketplace. Follow to be the first to know.."}]}]},"thumbnail":"https://image.mux.com/wpozd3EYGlrTuV9N01GRDOn02SAIuXTvuoQ1WmkzPeaik/thumbnail.webp?time=34.9","targetDeleted":false,"owned":true,"actions":{"postId":"01a0c92a-7568-728b-ae12-2f5469cc675f","like":{"count":17,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-27T05:29:32.676Z","latestAt":"2026-09-27T05:29:32.676Z"},{"id":"01a0d3ad-cedc-73a7-8045-a838a398b320","type":"component.created","target":{"type":"component","id":"BxcYehkmegtSq0y7hhag","preview":"Slider Testimonial","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0d3ab-f5c9-718c-8a6c-b4c04d2174ab.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-24T13:49:38.396Z","latestAt":"2026-09-24T13:49:38.396Z"}],"pagination":{"next":"MjAyNi0wOS0yNFQxMzo0OTozOC4zOTZafDAxYTBkM2FkLWNlZGMtNzNhNy04MDQ1LWE4MzhhMzk4YjMyMA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:6a76cbc8-eb2e-47d6-ade7-8039eff75335:/unified/posts/?creator=6a76cbc8-eb2e-47d6-ade7-8039eff75335&with=reposts":[{"data":[{"id":"01a1109a-5f3e-70d3-99ff-8ffe558023d5","title":null,"body":"

pinned testimonial section that moves sideways as you scroll down.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"pinned testimonial section that moves sideways as you scroll down."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2ypqt3i3VyZ3NdnhJkZs","resolved":true,"title":"Pinned Testimonials","body":"

pinned testimonial section that moves sideways as you scroll down. Cards arrive in a staircase, flatten once the section locks in place, and fan out slightly when you scroll fast. Hover a card to bring it into focus while the others blur back, and a tick-style progress bar tracks where you are.

Add as many testimonials as you need, each with a quote, name, role, photo, tag and result. Colors, fonts, card size, gap, radius and the space for a fixed nav are all editable. It adapts to tablet and phone, lights the centered card on touch screens, and respects reduced-motion settings.

Features

pinned horizontal scroll
scroll-linked entry
hover focus with blur
corner glow
progress ticks
editable testimonial list
color and font controls
touch-friendly
reduced motion

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"pinned testimonial section that moves sideways as you scroll down. Cards arrive in a staircase, flatten once the section locks in place, and fan out slightly when you scroll fast. Hover a card to bring it into focus while the others blur back, and a tick-style progress bar tracks where you are."}]},{"type":"paragraph","content":[{"type":"text","text":"Add as many testimonials as you need, each with a quote, name, role, photo, tag and result. Colors, fonts, card size, gap, radius and the space for a fixed nav are all editable. It adapts to tablet and phone, lights the centered card on touch screens, and respects reduced-motion settings."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"pinned horizontal scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"scroll-linked entry"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"hover focus with blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"corner glow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"progress ticks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"editable testimonial list"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"color and font controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"touch-friendly"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"reduced motion"}]}]}]}]},"introduction":"Testimonials that glide you scroll","slug":"pinned-testimonials","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a11068-b1c1-778a-83f2-27aa9bd650b5.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-06T09:45:14.162Z","updatedAt":"2026-10-06T09:45:14.162Z","publishedAt":"2026-10-06T09:45:14.159Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pinned-testimonial.framer.website/","price":"5","paymentUrl":"https://www.pixels71.com/buy/pinned-testimonials","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"IsV4dKXZ2JeTNyiGDdXU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-06T09:45:14.814Z","updatedAt":"2026-10-06T09:45:14.814Z"},{"id":"01a11027-0150-71ae-af6b-1bf18284d9c1","title":null,"body":"

Capsule Scroll Hero

Your hero shrinks into a capsule, a gallery slides in, a headline sweeps past and the stats count up. All on scroll.Brand, coolers, fonts and images are all editable.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Capsule Scroll Hero"}]},{"type":"paragraph","content":[{"type":"text","text":"Your hero shrinks into a capsule, a gallery slides in, a headline sweeps past and the stats count up. All on scroll.Brand, coolers, fonts and images are all editable."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"QAnnxXwSPY8Prxs0W1C2","resolved":true,"title":"Capsule Scroll Hero","body":"

A scroll-driven hero section.

Your hero image shrinks into a capsule, two rows of capsule images slide in around it, and a brand pill takes the centre. A huge headline then sweeps across, and four stat cards count up into place. Everything is driven by scroll, so it plays forward and backward.

Features:

Hero, 13 gallery images, brand pill, headline and 4 stat cards in one component
Hero Content slot for your own headline and buttons; it fades out as you scroll
Swap the brand pill's text and logo, or use the default mark
Accent, text and background colors, plus 4 font controls
Stat counters handle decimals, commas and symbols (4.9, 1,200, $50, 24/7)
Layout for desktop, tablet and phone
Nav Overlap setting for pages with a sticky navbar
Respects the visitor's reduced-motion setting

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven hero section","marks":[{"type":"bold"}]},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Your hero image shrinks into a capsule, two rows of capsule images slide in around it, and a brand pill takes the centre. A huge headline then sweeps across, and four stat cards count up into place. Everything is driven by scroll, so it plays forward and backward."}]},{"type":"customHeading","content":[{"type":"text","text":"Features:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero, 13 gallery images, brand pill, headline and 4 stat cards in one component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero Content slot for your own headline and buttons; it fades out as you scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Swap the brand pill's text and logo, or use the default mark"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accent, text and background colors, plus 4 font controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stat counters handle decimals, commas and symbols (4.9, 1,200, $50, 24/7)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout for desktop, tablet and phone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Nav Overlap setting for pages with a sticky navbar"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects the visitor's reduced-motion setting"}]}]}]}]},"introduction":"pinned hero unfolds into a gallery","slug":"capsule-scroll-hero","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a11026-05fa-76ed-93b1-a2969ca34252.png","metadata":{"tint":{"h":30,"s":90,"l":36},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-06T07:39:13.457Z","updatedAt":"2026-10-06T10:33:46.587Z","publishedAt":"2026-10-06T07:39:13.455Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://capsule-scroll-hero.framer.website/","price":"9","paymentUrl":"https://www.pixels71.com/buy/capsule-scroll-hero","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"98lo5BZmpBMrzNJxT9mJ","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-06T07:39:14.128Z","updatedAt":"2026-10-06T07:39:14.128Z"},{"id":"01a10cd9-6989-7761-9da1-699d3e1037a7","title":null,"body":"

Hylivo is live on Framer.

A warm template for wellness and life coaches. A safe space, not a sales pitch.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hylivo is live on Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"A warm template for wellness and life coaches. A safe space, not a sales pitch."}]},{"type":"paragraph"}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74816","resolved":true,"title":"Hylivo","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hylivo","marks":[{"type":"bold"}]},{"type":"text","text":" is a calm, story-led Framer template for wellness, life and burnout coaches. It's designed to feel warm and human, and to quietly turn visitors into booked discovery calls."}]},{"type":"paragraph","content":[{"type":"text","text":"From the first scroll, Hylivo tells your story the way a good coach would: gently, honestly and with room to breathe. An editorial type pairing, soft colours and thoughtful motion create a website that feels like a safe space, not a sales pitch."}]},{"type":"customHeading","content":[{"type":"text","text":"What's included","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"10 pages:","marks":[{"type":"bold"}]},{"type":"text","text":" Home, About, Services, Service Detail, Programs, FAQ, Contact, Privacy, Terms and 404"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services CMS:","marks":[{"type":"bold"}]},{"type":"text","text":" add, edit or reorder services, and each one gets its own detail page automatically"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" hand-tuned layouts for desktop, tablet and phone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Working forms:","marks":[{"type":"bold"}]},{"type":"text","text":" an enquiry form and a newsletter sign-up, ready to connect"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Highlights","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Story letter:","marks":[{"type":"bold"}]},{"type":"text","text":" a scroll-driven personal story that unfolds photo by photo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services showcase:","marks":[{"type":"bold"}]},{"type":"text","text":" an animated scroll scene that presents each service"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth motion:","marks":[{"type":"bold"}]},{"type":"text","text":" page transitions, a preloader, smooth scrolling and a custom cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built to convert:","marks":[{"type":"bold"}]},{"type":"text","text":" free-call CTAs, pricing plans, testimonials, an FAQ accordion and a booking form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customise:","marks":[{"type":"bold"}]},{"type":"text","text":" colour styles, text styles and reusable components, so you can change one style and update the whole site"}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wellness and health coaches"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Life and mindset coaches"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stress, anxiety and burnout specialists"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Therapists, counsellors and holistic practitioners"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Yoga, breathwork and mindfulness teachers"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How you get it","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"After purchase, you'll receive a Framer remix link. Click it, sign in to Framer, and the full template is copied to your account, ready to edit and publish. No code needed."}]},{"type":"customHeading","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or stuck on a step? Reach out anytime, and we'll help you get your site live."}]}]}]}]},"introduction":"Wellness Coach","slug":"hylivo","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10cd6-4018-750f-9a43-df6d5930d4bd.jpg","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10cd6-6098-77e5-a09a-d14f6d022333.jpg","metadata":{"tint":{"h":330,"s":29,"l":22},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10cd6-73b4-71e5-ba9b-e1c988e4e2f4.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10cd6-8bb0-7749-a6c8-1836b80d5521.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T16:15:36.684Z","updatedAt":"2026-10-05T16:15:36.684Z","publishedAt":"2026-10-05T16:15:36.680Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://www.pixels71.com/buy/hylivo-wellness-coach-framer-template","remixUrl":null,"previewUrl":"https://hylivo.framer.website/","categories":[],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":13,"name":"Health","slug":"health"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T16:15:37.354Z","updatedAt":"2026-10-05T16:15:37.354Z"},{"id":"01a10c89-e8d2-72d1-8061-8d763ee5ae28","title":null,"body":"

Studiox is live on Framer.A calm, editorial template for creative agencies. Considered, not loud.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Studiox is live on Framer.A calm, editorial template for creative agencies. Considered, not loud."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74800","resolved":true,"title":"Studiox Creativee","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Studiox is a premium Framer template for independent agencies, design studios, and freelancers who want a site that feels considered, not loud. Big Geist typography, a single cobalt accent, and generous white space keep the focus on your work. A real-time liquid-chrome hero and a kinetic wordmark give it a crafted feel from the first scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages, designed for desktop, tablet, and phone","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Work"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Journal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Article (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy Policy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style Guide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Interactions","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"WebGL liquid-chrome hero that follows the cursor Kinetic wordmark whose letters swell on hover Crosshair cursor with a custom label for each section Branded page transitions and an intro loader Animated menu with a clip reveal and staggered links Odometer counters, a drag-to-shuffle testimonial deck and a draggable team slider"}]},{"type":"customHeading","content":[{"type":"text","text":"Easy to customise","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"10 colour styles and 10 text styles. Change a colour once and the whole site follows, including the code components. One Site Settings panel controls the loader, smooth scroll, page transitions, and navigation. Every component exposes its options in the right panel, so no code is needed. A built-in Style Guide page documents everything."}]}]},"introduction":"Agency","slug":"studiox-creativee","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10c82-de8b-7059-b5a8-bc27bca55fe3.jpg","metadata":{"tint":{"h":220,"s":40,"l":24},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/gjYkHxjH4bmya302HJUbcuT5j63s4ZXwic6Ln4Y9c1V00.m3u8","metadata":{"posterUrl":"https://image.mux.com/gjYkHxjH4bmya302HJUbcuT5j63s4ZXwic6Ln4Y9c1V00/thumbnail.webp?time=52.133","aspectRatio":"479:270","duration":90.616667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10c84-011d-73da-8ae5-1c24c697e502.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10c84-2293-7799-9b53-76d4cf58e2e1.jpg","metadata":{"tint":{"h":218,"s":89,"l":14},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10c84-bcf2-729f-b2d5-3ee35644d355.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T14:48:46.346Z","updatedAt":"2026-10-05T14:48:46.346Z","publishedAt":"2026-10-05T14:48:46.342Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"59","paymentUrl":"https://www.pixels71.com/buy/studiox-creative-agency-framer-template","remixUrl":null,"previewUrl":"https://studiox-creative-agency.framer.website/","categories":[],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T14:48:47.058Z","updatedAt":"2026-10-05T14:48:47.058Z"},{"id":"01a10c5d-75dd-7428-8ac3-0ca094dca9f2","title":null,"body":"

Estavio is live, and completely free.

modern layout for real estate - built around how people actually buy, sell and rent. Simple flow, easy navigation

This is (version-1). Search and filtering are next, and whether I build them depends on you.

If this is useful to you, tell me then I'll build out the full-featured version.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Estavio is live, and completely free. "}]},{"type":"paragraph","content":[{"type":"text","text":"modern layout for real estate - built around how people actually buy, sell and rent. Simple flow, easy navigation"}]},{"type":"paragraph","content":[{"type":"text","text":"This is (version-1). Search and filtering are next, and whether I build them depends on you."}]},{"type":"paragraph","content":[{"type":"text","text":"If this is useful to you, tell me then I'll build out the full-featured version."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74791","resolved":true,"title":"Estavio Homes","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Estavio is a modern real estate template built for agencies, brokerages and property platforms that want a website as polished as the homes they sell."}]},{"type":"paragraph","content":[{"type":"text","text":"The homepage works like a real property portal. A property search sits at the heart of the hero, with Buy, Rent, Sold Prices and Find Agencies tabs. Visitors can browse homes by category, explore featured properties in a carousel, compare local markets, discover trusted agencies, choose a membership plan and read your latest market insights. Every section answers a question buyers, renters and sellers ask before they get in touch."}]},{"type":"paragraph","content":[{"type":"text","text":"Publishing is simple. The Insights blog runs on Framer CMS: add an article and it appears on the homepage with its own page. Each article page includes a cover image, author, date, rich text, a highlight section and an animated stats chart."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Why choose Estavio","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built around how people search for property: buy, rent, sold prices and agencies, all one tab away"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Content that converts: viewing bookings, agency profiles and membership plans lead visitors to contact you"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to keep fresh: the CMS-powered blog grows your search traffic with every article"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium feel, no extra work: animations and the page transition are built in and adjustable from simple settings"}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog Article (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS blog with 6 sample articles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero property search with Buy / Rent / Sold / Agencies tabs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Property carousel, category reveal rows, market cards and agency cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Membership plans, FAQ accordion and a reusable newsletter section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Page transition with logo, heading reveals and smooth scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated stats chart and shine wordmark footer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive: desktop, laptop, tablet and phone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-ready: page titles, descriptions, social image, favicon, alt text and a custom 404"}]}]}]}]},"introduction":"Real Estate & Property Platform","slug":"estavio-homes","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10c32-9bda-74c8-9a8a-6efce411c0d4.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}},{"type":"video","url":"https://stream.mux.com/PrTSHUVru00EJ2AXIHi9zZuxmkLjaeB12G7jGE7QFgf00.m3u8","metadata":{"posterUrl":"https://image.mux.com/PrTSHUVru00EJ2AXIHi9zZuxmkLjaeB12G7jGE7QFgf00/thumbnail.webp?time=17.75","aspectRatio":"16:9","duration":59.433333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10c4a-e054-7797-a0f4-f3188e837d42.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10c4b-5340-75cc-9845-7b2db5d03818.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10c4b-7832-705f-abf1-49f389d259b1.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-05T14:00:13.317Z","updatedAt":"2026-10-05T14:00:13.317Z","publishedAt":"2026-10-05T14:00:13.314Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://re.chujiqiqi.com/remix/yBsGf7S84nNLTAwfJIoH","remixUrl":"https://re.chujiqiqi.com/remix/yBsGf7S84nNLTAwfJIoH","previewUrl":"https://property-market-management.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":25,"name":"Real Estate","slug":"real-estate"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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-05T14:00:14.046Z","updatedAt":"2026-10-05T14:00:14.046Z"},{"id":"01a10c05-e2ad-75ed-adfd-4e17a356c896","title":null,"body":"

Testimonials don't have to be a grid of quotes.

This is the testimonial slider from Prisma, my portfolio template on the Framer Marketplace. Photo cards and quote cards loop endlessly, and when you drag, they tilt with the motion like real cards.

It's one of the code components in the template. Try it on the live preview..

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonials don't have to be a grid of quotes."}]},{"type":"paragraph","content":[{"type":"text","text":"This is the testimonial slider from Prisma, my portfolio template on the Framer Marketplace. Photo cards and quote cards loop endlessly, and when you drag, they tilt with the motion like real cards."}]},{"type":"paragraph","content":[{"type":"text","text":"It's one of the code components in the template. Try it on the live preview.."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/6Og3G00CWVMhPDgI7a3gQQN9PBctpFQbT2CkBhC8WUxc.m3u8","metadata":{"posterUrl":"https://image.mux.com/6Og3G00CWVMhPDgI7a3gQQN9PBctpFQbT2CkBhC8WUxc/thumbnail.webp?time=10.4","aspectRatio":"951:496","duration":12.733333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T12:24:34.738Z","updatedAt":"2026-10-05T12:24:34.738Z"},{"id":"01a10a8e-2faa-712b-be30-48f058419496","title":null,"body":"

Prisma just got an update — now live.

Brand designer portfolio template for Framer. Refreshed layouts, responsive breakpoints, and the Figma file is included.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Prisma just got an update — now live."}]},{"type":"paragraph","content":[{"type":"text","text":"Brand designer portfolio template for Framer. Refreshed layouts, responsive breakpoints, and the Figma file is included."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10a8a-d6be-707a-8502-a9516629da0e.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1208,"height":840}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T05:34:12.909Z","updatedAt":"2026-10-05T05:34:12.909Z"},{"id":"01a10a86-c14b-75dd-95bd-8abbad1f0e7f","title":null,"body":"

Optivio is #2 in Trending SaaS templates.

10+ remixes in the first weeks. Genuinely did not expect that from a first paid template.

Thank you to everyone who picked it up.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Optivio is #2 in Trending SaaS templates."}]},{"type":"paragraph","content":[{"type":"text","text":"10+ remixes in the first weeks. Genuinely did not expect that from a first paid template."}]},{"type":"paragraph","content":[{"type":"text","text":"Thank you to everyone who picked it up."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a10a85-299e-7368-9a44-968ba860fed4.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":1800}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T05:26:05.903Z","updatedAt":"2026-10-05T05:26:05.903Z"},{"id":"01a107ad-49bd-72e8-a523-8eb449aba3ed","title":null,"body":"

Been working on this for a while my new real estate template drops

tomorrow. Curious what you 'll think.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been working on this for a while my new real estate template drops"}]},{"type":"paragraph","content":[{"type":"text","text":" tomorrow. Curious what you 'll think."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/02xZj2f6GyJOYOAjleq8u5O151Nv6xtgWf00yTqp02GI01A.m3u8","metadata":{"posterUrl":"https://image.mux.com/02xZj2f6GyJOYOAjleq8u5O151Nv6xtgWf00yTqp02GI01A/thumbnail.webp?time=26.5","aspectRatio":"479:270","duration":37.992667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"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-04T16:09:19.552Z","updatedAt":"2026-10-04T16:09:19.552Z"},{"id":"01a106bf-b050-7306-b6cd-fb6503ac84be","title":null,"body":"

Prisma is live on the Framer Marketplace

- Rotating hero roles

- Scramble number counters

- Click-to-reveal services

- Case study filter and sort

- Live local clock

- CMS case studies and journal

Built for brand designers, creative directors and studios.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Prisma is live on the Framer Marketplace"}]},{"type":"paragraph","content":[{"type":"text","text":"- Rotating hero roles"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scramble number counters"}]},{"type":"paragraph","content":[{"type":"text","text":"- Click-to-reveal services"}]},{"type":"paragraph","content":[{"type":"text","text":"- Case study filter and sort"}]},{"type":"paragraph","content":[{"type":"text","text":"- Live local clock"}]},{"type":"paragraph","content":[{"type":"text","text":"- CMS case studies and journal"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for brand designers, creative directors and studios."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74660","resolved":true,"title":"Prisma Studio","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Prisma is a portfolio template for brand designers, creative directors and small studios. Warm orange tones, film-grain imagery and uppercase type give it an editorial feel. The motion stays purposeful: the hero headline cycles through your roles, project counters scramble into place, and clicking a service reveals its details."}]},{"type":"paragraph","content":[{"type":"text","text":"Case studies and journal articles run on CMS. Add an entry and it shows up in the lists, filters and its own detail page automatically."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotating hero roles. One headline cycles through Designer, Creative Director and Artist, or whatever roles you set."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scrambling counters. Project, client and years-of-experience numbers animate into place."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case study CMS. Each project has a brief, a gallery, three result stats, a client quote and category filters."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Journal CMS. Articles with a featured post, read time, tags and newest-first sorting."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click-to-reveal services. Choose a service to open its deliverables and swap the image beside it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live local time. A ticking clock beside your city tells clients when you're working."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact page that works. Brief form with budget and service options, plus an FAQ accordion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Styles you can change globally. 19 text styles and a full colour system, so a rebrand takes minutes."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Pages Included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case Studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case Study Detail (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog Article (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy Policy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Custom Code Components:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotating Hero Roles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scramble Number Counter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Local Clock"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click-to-Reveal Services"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonial Slider"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case Study Filter & Sort"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring FAQ Accordion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Page Transition"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Support:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Need help setting up? Reach out to us at: "},{"type":"text","text":"hello@pixels71.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@pixels71.com","target":"_blank"}}]}]}]},"introduction":"Brand Designer Portfolio Template","slug":"prisma-studio","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a106ba-9995-713e-8b33-30c4b0dbf7f5.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a106ba-9980-723f-97bf-2324a5bd8d5b.jpg","metadata":{"tint":{"h":12,"s":63,"l":13},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a106ba-9979-71a3-a3db-dcd8755fb2d9.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a106ba-998d-708a-9baa-00e08b000dad.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a106bb-39dd-742d-b140-21571dae0568.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-04T11:49:47.610Z","updatedAt":"2026-10-04T11:52:40.879Z","publishedAt":"2026-10-04T11:49:47.607Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"48","paymentUrl":"https://www.pixels71.com/buy/prisma","remixUrl":null,"previewUrl":"https://prismaa.framer.website/","categories":[],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T11:49:48.240Z","updatedAt":"2026-10-04T11:49:48.240Z"},{"id":"01a0e829-b83e-72d5-b840-fee314240d18","title":null,"body":"

Paste raw SVG code Animates every path, line, circle and shape

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste raw SVG code Animates every path, line, circle and shape"}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6oUOKWN04G4so6EBHwgw","resolved":true,"title":"Svg Draw Animation","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SVG Draw turns any SVG into a line-drawing animation. Paste your SVG code into the property panel and the component traces each path stroke by stroke. You don't need to set up keyframes or edit the path."}]},{"type":"paragraph","content":[{"type":"text","text":"Use it for logos, icons, signatures, illustrations or decorative lines. It works with SVGs exported from Figma, Illustrator or any icon library. Just copy the code and paste it in."}]},{"type":"paragraph","content":[{"type":"text","text":"You can adjust the stroke color, width, duration and easing from the Framer panel, and choose whether it plays on load or when scrolled into view [check]. The SVG scales to fit the component, so you can resize it freely on the canvas."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Paste raw SVG code, no file upload needed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Animates every path, line, circle and shape"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Stroke color and width controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Duration, delay and easing controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Trigger on load or on scroll into view"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Loop / replay option"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Responsive: scales to any size"}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Paste your SVG. feel it motion","slug":"svg-draw-animation","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e81c-64b4-7479-930f-cbdf4b4b259a.png","metadata":{"tint":{"h":26,"s":88,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-28T13:17:22.723Z","updatedAt":"2026-09-28T13:17:22.723Z","publishedAt":"2026-09-28T13:17:22.719Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/SVGDraw-BDOPqR.js@w5FH8xMvxZIrfQ85HRMK","previewUrl":"https://svg-draw.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"w5FH8xMvxZIrfQ85HRMK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-28T13:17:23.390Z","updatedAt":"2026-09-28T13:17:23.390Z"},{"id":"01a0e7d1-10c3-7773-a5aa-4e1d806fb405","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Krg7SwuxCvZL6c0yAPsB","resolved":true,"title":"CTA Magnetic Button","body":"

A call-to-action button that's pulled toward the cursor as it comes near, while the label drifts a little further for depth, then springs back when the cursor leaves. You set how strong the pull is, how far out it starts, the text parallax, spring feel and hover scale. Style it with your own font, colors, hover colors, background blur, radius, padding and border. It links to any page or URL, runs on hover-capable devices with a mouse or trackpad, and turns off for touch screens and reduced motion.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A call-to-action button that's pulled toward the cursor as it comes near, while the label drifts a little further for depth, then springs back when the cursor leaves. You set how strong the pull is, how far out it starts, the text parallax, spring feel and hover scale. Style it with your own font, colors, hover colors, background blur, radius, padding and border. It links to any page or URL, runs on hover-capable devices with a mouse or trackpad, and turns off for touch screens and reduced motion."}]}]},"introduction":"button that follows your cursor.","slug":"cta-magnetic-button","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e7ce-c32d-70d8-aed3-fc8492a7d999.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-28T11:40:32.601Z","updatedAt":"2026-09-28T11:40:32.601Z","publishedAt":"2026-09-28T11:40:32.598Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/MagneticCTAButton-BYLhTP.js@nxpWA3Qhib21lrT7nnm1","previewUrl":"https://magnetic-button-p.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"nxpWA3Qhib21lrT7nnm1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-28T11:40:33.347Z","updatedAt":"2026-09-28T11:40:33.347Z"},{"id":"01a0e74b-8694-76ae-9393-4fab4c390553","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8D7W2sSOBbVjpAv7HD6l","resolved":true,"title":"Multi Images Reveal","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Images shouldn't just appear. They should arrive. Image Reveal opens any image, video or card from a corner or edge as it scrolls into view, then folds it away as you move past. It's clean, smooth and hard to scroll past without noticing."}]},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop Image Reveal onto your page and size it like any frame."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick an image, or connect any layer (a video, a card or a whole block) to Content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose where it opens from, then set the timing and easing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place a few side by side with different delays for a staggered reveal."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Key features"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- 9 directions: 4 corners, 4 edges, or from the center."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Scroll-triggered: you set how far down the screen it opens."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Replay: folds away on exit and opens again on return, or plays once."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Any content: images, videos, cards or text blocks."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Easing presets: Soft, Medium, Snappy, Dramatic, Linear."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Rounded corners, with an optional radius change on hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Video-aware: videos wait for the reveal, then pause when hidden."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Mobile-friendly: switches to a light fade on small screens."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Accessible: respects reduced-motion settings."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Why Image Reveal"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A gallery is easy to scroll past. A reveal makes people slow down. One small component gives your images the timing and polish of a custom-coded site, with no code and no setup, and it works with anything you put inside."}]}]},"introduction":"Let every image make an entrance","slug":"multi-images-reveal","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e744-722c-766c-aec6-6cd42a920d5d.png","metadata":{"tint":{"h":0,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-28T09:14:41.098Z","updatedAt":"2026-09-28T09:21:41.199Z","publishedAt":"2026-09-28T09:14:41.096Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/ImageRevealComponent-olKNIg.js@4TRVtZsEn13ehB4YHqwT","previewUrl":"https://multi-images-reveal.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"4TRVtZsEn13ehB4YHqwT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-28T09:14:41.684Z","updatedAt":"2026-09-28T09:14:41.684Z"},{"id":"01a0e674-cff2-740e-9555-9dabb6bb0bd7","title":null,"body":"

ORVELI is trending in E-commerce category on the Framer Marketplace! Making it to the Trending tab is a big moment for me. Thank you everyone for supporting our work.

That's why I decided to give away ORVELI free to 20 people.

Just a few steps: Like, follow, and repost

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ORVELI is trending in E-commerce category on the Framer Marketplace! Making it to the Trending tab is a big moment for me. Thank you everyone for supporting our work. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":" That's why I decided to give away ORVELI free to 20 people."}]},{"type":"paragraph","content":[{"type":"text","text":" Just a few steps: Like, follow, and repost"}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e674-c0a8-7369-aff2-99fdc687bf81.png","metadata":{"tint":{"h":120,"s":17,"l":19},"width":1600,"height":900}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-28T05:20:10.231Z","updatedAt":"2026-09-28T05:20:10.231Z"},{"id":"01a0e258-e6bb-71bf-b4a1-f3867bf721cb","title":null,"body":"

Arc Carousel

Turn your CMS into a swipeable arc connect a collection, and the cards fan out with smooth swipes and a spotlighted center card.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Arc Carousel"}]},{"type":"paragraph","content":[{"type":"text","text":"Turn your CMS into a swipeable arc connect a collection, and the cards fan out with smooth swipes and a spotlighted center card."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1nguupiymQQAmb9ANo5p","resolved":true,"title":"Curved Arc Carousel","body":"$58","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The "},{"type":"text","text":"Curved Arc Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" transforms any CMS collection into a sweeping 3D-style showcase. Cards curve fluidly across the screen, putting your featured item front and center while keeping visitors hooked as they scroll."}]},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop Arc Carousel onto your page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Connect your CMS Collection List to the Cards property. That's it, and there's no code. Separate cards work too."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the arc, speed and arrow style from the properties panel. You can use different settings for each breakpoint."}]},{"type":"paragraph"},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Key features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- Direct CMS connection: any Collection List, and your own card design."}]},{"type":"paragraph","content":[{"type":"text","text":"- Swipe and drag: smooth on mouse and touch, with the same transition as the arrows."}]},{"type":"paragraph","content":[{"type":"text","text":"- Built-in arrows: change the size, colors, hover state, border and radius, or hide them."}]},{"type":"paragraph","content":[{"type":"text","text":"- Adjustable arc: radius, spacing, tilt, curve up or down, and cards per side."}]},{"type":"paragraph","content":[{"type":"text","text":"- Active image zoom: the center card's image gently zooms in."}]},{"type":"paragraph","content":[{"type":"text","text":"- Autoplay: with pause on hover and adjustable timing."}]},{"type":"paragraph","content":[{"type":"text","text":"- Click to navigate: click a side card to bring it forward."}]},{"type":"paragraph","content":[{"type":"text","text":"- Accessible: arrow-key navigation, a focus ring, screen reader labels and reduced-motion support."}]},{"type":"paragraph","content":[{"type":"text","text":"- Responsive: tune it per breakpoint, and page scrolling still works on phones."}]},{"type":"paragraph","content":[{"type":"text","text":"- Works on the canvas: you see the real arc while you design."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Why Arc Carousel"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A grid lists your content. An arc shows it off. The curved layout pulls the eye to one featured item at a time, invites visitors to swipe, and makes any section feel premium without extra design work. Connect your CMS once and new items show up automatically."}]},{"type":"paragraph"},{"type":"paragraph"}]}]}]},"introduction":"curved, swipeable CMS carousel","slug":"curved-arc-carousel","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e24c-d7a6-759a-aae2-86e270399456.png","metadata":{"tint":{"h":120,"s":17,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-27T10:11:11.536Z","updatedAt":"2026-09-27T10:11:11.536Z","publishedAt":"2026-09-27T10:11:11.532Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://arc-carousel-cms.framer.website/","price":"4","paymentUrl":"https://www.pixels71.com/buy/curved-arc-carousel","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"S3xhgQK1ilWfjfoWSjWd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-27T10:11:12.187Z","updatedAt":"2026-09-27T10:11:12.187Z"},{"id":"01a0e158-2a8f-759b-a1c4-f6faa2c79cf0","title":null,"body":"

Optivio is trending in SaaS templates on the Framer Marketplace.

Thanks to everyone who picked it up and shared it. Means a lot.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Optivio is trending in SaaS templates on the Framer Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"Thanks to everyone who picked it up and shared it. Means a lot."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0e157-4fa1-721a-8f98-f91e18f62022.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":900}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-27T05:30:46.803Z","updatedAt":"2026-09-27T05:30:46.803Z"},{"id":"01a0d3ad-ccac-73db-903b-000096afec14","title":null,"body":"

Testimonial Showcase

Large portrait, quote that slides in word by word, photos that switch with a radial reveal.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":" Testimonial Showcase"}]},{"type":"paragraph","content":[{"type":"text","text":"Large portrait, quote that slides in word by word, photos that switch with a radial reveal."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"BxcYehkmegtSq0y7hhag","resolved":true,"title":"Slider Testimonial","body":"

An editorial testimonial slider with a large portrait and an animated quote. Photos change with a radial reveal while the text slides in word by word, and every font, color and timing is editable from the properties panel.

Features:

- Portrait transitions: radial reveal, directional wipe or fade.

- Quote reveal: by word, line, letter, or a simple fade.

- Autoplay: with a progress bar and pause on hover.

- Odometer counter: the slide number rolls like a counter.

- Stat counters: optional numbers that count up per testimonial.

- Portrait framing: crop focus and zoom per photo, with any shape from oval to square.

- Responsive: switches to a stacked layout below a breakpoint you set.

- Accessible motion: respects Reduce Motion settings.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An editorial testimonial slider with a large portrait and an animated quote. Photos change with a radial reveal while the text slides in word by word, and every font, color and timing is editable from the properties panel."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Portrait transitions: radial reveal, directional wipe or fade."}]},{"type":"paragraph","content":[{"type":"text","text":"- Quote reveal: by word, line, letter, or a simple fade."}]},{"type":"paragraph","content":[{"type":"text","text":"- Autoplay: with a progress bar and pause on hover."}]},{"type":"paragraph","content":[{"type":"text","text":"- Odometer counter: the slide number rolls like a counter."}]},{"type":"paragraph","content":[{"type":"text","text":"- Stat counters: optional numbers that count up per testimonial."}]},{"type":"paragraph","content":[{"type":"text","text":"- Portrait framing: crop focus and zoom per photo, with any shape from oval to square."}]},{"type":"paragraph","content":[{"type":"text","text":"- Responsive: switches to a stacked layout below a breakpoint you set."}]},{"type":"paragraph","content":[{"type":"text","text":"- Accessible motion: respects Reduce Motion settings."}]}]},"introduction":"Animated Testimonial","slug":"slider-testimonial","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0d3ab-f5c9-718c-8a6c-b4c04d2174ab.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-24T13:49:37.219Z","updatedAt":"2026-09-24T13:49:37.219Z","publishedAt":"2026-09-24T13:49:37.214Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://testimonial-showcase.framer.website/","price":"4","paymentUrl":"https://www.pixels71.com/buy/slider-testimonial","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"yfRKhEVWyVK1uSYRzfFI","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-24T13:49:37.837Z","updatedAt":"2026-09-24T13:49:37.837Z"},{"id":"01a0d372-dffb-7309-9b12-576d32ed47e4","title":null,"body":"

Just released Expanding Step Cards for Framer.

It's a row of numbered cards where the one you hover expands to reveal an image, and the rest shrink to a slim text column. On smaller screens it switches to a stacked layout with every image visible.

Change sizes, colours, fonts and the spring motion right in the properties panel.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just released Expanding Step Cards for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"It's a row of numbered cards where the one you hover expands to reveal an image, and the rest shrink to a slim text column. On smaller screens it switches to a stacked layout with every image visible."}]},{"type":"paragraph","content":[{"type":"text","text":"Change sizes, colours, fonts and the spring motion right in the properties panel."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"gTSlbjcnb4zOpVZ7HceS","resolved":true,"title":"Expanding Step Cards","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A row of numbered cards where the hovered card expands to show its image and the others shrink to a slim text column. It's built for \"how it works\" and process sections, and switches to a stacked layout on smaller screens."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover to expand.","marks":[{"type":"bold"}]},{"type":"text","text":" The active card grows with a spring animation to reveal its image while the rest shrink."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Numbered steps.","marks":[{"type":"bold"}]},{"type":"text","text":" Each card has a number, title, text and image, all edited in the properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose the starting card.","marks":[{"type":"bold"}]},{"type":"text","text":" Pick which card is open before anyone interacts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reset or keep.","marks":[{"type":"bold"}]},{"type":"text","text":" When the cursor leaves, the row either goes back to the starting card or keeps the last one open."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stacked mode for mobile.","marks":[{"type":"bold"}]},{"type":"text","text":" One card per row, with every image visible and placed on the right or on top."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full style control.","marks":[{"type":"bold"}]},{"type":"text","text":" Set the card and image sizes, padding, gaps, radius, colours and fonts for the number, title and text."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom motion.","marks":[{"type":"bold"}]},{"type":"text","text":" Tune the spring or easing from Framer's transition control."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard friendly.","marks":[{"type":"bold"}]},{"type":"text","text":" Tabbing to a card opens it, just like hovering."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"What's Included","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Expanding Step Cards code component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Demo steps section with 3 sample cards (badge, heading and subtext)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layouts for desktop, laptop, tablet and phone"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Custom Code Components","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"ExpandingStepCards"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Support:","marks":[{"type":"bold"}]},{"type":"text","text":" Need help setting up? Reach out to us at: "},{"type":"text","text":"hello@pixels71.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@pixels71.com","target":"_blank"}}]}]}]},"introduction":"Steps Section Framer Component","slug":"expanding-step-cards","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0d372-1d12-7499-a0b3-447f7fc8b3e4.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":2000,"height":1500}}],"post":null,"createdAt":"2026-09-24T12:45:15.567Z","updatedAt":"2026-09-24T12:45:15.567Z","publishedAt":"2026-09-24T12:45:15.561Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/ImpactRow-iyCfOt.js@CSUD8ehjfaF94GEzVwL7","previewUrl":"https://expandingstepcards.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"CSUD8ehjfaF94GEzVwL7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-24T12:45:16.155Z","updatedAt":"2026-09-24T12:45:16.155Z"},{"id":"01a0d341-f3e5-74c3-a6ec-d3ff6384e6c2","title":null,"body":"

Feature Carousel is now on the Framer Marketplace.

→ Infinite loop in both directions

→ Video or image on every card

→ Side-by-side or stacked card layout

→ Styled arrows with an active state

→ Custom spring motion

Built for SaaS and product landing pages.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Feature Carousel is now on the Framer Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"→ Infinite loop in both directions "}]},{"type":"paragraph","content":[{"type":"text","text":"→ Video or image on every card "}]},{"type":"paragraph","content":[{"type":"text","text":"→ Side-by-side or stacked card layout "}]},{"type":"paragraph","content":[{"type":"text","text":"→ Styled arrows with an active state "}]},{"type":"paragraph","content":[{"type":"text","text":"→ Custom spring motion"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for SaaS and product landing pages."}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"32d6YVq0yP9eRoNSEMQp","resolved":true,"title":"Feature Carousel","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A looping carousel for showing off product features, with a video or image and a short description on each card. Drop it into any section and change the cards, sizes, colours and motion from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite loop.","marks":[{"type":"bold"}]},{"type":"text","text":" Cards cycle endlessly in both directions with no jump at the end."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video or image per card.","marks":[{"type":"bold"}]},{"type":"text","text":" Add an MP4, WebM or MOV, an image, or both layered together."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart video playback.","marks":[{"type":"bold"}]},{"type":"text","text":" Videos only play while their cards are on or near the screen, which keeps the page light."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Side-by-side or stacked cards.","marks":[{"type":"bold"}]},{"type":"text","text":" Put the text beside the media or below it with one toggle."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge bleed.","marks":[{"type":"bold"}]},{"type":"text","text":" Cards can run past the container edges for a full-width look while the section stays aligned."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Styled arrows.","marks":[{"type":"bold"}]},{"type":"text","text":" Set the background, border, padding and icon size, plus separate colours for idle and active."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom motion.","marks":[{"type":"bold"}]},{"type":"text","text":" Tune the spring or easing from Framer's transition control."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible controls.","marks":[{"type":"bold"}]},{"type":"text","text":" The arrows have screen-reader labels and a visible keyboard focus outline."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"What's Included","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feature Carousel code component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Demo section with 6 sample feature cards (badge, heading and subtext)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layouts for desktop, laptop, tablet and phone"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Custom Code Components","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"FeatureCarousel"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Support:","marks":[{"type":"bold"}]},{"type":"text","text":" Need help setting up? Reach out to us at: "},{"type":"text","text":"hello@pixels71.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@pixels71.com","target":"_blank"}}]}]}]},"introduction":"Feature Carousel Framer Component","slug":"feature-carousel","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0d33f-c39c-77ab-b93e-e00cff2e390b.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":2000,"height":1500}}],"post":null,"createdAt":"2026-09-24T11:51:49.436Z","updatedAt":"2026-09-24T12:46:46.587Z","publishedAt":"2026-09-24T11:51:49.434Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/LoopFeatureCarousel-I99VJl.js@ZfY9IRI9MdVdDVTm4w3v","previewUrl":"https://featurecarousel.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ZfY9IRI9MdVdDVTm4w3v","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-24T11:51:49.989Z","updatedAt":"2026-09-24T11:51:49.989Z"},{"id":"01a0d341-ec3f-777b-a6b3-d7406ee4de39","title":null,"body":"

ORVELL is live!

Designed for skincare and beauty ecommerce brands. Clean design, smooth animations,

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ORVELL is live!"}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for skincare and beauty ecommerce brands. Clean design, smooth animations, "}]}]},"author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73794","resolved":true,"title":"Orveli Organic store","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Our new Framer template Orveli design for skincare and beauty brands. soft cream, and a full store behind it - CMS products, a slide-out bag, promo codes that work, instant search, and a checkout page already designed."}]},{"type":"customHeading","content":[{"type":"text","text":"FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Cart: Persistent slide-out bag with instant quantity updates and a live free-shipping progress bar."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS: Pre-built product pages with instant updates for badges, ratings, and pricing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Promo Codes: Instant discount and subtotal recalculation across bag and checkout views."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Search: Full-screen search overlay featuring live filtering and popular item suggestions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Category Filtering: Tabbed filtering across both the main shop and product cross-sell rows."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Signature Motion: Curved product carousel, word-by-word scroll text reveals, and stacked video cards."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Transitions: Branded curtain page transitions paired with a percentage-based preloader."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive & Scalable: Global color and type styles optimized for desktop, tablet, and mobile."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"PAGES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Home · Shop · Product Detail (CMS) · Checkout · About · Contact · Sign In · Create Account · Privacy · Terms · 404"}]},{"type":"customHeading","content":[{"type":"text","text":"COMPONENTS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Cart engine · slide-out bag · promo code handler · add-to-cart toast · search overlay · arc carousel · category tabs · curtain transition · logo preloader · word-by-word scroll text · rotating hero word · marquee ticker · stacking scroll cards · star ratings"}]},{"type":"customHeading","content":[{"type":"text","text":"BEFORE YOU GO LIVE","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The store runs in demo mode - cart, codes and totals are worked out on the page, no order is really placed. Connect the checkout to your payment provider, and delete the "},{"type":"text","text":"WELCOME10","marks":[{"type":"bold"}]},{"type":"text","text":" hint above the promo field."}]},{"type":"customHeading","content":[{"type":"text","text":"SUPPORT","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Stuck somewhere? Write to "},{"type":"text","text":"hello@pixels71.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@pixels71.com","target":"_blank"}}]},{"type":"text","text":" and we'll help you get it running."}]}]},"introduction":"Skincare Store Framer Template","slug":"orveli-organic-store","author":{"framerUserId":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","name":"Pixels71","slug":"pixels71","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0d33c-dbbd-7748-a11c-0d677ca43af3.jpg","metadata":{"tint":{"h":120,"s":17,"l":19},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0d33c-db14-73dc-a9ae-a9c038afce25.jpg","metadata":{"tint":{"h":120,"s":17,"l":19},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0d33c-db4c-74ee-98c1-e95758344ab4.jpg","metadata":{"tint":{"h":120,"s":17,"l":19},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0d33c-db24-7089-826d-6b419d53db1f.jpg","metadata":{"tint":{"h":120,"s":17,"l":19},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-24T11:51:47.388Z","updatedAt":"2026-10-04T16:37:10.426Z","publishedAt":"2026-09-24T11:51:47.384Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"48","paymentUrl":"https://www.pixels71.com/buy/orveli","remixUrl":null,"previewUrl":"https://orveli-skin-care.framer.website/","categories":[{"id":275,"name":"Beauty","slug":"beauty"},{"id":11,"name":"Ecommerce","slug":"ecommerce"},{"id":7,"name":"Brand Guidelines","slug":"brand-guidelines"},{"id":224,"name":"Hair & Beauty","slug":"hair-and-beauty"},{"id":214,"name":"Fashion","slug":"fashion"},{"id":253,"name":"Social & Recreational","slug":"social-and-recreational"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":11,"name":"Ecommerce","slug":"ecommerce"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-24T11:51:48.031Z","updatedAt":"2026-09-24T11:51:48.031Z"}],"pagination":{"next":"MDFhMGQzNDEtZWMzZi03NzdiLWE2YjMtZDc0MDZlZTRkZTM5","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5c"}]