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

Spotlight Quotes is a testimonial carousel that puts one voice in the spotlight. The active card sits in the center at full size and full sharpness, while the cards around it shrink, fade and softly blur. Visitors read one quote at a time and still see a full wall of social proof.

Below the cards, the quote, name and role change with a gentle crossfade, and two clean arrow buttons keep the controls simple.

How it feels

- Drag or swipe and the cards follow your finger or cursor, then settle with a soft spring

- Flick for momentum, or use the arrow buttons, arrow keys, horizontal trackpad scroll, or click any side card

- Optional infinite loop, autoplay with an adjustable interval, and a start position

- Optional 3D tilt on the side cards

- Respects reduced motion settings

What you can customize

- Testimonials: image, quote, name and role for every entry

- Card width, height, corner radius and gap

- Side card scale, opacity, blur and rotation

- Fonts and colors for the quote, name and role

- Button size and colors

- Background color and padding

- Spacing between the cards, the quote and the controls

How to use

1. Copy the component URL and paste it onto your Framer canvas.

2. Select it and open the properties panel.

3. Add your testimonials and an image for each one.

4. Adjust card size, side effects and typography to match your brand.

5. Preview, then publish.

Tips

- Use images around 600 to 800 pixels wide to keep things light

- Works with Fixed, Fill or Fit width, and the cards scale down on small screens

- The quote text automatically matches the width of the card row

- Use five or more testimonials so two cards show on each side of the center

- Set Side Blur to 0 for crisp side cards

- Turn Loop off and the arrows dim at the first and last card

Great for landing pages, SaaS sites, agency and portfolio pages, and any section where social proof deserves more than a plain grid.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-d9512955-c3e6-4d6e-a2d0-a969d8396921-all:/unified/creator/d9512955-c3e6-4d6e-a2d0-a969d8396921/activity/":[{"data":[{"id":"01a0bdad-8c41-7318-a69b-0002a0fe38a7","type":"component.created","target":{"type":"component","id":"8Kf4eqeKZ8to0BSuIkb3","preview":"Spotlight Quotes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/01a0bdab-f6d0-764f-b8c4-5edc07baf770.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","slug":"raduanux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-20T07:17:42.593Z","latestAt":"2026-09-20T07:17:42.593Z"},{"id":"019fb1b2-85d1-7438-b9a7-7fa6009548d8","type":"template.created","target":{"type":"template","id":"70401","preview":"Rooted Nutri","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019fb1a2-f9b2-70ed-84c8-83c81ef843c0.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","slug":"raduanux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-30T06:24:54.737Z","latestAt":"2026-07-30T06:24:54.737Z"},{"id":"019faa4c-82cb-70b4-931b-1d91cd8061b9","type":"component.created","target":{"type":"component","id":"GCK4qWmCkGWIEeeZO5fu","preview":"Expand Rotate Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019faa4a-a5cc-72cc-b8c8-f326966d776b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","slug":"raduanux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-28T19:56:08.778Z","latestAt":"2026-07-28T19:56:08.778Z"},{"id":"019f83f6-e0a1-70dc-a4c2-5021cd3495b0","type":"comment.created","target":{"type":"post","id":"019f7eb6-cfd7-713b-b260-c31c770a2c36","preview":"Foliotix","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7b7d47f-7d8b-4f5a-b29d-adcdbf2e3dfd/019fd2af-e7aa-73c9-bfff-cf256f4e74a5.png","targetDeleted":false,"owned":false,"actions":{"postId":"019f7eb6-cfd7-713b-b260-c31c770a2c36","like":{"count":33,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f83f6-e088-76e8-bd9e-4b6e210d07df","preview":"This is fire🔥 brother","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is fire"},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" brother"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f7eb6-cfd7-713b-b260-c31c770a2c36","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f83f6-e088-76e8-bd9e-4b6e210d07df"},"repost":null}},"actors":[{"id":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","slug":"raduanux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T09:17:02.497Z","latestAt":"2026-07-21T09:17:02.497Z"},{"id":"019f7abf-fcd4-76a1-95ff-5a731561ce9b","type":"post.liked","target":{"type":"post","id":"019f7a96-16e3-732e-8609-173a32b4b556","preview":null,"previewJson":null,"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f7a96-16e3-732e-8609-173a32b4b556","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","slug":"raduanux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T14:20:30.289Z","latestAt":"2026-07-19T14:20:30.289Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:d9512955-c3e6-4d6e-a2d0-a969d8396921:/unified/posts/?creator=d9512955-c3e6-4d6e-a2d0-a969d8396921&with=reposts":[{"data":[{"id":"01a0bdad-89e8-708e-a3bb-cce6cae70bdd","title":null,"body":"

New Framer component✨

Social proof that actually gets read.

One quote in sharp focus, the rest softly blurred.

Drag, swipe, and it glides.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New Framer component✨"}]},{"type":"paragraph","content":[{"type":"text","text":"Social proof that actually gets read."}]},{"type":"paragraph","content":[{"type":"text","text":"One quote in sharp focus, the rest softly blurred."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag, swipe, and it glides."}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8Kf4eqeKZ8to0BSuIkb3","resolved":true,"title":"Spotlight Quotes","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Spotlight Quotes is a testimonial carousel that puts one voice in the spotlight. The active card sits in the center at full size and full sharpness, while the cards around it shrink, fade and softly blur. Visitors read one quote at a time and still see a full wall of social proof."}]},{"type":"paragraph","content":[{"type":"text","text":"Below the cards, the quote, name and role change with a gentle crossfade, and two clean arrow buttons keep the controls simple."}]},{"type":"customHeading","content":[{"type":"text","text":"How it feels"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"- Drag or swipe and the cards follow your finger or cursor, then settle with a soft spring"}]},{"type":"paragraph","content":[{"type":"text","text":"- Flick for momentum, or use the arrow buttons, arrow keys, horizontal trackpad scroll, or click any side card"}]},{"type":"paragraph","content":[{"type":"text","text":"- Optional infinite loop, autoplay with an adjustable interval, and a start position"}]},{"type":"paragraph","content":[{"type":"text","text":"- Optional 3D tilt on the side cards"}]},{"type":"paragraph","content":[{"type":"text","text":"- Respects reduced motion settings"}]},{"type":"paragraph","content":[{"type":"text","text":"What you can customize"}]},{"type":"paragraph","content":[{"type":"text","text":"- Testimonials: image, quote, name and role for every entry"}]},{"type":"paragraph","content":[{"type":"text","text":"- Card width, height, corner radius and gap"}]},{"type":"paragraph","content":[{"type":"text","text":"- Side card scale, opacity, blur and rotation"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fonts and colors for the quote, name and role"}]},{"type":"paragraph","content":[{"type":"text","text":"- Button size and colors"}]},{"type":"paragraph","content":[{"type":"text","text":"- Background color and padding"}]},{"type":"paragraph","content":[{"type":"text","text":"- Spacing between the cards, the quote and the controls"}]},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"1. Copy the component URL and paste it onto your Framer canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Select it and open the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Add your testimonials and an image for each one."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Adjust card size, side effects and typography to match your brand."}]},{"type":"paragraph","content":[{"type":"text","text":"5. Preview, then publish."}]},{"type":"customHeading","content":[{"type":"text","text":"Tips"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"- Use images around 600 to 800 pixels wide to keep things light"}]},{"type":"paragraph","content":[{"type":"text","text":"- Works with Fixed, Fill or Fit width, and the cards scale down on small screens"}]},{"type":"paragraph","content":[{"type":"text","text":"- The quote text automatically matches the width of the card row"}]},{"type":"paragraph","content":[{"type":"text","text":"- Use five or more testimonials so two cards show on each side of the center"}]},{"type":"paragraph","content":[{"type":"text","text":"- Set Side Blur to 0 for crisp side cards"}]},{"type":"paragraph","content":[{"type":"text","text":"- Turn Loop off and the arrows dim at the first and last card"}]},{"type":"paragraph","content":[{"type":"text","text":"Great for landing pages, SaaS sites, agency and portfolio pages, and any section where social proof deserves more than a plain grid.","marks":[{"type":"bold"}]}]}]},"introduction":"Testimonial carousel with focus","slug":"spotlight-quotes","author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/01a0bdab-f6d0-764f-b8c4-5edc07baf770.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-20T07:17:41.344Z","updatedAt":"2026-09-20T07:17:41.344Z","publishedAt":"2026-09-20T07:17:41.341Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Spotlight-Quotes-MDcvXM.js@0q08X4P4v1x0hYzh57MR","previewUrl":"https://spotlightquotes.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"0q08X4P4v1x0hYzh57MR","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-20T07:17:41.992Z","updatedAt":"2026-09-20T07:17:41.992Z"},{"id":"019fdc92-501e-73d9-bf46-0ff47e292635","title":null,"body":"

Footer for the author bookstore. WIP @framer

Clean, simple, and designed to keep the professional feel all the way to the bottom.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Footer for the author bookstore. WIP "},{"type":"text","text":"@framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.instagram.com/framer/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Clean, simple, and designed to keep the professional feel all the way to the bottom."}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019fdc92-1991-7670-a1e7-ba7031f38516.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-07T14:13:24.131Z","updatedAt":"2026-08-07T14:13:24.131Z"},{"id":"019fc7e5-51b6-7646-8edf-cc769c09f6b2","title":null,"body":"

Hero section for an author bookstore framer template. Clean and elegant design to help writers sell their books with a strong first impression.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section for an author bookstore framer template. Clean and elegant design to help writers sell their books with a strong first impression."}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019fc7e4-9bba-76e0-a5ac-29439c5eab64.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T13:52:02.491Z","updatedAt":"2026-08-03T13:52:02.491Z"},{"id":"019fb1b2-8409-726e-a1b7-3bef12d914de","title":null,"body":"

After weeks of designing, refining, and polishing every detail, my first @framer template is finally live.

Rooted is a modern website template for nutrition coaches who want a clean and professional online presence.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"After weeks of designing, refining, and polishing every detail, my first @framer template is finally live."}]},{"type":"paragraph","content":[{"type":"text","text":"Rooted ","marks":[{"type":"bold"}]},{"type":"text","text":"is a modern website template for nutrition coaches who want a clean and professional online presence."}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70401","resolved":true,"title":"Rooted Nutri","body":"

Rooted is a thoughtfully designed Framer template for nutrition coaches, dietitians, health coaches, and wellness professionals. It combines clean layouts, engaging storytelling, and conversion-focused sections to help you present your services with clarity and confidence.

Built with a modern aesthetic and responsive design, the template includes everything needed for a professional coaching website, including service pages, pricing, testimonials, FAQs, and clear calls to action. Every section is easy to customise, making it simple to adapt the template to your own brand.

Whether you're launching a new coaching business or refreshing your online presence, Rooted helps you create a trustworthy and polished website in minutes.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Rooted is a thoughtfully designed Framer template for nutrition coaches, dietitians, health coaches, and wellness professionals.","marks":[{"type":"bold"}]},{"type":"text","text":" It combines clean layouts, engaging storytelling, and conversion-focused sections to help you present your services with clarity and confidence."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with a modern aesthetic and responsive design, the template includes everything needed for a professional coaching website, including service pages, pricing, testimonials, FAQs, and clear calls to action. Every section is easy to customise, making it simple to adapt the template to your own brand."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're launching a new coaching business or refreshing your online presence, Rooted helps you create a trustworthy and polished website in minutes."}]}]},"introduction":"Designed for Nutrition Coaches","slug":"rooted-nutri","author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019fb1a2-f9b2-70ed-84c8-83c81ef843c0.png","metadata":{"tint":{"h":200,"s":22,"l":28},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019fb1aa-134a-719a-be90-a657c62971a4.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-30T06:24:53.826Z","updatedAt":"2026-07-30T06:24:53.826Z","publishedAt":"2026-07-30T06:24:53.823Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/PE8e03C","remixUrl":"https://framer.link/PE8e03C","previewUrl":"https://rooted01.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":238,"name":"Medical","slug":"medical"},{"id":114,"name":"Education","slug":"education"},{"id":254,"name":"Sports","slug":"sports"},{"id":205,"name":"Consulting","slug":"consulting"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":279,"name":"Fitness","slug":"fitness"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T06:24:54.282Z","updatedAt":"2026-07-30T06:24:54.282Z"},{"id":"019faa4c-80d2-740a-b49c-2ac96df9ced3","title":null,"body":"

Uploaded a new button component. Check out✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Uploaded a new button component. Check out✨"}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"GCK4qWmCkGWIEeeZO5fu","resolved":true,"title":"Expand Rotate Button","body":"

Expand Rotate Button is a minimal, interactive CTA component designed to create smooth and engaging hover animations. As users interact with the button, the circular background expands while the icon rotates, adding a modern, dynamic touch without compromising a clean and minimal aesthetic.

The component is lightweight, versatile, and easy to integrate into virtually any website or landing page. A subtle pressed-state animation further enhances the interaction, making the button feel more responsive, tactile, and satisfying to click while providing clear visual feedback.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Expand Rotate Button ","marks":[{"type":"bold"}]},{"type":"text","text":"is a minimal, interactive CTA component designed to create smooth and engaging hover animations. As users interact with the button, the circular background expands while the icon rotates, adding a modern, dynamic touch without compromising a clean and minimal aesthetic."}]},{"type":"paragraph","content":[{"type":"text","text":"The component is lightweight, versatile, and easy to integrate into virtually any website or landing page. A subtle pressed-state animation further enhances the interaction, making the button feel more responsive, tactile, and satisfying to click while providing clear visual feedback."}]}]},"introduction":"Free Premium Button Component","slug":"expand-rotate-button","author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019faa4a-a5cc-72cc-b8c8-f326966d776b.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2208}}],"post":null,"createdAt":"2026-07-28T19:56:07.830Z","updatedAt":"2026-07-28T19:56:07.830Z","publishedAt":"2026-07-28T19:56:07.827Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/button-zz9qRb.js@X773G4aodA82CW4CkMjb","previewUrl":"https://heartwarming-alternative-144261.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"X773G4aodA82CW4CkMjb","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-28T19:56:08.274Z","updatedAt":"2026-07-28T19:56:08.274Z"},{"id":"019f9eb6-3d14-761f-a9b8-f7b3253ce7ad","title":null,"body":"

Social proof section for a wellness coaching brand. Clear numbers + real results to build trust and help visitors convert with confidence.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Social proof section for a wellness coaching brand. Clear numbers + real results to build trust and help visitors convert with confidence."}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019f9eb6-2b52-73a1-870c-92c72dec9170.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":2630}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-26T13:56:11.166Z","updatedAt":"2026-07-26T13:56:11.166Z"},{"id":"019f9597-1a3f-715a-b090-083bf6dbf4a5","title":null,"body":"

Added animation✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Added animation"},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/3Pz4qd01ZyYzK9S5CeqaftmYYlfkdoIUZHUu01N00VexxI.m3u8","metadata":{"posterUrl":"https://image.mux.com/3Pz4qd01ZyYzK9S5CeqaftmYYlfkdoIUZHUu01N00VexxI/thumbnail.webp?time=3.864","aspectRatio":"16:9","duration":6.033889}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T19:25:35.687Z","updatedAt":"2026-07-24T19:25:35.687Z"},{"id":"019f8ab2-b524-75b4-8b17-edba68aa3be0","title":null,"body":"

Designed this section to make visitors feel seen before they even scroll to the offer.

WIP @framer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed this section to make visitors feel seen before they even scroll to the offer."}]},{"type":"paragraph","content":[{"type":"text","text":"WIP @framer"}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019f8ab2-92fb-76af-842c-50d630da65c3.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-22T16:39:55.432Z","updatedAt":"2026-07-22T16:39:55.432Z"},{"id":"019f8518-6eaa-70ba-82d5-8cf46a3a3c49","title":null,"body":"

Footer design for a new @framer template✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Footer design for a new "},{"type":"text","text":"@framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.instagram.com/framer/","target":"_blank"}}]},{"type":"text","text":" template"},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019f8518-56bf-70ae-9ed3-e82686d4cd91.png","metadata":{"tint":{"h":30,"s":57,"l":22},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T14:33:18.766Z","updatedAt":"2026-07-21T14:33:18.766Z"},{"id":"019f7ac6-eead-7476-973f-da6cb2dd04fa","title":null,"body":"

Hero for a jewelry website✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero for a jewelry website✨"}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019f7ac6-c714-739b-b5a0-162c1ca63762.png","metadata":{"tint":{"h":40,"s":38,"l":50},"width":2880,"height":2048}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-19T14:28:05.424Z","updatedAt":"2026-07-19T14:28:05.424Z"},{"id":"019f71a1-c8b7-7738-90ac-dca62d115600","title":null,"body":"

New @framer template in the works✨

Here's a first look at one of the sections.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New @framer template in the works"},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Here's a first look at one of the sections."}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019f71a1-3f61-71fb-823a-642295d99654.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":2972,"height":3200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-17T19:50:55.938Z","updatedAt":"2026-07-17T19:50:55.938Z"},{"id":"019f6b17-bdfa-7099-a528-e7fe2f5837c5","title":null,"body":"

Designed this landing page hero for a wellness coaching brand concept.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed this landing page hero for a wellness coaching brand concept."}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019f6b17-a2d6-7038-9a43-d45123b6c177.png","metadata":{"tint":{"h":120,"s":10,"l":35},"width":3200,"height":2400}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-16T13:22:25.918Z","updatedAt":"2026-07-16T13:22:25.918Z"},{"id":"019f698f-8382-7648-91bf-384af8500a15","title":null,"body":"

Hero for a pet care website✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero for a pet care website✨"}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d9512955-c3e6-4d6e-a2d0-a969d8396921/019f698f-1fdd-7689-8c4b-faf9702a50ae.png","metadata":{"tint":{"h":0,"s":0,"l":33},"width":2880,"height":2048}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-16T06:14:00.838Z","updatedAt":"2026-07-16T06:14:00.838Z"},{"id":"019f670f-943d-7322-a0ba-840407f69059","title":null,"body":"

Designed a matcha brand hero in Framer using the new shader effects. No static backgrounds. The whole thing breathes.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed a matcha brand hero in Framer using the new shader effects. No static backgrounds. The whole thing breathes."}]}]},"author":{"framerUserId":"d9512955-c3e6-4d6e-a2d0-a969d8396921","name":"Raduan","slug":"raduanux","avatar":"https://framerusercontent.com/avatars/users/d9512955-c3e6-4d6e-a2d0-a969d8396921/FjhcstXHA","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/HKf00f01VVeoDyFstXaE1SnQz002lhXo8lXPk005cEio52Y.m3u8","metadata":{"posterUrl":"https://image.mux.com/HKf00f01VVeoDyFstXaE1SnQz002lhXo8lXPk005cEio52Y/thumbnail.webp?time=4.671","aspectRatio":"36:25","duration":10.01}}],"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":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-15T18:35:02.081Z","updatedAt":"2026-07-15T18:35:02.081Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]