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

Make Your Digital Love Story Bloom

A digital invitation should not feel like a standard webpage it should feel like a romantic gesture. The Blooming Petal component brings the breathtaking beauty of a blossoming flower directly to your Framer canvas.

Perfect for luxury wedding invitations, Valentine's Day campaigns, anniversary pages, and boutique florists, this component replaces static images with a delicate, cinematic moment that your guests will never forget.

A Breathtaking Scroll Experience

This component is designed to evoke emotion. It waits perfectly hidden until your guest scrolls it into view, at which point it gracefully and organically blooms across the screen. When hovered, the petals gently expand, inviting the user to interact intimately with your design.

Crafted for Romance, Built for You

You do not need to touch a single line of code to make this flower your own. Everything is controlled effortlessly from the Framer sidebar:

Choose Your Flower: Upload your own petal images to instantly create classic red roses, soft pink peonies, white lilies, or delicate cherry blossoms to match your specific floral palette.
Set the Mood: Adjust the animation speed slider to dictate the feeling of the reveal from a snappy, joyful pop to a slow, cinematic opening.
Perfectly Sized: Easily scale the bloom to fit beautifully above your RSVP form, inside a hero section, or next to a romantic photo gallery.

🎁 Bonus Floral Asset Pack Included

Your download includes a setup PDF containing a private Google Drive link. This folder gives you instant access to the high-resolution, transparent petal PNGs used in our live demo, so you can achieve the exact look you see in the preview.

Perfect For

High-End Wedding Invitations: Give your guests a cinematic, unforgettable first impression.
Romantic Campaigns: Elevate Valentine's Day landing pages or anniversary gifts.
Boutique Brands: Add an organic, high-end touch to florist or luxury event planning portfolios.

53:T803,

The First Impression Matters

You have spent months curating the perfect venue, the floral palette, and the physical invitation suite. The digital introduction to your wedding should not be an afterthought. Your wedding deserves an elegant, responsive, and deeply personal digital experience.

A Cinematic Digital Experience

Available completely free, Atelier Invite is a premium Framer template designed to break out of the standard, cookie-cutter "wedding website" box. We prioritize high-end aesthetics and functionality, utilizing fluid animations and smooth transitions. Scrolling through your love story will feel like browsing a luxury editorial magazine, instantly elevating your guest experience without impacting your wedding budget.

Premium Features

Mobile-First Design: Over 90% of your guests will open your invite on their phones. This template is precisely engineered to look flawless and load instantly on every screen size.
Fluid & Cinematic: Pre-configured with tasteful, high-fidelity scroll animations that bring your photography to life.
Stress-Free RSVPs: Features a beautifully designed RSVP section that can easily be linked to a Google Sheet (via Framer forms or third-party integrations) so planners and couples can watch the guest list update in real-time.
100% No-Code Customization: Effortlessly swap out typography, adjust the color palette to match your theme, and drop in your own photos directly from the Framer sidebar.

Support & Contact

This template is built with a clean, structural layout to make customization effortless. If you encounter any installation questions, need assistance with canvas integration, or need help adjusting the layouts for your special day, please reach out directly: Email: yasirusenarathna@gmail.com

54:T886,

Elevate Your SaaS Metrics & Social Proof

Stop displaying your most impressive achievements with boring, static text. Metric Progress Card is a premium, high-conversion Framer component engineered to showcase your KPIs, user growth, and goal tracking with fluid, interactive motion. Designed with an agency-grade visual aesthetic, it replaces flat numbers with a dynamic gradient progress bar and a floating indicator marker that commands attention on any landing page.

Smart UI & Total No-Code Control

Engineered for workflow speed, every functional and visual detail is exposed cleanly in your right-hand Framer sidebar without needing to touch a line of code:

Native Framer Font Picker: Connect any Google Font or uploaded workspace asset instantly using Framer’s official typography dropdown.
Smart Sidebar Decluttering: Independent visibility toggles let you turn off top labels, stat values, or descriptions.
Custom Metric Ranges: Break free from standard 0% and 100% labels. Set custom start and end strings (like "$0" to "$100k" or "0 MB" to "5 GB") to track any goal or metric.
Pixel-Perfect Spacing & Theming: Take full control over inner card padding, custom gaps between text layers, border radii, border widths, and full light/dark mode color theming.

Perfect for a SaaS landing page, an agency case study, or a startup pitch deck, this component snaps effortlessly into bento grids and structured layouts. Use it to highlight server uptime, project completion rates, funding milestones, or customer satisfaction scores with an agency-grade look.

Support & Contact

This component is built to be lightweight, fast, and 100% stable on the canvas. If you encounter any installation questions, need assistance with canvas integration, or have feedback on the component settings, reach out anytime: Email: yasirusenarathna@gmail.com

55:T74a,

Clean Editorial Testimonial Card

Display client feedback, detailed reviews, and high-converting social proof with a sleek, structured aesthetic. Designed with sharp 1px borders and distinct layout compartments, this card replaces generic, uninspired quote boxes with an agency-grade Swiss-grid design. Whether you are showcasing long-form client endorsements or quick customer testimonials, it builds instant credibility and trust for your brand.

No-Code Simplicity & Easy Customization

Built 100% natively in Framer, this component is lightweight, simple, and requires absolutely zero code to set up. It features a clean, logical frame structure that lets you effortlessly customize backgrounds, typography, structural borders, and avatar layouts right from the Framer sidebar. You can adapt the card to match any vibrant brand palette, minimal monochrome style, or dark-mode aesthetic in seconds without wrestling with complex setups.

Perfect for Grid Layouts, SaaS & Portfolios

The modular, border-driven architecture makes this review card perfect for modern grid layout websites. It snaps seamlessly into bento grids, masonry columns, and structured layout sections without breaking visual alignment. Use it to elevate the social proof section on SaaS landing pages, digital design studio portfolios, product case studies, or startup pitch decks where clear, scannable client testimonials are essential for conversion.

Support & Contact

This is a free community component built to help you design better social proof experiences in Framer. If you encounter any installation questions, need assistance with canvas integration, or have feedback on the component, feel free to reach out directly: Email: yasirusenarathna@gmail.com

56:T861,

Editorial Terminal Aesthetic

Terminal Tabs combines a command-line interface with strong editorial typography. Engineered for SaaS platforms, developer tools, and technical documentation, it presents dense information in a scannable format. Complete with macOS controls, a blinking cursor, and subtle spring interactions, it adds immediate technical polish to any Framer site with zero external dependencies.

Zero Layout Shift & Touch Scrolling

Zero Layout Shift: Standard web tabs cause page jumping when switching between short and long text. Terminal Tabs solves this with a fixed-height structure. Set the height once in the Framer sidebar, and content transitions smoothly without shifting surrounding page layouts.
Mobile Touch Scrolling: Terminal Tabs embeds custom CSS to strip away bulky browser scrollbars on mobile and tablet screens. Users can effortlessly swipe horizontally through unlimited tabs with fluid touch gestures while maintaining a clean, professional interface.

What You Can Customize

Every element is exposed directly in your Framer properties panel:

Tabs Architecture: Add, edit, remove, and reorder unlimited tabs via native array controls, managing labels and descriptions.
Terminal Pathing: Customize the command-line string (e.g., ~/research or ~/docs).
Dimensions: Slider controls for Box Height (preventing layout shifts) and Border Radius (0px sharp corners to 32px rounded edges).
Interface Toggles: Show or hide macOS traffic light dots, the prompt line, and button press animations.
Typography: Independent font pickers for code and body copy, integrated with Framer's native scaling.
Color Theming: Six isolated color controls for Accents, Background, Window Chrome, Borders, and Text to match any light or dark palette.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-85624b5c-d0c3-4c3c-9217-1416862e05be-all:/unified/creator/85624b5c-d0c3-4c3c-9217-1416862e05be/activity/":[{"data":[{"id":"01a10179-d7d5-75bb-a0e7-40a8afdd2f0f","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T11:15:24.710Z","latestAt":"2026-10-03T11:15:24.710Z"},{"id":"01a10070-0372-77d6-b52d-357947126530","type":"component.created","target":{"type":"component","id":"4i46ETFcNyhFITYgO6jZ","preview":"Blooming Petal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/01a1006d-0b88-772d-91c5-9f5bdc885b5a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T06:25:03.346Z","latestAt":"2026-10-03T06:25:03.346Z"},{"id":"01a0f1c2-f3cd-7059-9d72-255958df1107","type":"comment.liked","target":{"type":"comment","id":"01a0b23a-3035-724c-9f1f-07eee78a7303","preview":"The motion makes the layout easy to scan.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The motion makes the layout easy to scan."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f3e31-b30d-71cd-8220-bb05c96ca702","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b23a-3035-724c-9f1f-07eee78a7303"},"repost":null}},"context":{"type":"post","id":"019f3e31-b30d-71cd-8220-bb05c96ca702","preview":"Metric Progress Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/jdii03kb","targetDeleted":false,"owned":true,"actions":{"postId":"019f3e31-b30d-71cd-8220-bb05c96ca702","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-30T10:01:20.581Z","latestAt":"2026-09-30T10:01:20.581Z"},{"id":"01a061de-8869-7122-8b30-76ebf3525a4c","type":"creator.followed","target":{"type":"creator","id":"7a7cc215-a9a7-4e2c-8592-9e29987b354a","preview":"SKRIKSI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a7cc215-a9a7-4e2c-8592-9e29987b354a/24echadh","slug":"skriksi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T11:26:08.997Z","latestAt":"2026-09-02T11:26:08.997Z"},{"id":"019fece6-3276-769a-b62d-4aab610ed3ac","type":"creator.followed","target":{"type":"creator","id":"76d8b624-6205-4cb4-9b6d-122921ef9ce1","preview":"Kartik Saini ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/76d8b624-6205-4cb4-9b6d-122921ef9ce1/knvbpzqi","slug":"kartiksaini","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T18:18:56.987Z","latestAt":"2026-08-10T18:18:56.987Z"},{"id":"019fece6-28aa-77a2-b263-96953b789b71","type":"creator.followed","target":{"type":"creator","id":"db7a6821-a4ec-45fb-88fc-f791fbb3c977","preview":"Elemis Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db7a6821-a4ec-45fb-88fc-f791fbb3c977/vkpu3qsq","slug":"elemis-themes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T18:18:54.502Z","latestAt":"2026-08-10T18:18:54.502Z"},{"id":"019fece6-1e9a-763b-8e58-3e0e37646b44","type":"creator.followed","target":{"type":"creator","id":"acc6ba66-60fb-4dc2-9772-bb1e57d139dd","preview":"Strockise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/acc6ba66-60fb-4dc2-9772-bb1e57d139dd/y3yv6w5x","slug":"strockise","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T18:18:51.926Z","latestAt":"2026-08-10T18:18:51.926Z"},{"id":"019fece6-17df-718e-97e2-0347131d11f3","type":"creator.followed","target":{"type":"creator","id":"bd056727-646e-4926-8cd9-8101d180670f","preview":"WORKSHOP99","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1359715/54g3r-1h1-3kuiEvOfgNtg4oiAQUDlCkmgVsbwMT","slug":"workshop99","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T18:18:50.203Z","latestAt":"2026-08-10T18:18:50.203Z"},{"id":"019fc108-de95-764b-bc6f-b1df09fe2ab7","type":"creator.followed","target":{"type":"creator","id":"95ad4a3e-53f4-4780-9aa7-4eb5b20de6a9","preview":"Galaxy Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/95ad4a3e-53f4-4780-9aa7-4eb5b20de6a9/fx94z9y4","slug":"galaxy-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-02T05:53:31.794Z","latestAt":"2026-08-02T05:53:31.794Z"},{"id":"019fbee0-3a42-755b-9aa6-e8d950d15045","type":"template.created","target":{"type":"template","id":"70552","preview":"Atelier Invite","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/019fbed9-f508-714b-a341-262b9e530286.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-01T19:49:53.858Z","latestAt":"2026-08-01T19:49:53.858Z"},{"id":"019fbe63-ad66-761a-bf04-ab79020cce12","type":"creator.followed","target":{"type":"creator","id":"277f29c0-8639-42a3-a4af-92253babb6a5","preview":"Virgil CAFFIER","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98305/avatar-oSBUeUVXUwOUhkVmyPcRncgecibmDS.jpg","slug":"virgil-caffier","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T17:33:51.268Z","latestAt":"2026-08-01T17:33:51.268Z"},{"id":"019fbe63-a517-76da-8902-d858bd0ef713","type":"creator.followed","target":{"type":"creator","id":"e5bbe430-5a5a-4ce0-93d3-8bc3821f0a13","preview":"Hasin Raihan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5bbe430-5a5a-4ce0-93d3-8bc3821f0a13/roxf2ggb","slug":"hasin-raihan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T17:33:49.204Z","latestAt":"2026-08-01T17:33:49.204Z"},{"id":"019fa6cd-a902-720b-a381-22e8009f9b2d","type":"creator.followed","target":{"type":"creator","id":"032f8ef6-37dc-49aa-a327-25662d92c5d7","preview":"Fizi Lee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/032f8ef6-37dc-49aa-a327-25662d92c5d7/rcp4q9t2","slug":"leenguyen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T03:38:43.837Z","latestAt":"2026-07-28T03:38:43.837Z"},{"id":"019fa6cd-9ed8-769f-8720-156bc50e92bf","type":"creator.followed","target":{"type":"creator","id":"692f39c5-f4f2-4917-a261-1ea1f536bead","preview":"baptiste.fort","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/692f39c5-f4f2-4917-a261-1ea1f536bead/dmo7gla4","slug":"baptistefort","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T03:38:41.235Z","latestAt":"2026-07-28T03:38:41.235Z"},{"id":"019fa1ba-27b2-73b5-867d-b1d779374048","type":"creator.followed","target":{"type":"creator","id":"794b13f2-c2fb-43c2-aa24-1244e20e014c","preview":"Nasir Nawaz","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/794b13f2-c2fb-43c2-aa24-1244e20e014c/4fvorgq4","slug":"nasir-nawaz","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T03:59:19.469Z","latestAt":"2026-07-27T03:59:19.469Z"},{"id":"019fa1ba-24db-76cd-b381-375d462b3687","type":"creator.followed","target":{"type":"creator","id":"23af4f7c-bcc0-44bf-b2a1-0c62d31037de","preview":"Richa Jha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/23af4f7c-bcc0-44bf-b2a1-0c62d31037de/p416zv2h","slug":"richa-jha","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T03:59:18.741Z","latestAt":"2026-07-27T03:59:18.741Z"},{"id":"019f83aa-cdf1-73fc-8e0a-d2474416a6b9","type":"creator.followed","target":{"type":"creator","id":"80807156-49a4-42c1-bf77-ce923ae77a12","preview":"The Craft Workshop","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/80807156-49a4-42c1-bf77-ce923ae77a12/9icsnkk6","slug":"craftws","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T07:53:56.970Z","latestAt":"2026-07-21T07:53:56.970Z"},{"id":"019f7dcc-d440-745e-a2df-e0916a43a183","type":"creator.followed","target":{"type":"creator","id":"d6988df4-f290-48ec-96d4-1b489a40776a","preview":"Turab Ali","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1860967/avatar-wgqU7tZqT4PDJfyeuhMGmG0C3yzmJS.jpg","slug":"ali-hussain-turabi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-20T04:33:23.511Z","latestAt":"2026-07-20T04:33:23.511Z"},{"id":"019f7dcc-cf6c-706b-80bf-5cf5786d2e3a","type":"creator.followed","target":{"type":"creator","id":"5cae7930-8efa-4440-942c-51d96c5327fb","preview":"Md Azam Khan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1683562/b7f63c63749ff670e02a99fd8c26d57f-20VwMGmuOWFWyWQoown9hWkCzkCRnO","slug":"md-azam-khan-lzl6q","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-20T04:33:22.281Z","latestAt":"2026-07-20T04:33:22.281Z"},{"id":"019f7dcc-c74c-74b7-b5f5-2ab012b274cb","type":"creator.followed","target":{"type":"creator","id":"e67532cd-0f11-4f0a-862a-fe170a96d491","preview":"Mooonrissse","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/921455/avatar-jApnxS79fGNqQ9SHt1grtGo9XPFI1z.jpg","slug":"mooonrissse","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","slug":"yasiru","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-20T04:33:20.199Z","latestAt":"2026-07-20T04:33:20.199Z"}],"pagination":{"next":"MjAyNi0wNy0yMFQwNDozMzoyMC4xOTlafDAxOWY3ZGNjLWM3NGMtNzRiNy1iNWY1LTJhYjAxMmIyNzRjYg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:85624b5c-d0c3-4c3c-9217-1416862e05be:/unified/posts/?creator=85624b5c-d0c3-4c3c-9217-1416862e05be&with=reposts":[{"data":[{"id":"01a10070-012b-701f-9075-3287b46e2059","title":null,"body":"

Got tired of static graphics, so I built an interactive floral animation Code Component for Framer. It delivers a completely natural look that blooms as you scroll and reacts to hover states. You get full sidebar property control over the animation speed, ring spacing, and image assets without touching any React.

Check this out!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Got tired of static graphics, so I built an interactive floral animation Code Component for Framer. It delivers a completely natural look that blooms as you scroll and reacts to hover states. You get full sidebar property control over the animation speed, ring spacing, and image assets without touching any React."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check this out!"}]}]},"author":{"framerUserId":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","slug":"yasiru","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4i46ETFcNyhFITYgO6jZ","resolved":true,"title":"Blooming Petal","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Make Your Digital Love Story Bloom"}]},{"type":"paragraph","content":[{"type":"text","text":"A digital invitation should not feel like a standard webpage it should feel like a romantic gesture. The "},{"type":"text","text":"Blooming Petal","marks":[{"type":"bold"}]},{"type":"text","text":" component brings the breathtaking beauty of a blossoming flower directly to your Framer canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for luxury wedding invitations, Valentine's Day campaigns, anniversary pages, and boutique florists, this component replaces static images with a delicate, cinematic moment that your guests will never forget."}]},{"type":"customHeading","content":[{"type":"text","text":"A Breathtaking Scroll Experience"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"This component is designed to evoke emotion. It waits perfectly hidden until your guest scrolls it into view, at which point it gracefully and organically blooms across the screen. When hovered, the petals gently expand, inviting the user to interact intimately with your design."}]},{"type":"customHeading","content":[{"type":"text","text":"Crafted for Romance, Built for You"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"You do not need to touch a single line of code to make this flower your own. Everything is controlled effortlessly from the Framer sidebar:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose Your Flower:","marks":[{"type":"bold"}]},{"type":"text","text":" Upload your own petal images to instantly create classic red roses, soft pink peonies, white lilies, or delicate cherry blossoms to match your specific floral palette."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the Mood:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the animation speed slider to dictate the feeling of the reveal from a snappy, joyful pop to a slow, cinematic opening."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perfectly Sized:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily scale the bloom to fit beautifully above your RSVP form, inside a hero section, or next to a romantic photo gallery."}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"gift","emoji":"🎁"}},{"type":"text","text":" Bonus Floral Asset Pack Included"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Your download includes a setup PDF containing a private Google Drive link. This folder gives you instant access to the high-resolution, transparent petal PNGs used in our live demo, so you can achieve the exact look you see in the preview."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-End Wedding Invitations:","marks":[{"type":"bold"}]},{"type":"text","text":" Give your guests a cinematic, unforgettable first impression."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Romantic Campaigns:","marks":[{"type":"bold"}]},{"type":"text","text":" Elevate Valentine's Day landing pages or anniversary gifts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Boutique Brands:","marks":[{"type":"bold"}]},{"type":"text","text":" Add an organic, high-end touch to florist or luxury event planning portfolios."}]}]}]}]},"introduction":"Cinematic floral bloom animation","slug":"blooming-petal","author":{"framerUserId":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","slug":"yasiru","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/01a1006d-0b88-772d-91c5-9f5bdc885b5a.png","metadata":{"tint":{"h":0,"s":82,"l":68},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T06:25:02.170Z","updatedAt":"2026-10-03T11:16:02.687Z","publishedAt":"2026-10-03T06:25:02.167Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bloomingpetal.framer.website/","price":"12","paymentUrl":"https://contra.com/payment-link/H4E4h1qj-blooming-petal-animation-cinematic-floral-component-for-framer","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"YQEB2FVf0VeZ3lf0Tu9G","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-03T11:16:36.887Z","createdAt":"2026-10-03T06:25:02.763Z","updatedAt":"2026-10-03T11:16:36.887Z"},{"id":"019fbee0-38be-7579-8f5c-c482273ce7ca","title":null,"body":"

Your wedding deserves more than a standard template. Meet Atelier Invite, a Framer template featuring smooth animations and a flawless mobile layout.

I’ve made it completely free to remix and customize. Grab it here!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Your wedding deserves more than a standard template. Meet "},{"type":"text","text":"Atelier Invite","marks":[{"type":"bold"}]},{"type":"text","text":", a Framer template featuring smooth animations and a flawless mobile layout. "}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve made it completely free to remix and customize. Grab it here!"}]}]},"author":{"framerUserId":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","slug":"yasiru","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70552","resolved":true,"title":"Atelier Invite","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"The First Impression Matters"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"You have spent months curating the perfect venue, the floral palette, and the physical invitation suite. The digital introduction to your wedding should not be an afterthought. Your wedding deserves an elegant, responsive, and deeply personal digital experience."}]},{"type":"customHeading","content":[{"type":"text","text":"A Cinematic Digital Experience"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Available completely free, "},{"type":"text","text":"Atelier Invite","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium Framer template designed to break out of the standard, cookie-cutter \"wedding website\" box. We prioritize high-end aesthetics and functionality, utilizing fluid animations and smooth transitions. Scrolling through your love story will feel like browsing a luxury editorial magazine, instantly elevating your guest experience without impacting your wedding budget."}]},{"type":"customHeading","content":[{"type":"text","text":"Premium Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile-First Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Over 90% of your guests will open your invite on their phones. This template is precisely engineered to look flawless and load instantly on every screen size."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid & Cinematic:","marks":[{"type":"bold"}]},{"type":"text","text":" Pre-configured with tasteful, high-fidelity scroll animations that bring your photography to life."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stress-Free RSVPs:","marks":[{"type":"bold"}]},{"type":"text","text":" Features a beautifully designed RSVP section that can easily be linked to a Google Sheet (via Framer forms or third-party integrations) so planners and couples can watch the guest list update in real-time."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% No-Code Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Effortlessly swap out typography, adjust the color palette to match your theme, and drop in your own photos directly from the Framer sidebar."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support & Contact"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"This template is built with a clean, structural layout to make customization effortless. If you encounter any installation questions, need assistance with canvas integration, or need help adjusting the layouts for your special day, please reach out directly: "},{"type":"text","text":"Email:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"yasirusenarathna@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:yasirusenarathna@gmail.com","target":"_blank"}}]},{"type":"text","text":" "}]}]},"introduction":"Bespoke digital wedding invitation","slug":"atelier-invite","author":{"framerUserId":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","slug":"yasiru","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/HpzmZYgd2K7wNWyEYOY2ZL02oefcCs6PI3PJHRO6eE7Q.m3u8","metadata":{"posterUrl":"https://image.mux.com/HpzmZYgd2K7wNWyEYOY2ZL02oefcCs6PI3PJHRO6eE7Q/thumbnail.webp?time=6.8","aspectRatio":"4:3","duration":9.333333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/019fbed9-f508-714b-a341-262b9e530286.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/019fbed9-f3f7-73fa-9abb-a7951fbea23f.png","metadata":{"tint":{"h":0,"s":0,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-01T19:49:53.077Z","updatedAt":"2026-08-01T19:49:53.077Z","publishedAt":"2026-08-01T19:49:53.074Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/UrQKdLO","remixUrl":"https://framer.link/UrQKdLO","previewUrl":"https://evelynandarthur.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":293,"name":"Weddings","slug":"weddings"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":26,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-01T19:49:53.470Z","updatedAt":"2026-08-01T19:49:53.470Z"},{"id":"019f3e31-b30d-71cd-8220-bb05c96ca702","title":null,"body":"

Static numbers and plain text never do a great job of showing off impressive achievements... so I built a card that brings them to life!

Meet Metric Progress Card - a highly customizable, scroll-triggered progress bar for Framer. It features smooth spring physics that automatically animate your stats and KPIs into view the exact moment your visitors scroll down the page.

It comes fully wired with Framer's native font picker, custom metric range inputs (so you aren't locked to just 0-100%), and sidebar toggles that automatically hide unused controls to keep your workspace clutter-free. Whether you are building a SaaS landing page, an investor pitch deck, or a UX case study, it gives your data an instant agency-grade look.

Available now on the Community Marketplace! Let me know what you think!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Static numbers and plain text never do a great job of showing off impressive achievements... so I built a card that brings them to life!"}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Metric Progress Card ","marks":[{"type":"bold"}]},{"type":"text","text":"- a highly customizable, scroll-triggered progress bar for Framer. It features smooth spring physics that automatically animate your stats and KPIs into view the exact moment your visitors scroll down the page."}]},{"type":"paragraph","content":[{"type":"text","text":"It comes fully wired with Framer's native font picker, custom metric range inputs (so you aren't locked to just 0-100%), and sidebar toggles that automatically hide unused controls to keep your workspace clutter-free. Whether you are building a SaaS landing page, an investor pitch deck, or a UX case study, it gives your data an instant agency-grade look."}]},{"type":"paragraph","content":[{"type":"text","text":"Available now on the Community Marketplace! Let me know what you think!"}]}]},"author":{"framerUserId":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","slug":"yasiru","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ab82i8Rwc4aPxlEa877N","resolved":true,"title":"Metric Progress Card","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Elevate Your SaaS Metrics & Social Proof"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Stop displaying your most impressive achievements with boring, static text. Metric Progress Card is a premium, high-conversion Framer component engineered to showcase your KPIs, user growth, and goal tracking with fluid, interactive motion. Designed with an agency-grade visual aesthetic, it replaces flat numbers with a dynamic gradient progress bar and a floating indicator marker that commands attention on any landing page."}]},{"type":"customHeading","content":[{"type":"text","text":"Smart UI & Total No-Code Control"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Engineered for workflow speed, every functional and visual detail is exposed cleanly in your right-hand Framer sidebar without needing to touch a line of code:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Framer Font Picker:","marks":[{"type":"bold"}]},{"type":"text","text":" Connect any Google Font or uploaded workspace asset instantly using Framer’s official typography dropdown."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Sidebar Decluttering:","marks":[{"type":"bold"}]},{"type":"text","text":" Independent visibility toggles let you turn off top labels, stat values, or descriptions. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Metric Ranges:","marks":[{"type":"bold"}]},{"type":"text","text":" Break free from standard 0% and 100% labels. Set custom start and end strings (like \"$0\" to \"$100k\" or \"0 MB\" to \"5 GB\") to track any goal or metric."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pixel-Perfect Spacing & Theming:","marks":[{"type":"bold"}]},{"type":"text","text":" Take full control over inner card padding, custom gaps between text layers, border radii, border widths, and full light/dark mode color theming."}]}]}]},{"type":"customHeading","attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Perfect for a SaaS landing page, an agency case study, or a startup pitch deck, this component snaps effortlessly into bento grids and structured layouts. Use it to highlight server uptime, project completion rates, funding milestones, or customer satisfaction scores with an agency-grade look."}],"attrs":{"level":2}},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Support & Contact","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"This component is built to be lightweight, fast, and 100% stable on the canvas. If you encounter any installation questions, need assistance with canvas integration, or have feedback on the component settings, reach out anytime: "},{"type":"text","text":"Email:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"yasirusenarathna@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:yasirusenarathna@gmail.com","target":"_blank"}}]}]}]},"introduction":"Dynamic Progress & Stat Card","slug":"metric-progress-card","author":{"framerUserId":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","slug":"yasiru","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/jdii03kb","metadata":{"tint":{"h":100,"s":76,"l":31},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-07T20:07:52.282Z","updatedAt":"2026-07-09T16:00:41.135Z","publishedAt":"2026-07-07T20:07:52.279Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://progresscard.framer.website/","price":"7","paymentUrl":"https://contra.com/payment-link/htyY01XE-animated-metric-progress-card-for-framer","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"jeYwQ0M08nCL149o5Dvd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-07T20:07:52.333Z","updatedAt":"2026-07-08T18:09:20.916Z"},{"id":"019f3841-83b5-750c-b70c-a60dbbb96a4e","title":null,"body":"

I always go for the cleanest cards whenever I'm designing testimonials...

Swiss Review Card is a simple, grid-driven component built for client reviews and social proof. Whether you are building a SaaS site or a personal portfolio, it gives your feedback section an instant agency-grade look.

No code, fully customizable, and completely free to download from the Community Marketplace!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I always go for the cleanest cards whenever I'm designing testimonials... "}]},{"type":"paragraph","content":[{"type":"text","text":"Swiss Review Card","marks":[{"type":"bold"}]},{"type":"text","text":" is a simple, grid-driven component built for client reviews and social proof. Whether you are building a SaaS site or a personal portfolio, it gives your feedback section an instant agency-grade look."}]},{"type":"paragraph","content":[{"type":"text","text":"No code, fully customizable, and completely free to download from the Community Marketplace!"}]}]},"author":{"framerUserId":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","slug":"yasiru","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bSRp3dHoHcR6n0vRkZe0","resolved":true,"title":"Swiss Review Card","body":"$55","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Clean Editorial Testimonial Card"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Display client feedback, detailed reviews, and high-converting social proof with a sleek, structured aesthetic. Designed with sharp 1px borders and distinct layout compartments, this card replaces generic, uninspired quote boxes with an agency-grade Swiss-grid design. Whether you are showcasing long-form client endorsements or quick customer testimonials, it builds instant credibility and trust for your brand."}]},{"type":"customHeading","content":[{"type":"text","text":"No-Code Simplicity & Easy Customization"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Built 100% natively in Framer, this component is lightweight, simple, and requires absolutely zero code to set up. It features a clean, logical frame structure that lets you effortlessly customize backgrounds, typography, structural borders, and avatar layouts right from the Framer sidebar. You can adapt the card to match any vibrant brand palette, minimal monochrome style, or dark-mode aesthetic in seconds without wrestling with complex setups."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for Grid Layouts, SaaS & Portfolios"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The modular, border-driven architecture makes this review card perfect for modern grid layout websites. It snaps seamlessly into bento grids, masonry columns, and structured layout sections without breaking visual alignment. Use it to elevate the social proof section on SaaS landing pages, digital design studio portfolios, product case studies, or startup pitch decks where clear, scannable client testimonials are essential for conversion."}]},{"type":"customHeading","content":[{"type":"text","text":"Support & Contact"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"This is a free community component built to help you design better social proof experiences in Framer. If you encounter any installation questions, need assistance with canvas integration, or have feedback on the component, feel free to reach out directly: "},{"type":"text","text":"Email:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"yasirusenarathna@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:yasirusenarathna@gmail.com","target":"_blank"}}]}]}]},"introduction":"Swiss grid client review card","slug":"swiss-review-card","author":{"framerUserId":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","slug":"yasiru","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/zxph4bgz","metadata":{"tint":{"h":0,"s":0,"l":27},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-06T16:27:25.445Z","updatedAt":"2026-07-07T20:31:02.238Z","publishedAt":"2026-07-06T16:27:25.438Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/EditorialTestimonialCard-tL9QgN.js@9m5RnBH2aqWoRTGM0pIa","previewUrl":"https://swiss-testimonial-card.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"9m5RnBH2aqWoRTGM0pIa","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-06T16:27:25.493Z","updatedAt":"2026-07-06T16:27:25.493Z"},{"id":"019f342a-467f-77f2-bf9e-64a378c8fa4e","title":null,"body":"

I originally built this to solve a specific problem in my own portfolio: structuring deep market research and taxonomy breakdowns in my UX case studies without creating massive, cluttered pages. It is designed to present dense, multi-layered information cleanly while keeping the reader's attention focused.

Whether you are breaking down UX research, showcasing SaaS platform features, or organizing developer documentation, it handles infinite tabs via native Framer controls, includes custom macOS window chrome, and features fluid horizontal touch-swiping for mobile.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I originally built this to solve a specific problem in my own portfolio: structuring deep "},{"type":"text","text":"market research and taxonomy breakdowns in my UX case studies","marks":[{"type":"bold"}]},{"type":"text","text":" without creating massive, cluttered pages. It is designed to present dense, multi-layered information cleanly while keeping the reader's attention focused."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you are breaking down UX research, showcasing SaaS platform features, or organizing developer documentation, it handles infinite tabs via native Framer controls, includes custom macOS window chrome, and features fluid horizontal touch-swiping for mobile."}]}]},"author":{"framerUserId":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","slug":"yasiru","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","followed":false,"followsYou":false},"media":[],"resources":[{"id":"UY7KJ9dIkketnlze99qZ","resolved":true,"title":"Terminal Tabs","body":"$56","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Editorial Terminal Aesthetic"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Terminal Tabs combines a command-line interface with strong editorial typography. Engineered for SaaS platforms, developer tools, and technical documentation, it presents dense information in a scannable format. Complete with macOS controls, a blinking cursor, and subtle spring interactions, it adds immediate technical polish to any Framer site with zero external dependencies."}]},{"type":"customHeading","content":[{"type":"text","text":"Zero Layout Shift & Touch Scrolling"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero Layout Shift:","marks":[{"type":"bold"}]},{"type":"text","text":" Standard web tabs cause page jumping when switching between short and long text. Terminal Tabs solves this with a fixed-height structure. Set the height once in the Framer sidebar, and content transitions smoothly without shifting surrounding page layouts."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile Touch Scrolling:","marks":[{"type":"bold"}]},{"type":"text","text":" Terminal Tabs embeds custom CSS to strip away bulky browser scrollbars on mobile and tablet screens. Users can effortlessly swipe horizontally through unlimited tabs with fluid touch gestures while maintaining a clean, professional interface."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What You Can Customize"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Every element is exposed directly in your Framer properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tabs Architecture:","marks":[{"type":"bold"}]},{"type":"text","text":" Add, edit, remove, and reorder unlimited tabs via native array controls, managing labels and descriptions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Terminal Pathing:","marks":[{"type":"bold"}]},{"type":"text","text":" Customize the command-line string (e.g., "},{"type":"text","text":"~/research","marks":[{"type":"code"}]},{"type":"text","text":" or "},{"type":"text","text":"~/docs","marks":[{"type":"code"}]},{"type":"text","text":")."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dimensions:","marks":[{"type":"bold"}]},{"type":"text","text":" Slider controls for "},{"type":"text","text":"Box Height","marks":[{"type":"bold"}]},{"type":"text","text":" (preventing layout shifts) and "},{"type":"text","text":"Border Radius","marks":[{"type":"bold"}]},{"type":"text","text":" (0px sharp corners to 32px rounded edges)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interface Toggles:","marks":[{"type":"bold"}]},{"type":"text","text":" Show or hide macOS traffic light dots, the prompt line, and button press animations."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography:","marks":[{"type":"bold"}]},{"type":"text","text":" Independent font pickers for code and body copy, integrated with Framer's native scaling."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color Theming:","marks":[{"type":"bold"}]},{"type":"text","text":" Six isolated color controls for Accents, Background, Window Chrome, Borders, and Text to match any light or dark palette."}]}]}]}]},"introduction":"Multi-tab terminal UI","slug":"terminal-tabs","author":{"framerUserId":"85624b5c-d0c3-4c3c-9217-1416862e05be","name":"Yasiru S","slug":"yasiru","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/vytqklh2","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/yzzlejxh","metadata":{"tint":{"h":220,"s":94,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-05T21:23:33.591Z","updatedAt":"2026-07-09T16:13:02.667Z","publishedAt":"2026-07-05T21:23:33.585Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://terminaltabs.framer.website","price":"6","paymentUrl":"https://contra.com/payment-link/HsWVD8AW-terminal-tabs-framer-code-component","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"FwiiT7xFaaWcpPEQWbEP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-07-08T18:10:20.775Z","createdAt":"2026-07-05T21:23:33.631Z","updatedAt":"2026-07-08T18:10:20.775Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L57"}]