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

Wordmark is a responsive Framer portfolio template built for graphic and brand designers. It leads with a large typographic hero, then moves through your work, services, and testimonials using an editorial style.

Every section is easy to customize. Swap in your name, picture, projects, services, and story and you're ready to publish.

What's included

Homepage — large typographic hero, featured projects, services, scrolling deliverable marquee, featured testimonial, testimonial cards, about section with stats, and a contact-ready footer.

Project page — Full case study layout with cover image, project metadata, gallery, and next-project link.

Powered by Framer CMS

Your portfolio items live in a CMS collection, so there's no hardcoding involved and it's super easy to update with new projects.

Easy to customize

The template uses Framer styles and components for easy customization and reusability of elements.

Refunds and support

Due to the digital nature of this product, purchases cannot be refunded. I recommend reading the product details carefully and reaching out with any questions before buying. You can contact me at adipurdila@gmail.com or on x.com.

What's included in support

Direct access to the author for questions

Help with technical questions about features and settings

Assistance with reported bugs and issues

Support response time is up to 2 business days.

63:T996,

Topographic Rings is an animated background component for Framer. Concentric organic rings morph and breathe using layered sine wave distortion and react to your cursor in real time. Drop it behind any section, set your colors, and it works.

Best for

Topographic Rings works anywhere you want a subtle, living background that adds depth without competing with your content: hero sections, SaaS landing pages, about sections, or any section where a static background feels flat.

Key features

Organic rings morph continuously using three layered sine waves
Slightly oval by default (vertical squash configurable) for a natural look
Three visual tiers with independent color and stroke width: accent, mid, and base rings
Optional mouse interaction: horizontal mouse movement shifts morph frequency, and vertical movement shifts amplitude
Full animation control: speed, per-layer frequency, and amplitude
Rings bleed beyond component bounds so they never look clipped at the edges
Static preview frame on the Framer canvas for easy art direction
Behaves like a standard Framer frame: fixed size or fill parent

How to use

Copy the component URL and paste it into your Framer project.
Place the component behind your content using Framer's layer order.
Set ring colors to match your design. Alpha channel controls opacity.
Adjust ring count, spacing, and animation speed to taste.
Toggle mouse interaction and tune the strength controls.
Enjoy!

Using the pre-made demos

A remix link for the demo page is included. Copy any instance directly into your project and customize from there.

Refunds and support

Due to the digital nature of this product, purchases cannot be refunded. Contact me at adipurdila@gmail.com or x.com/adipurdila before buying if you have questions.

Support includes: direct access to the author, help with features and settings, and assistance with reported bugs. Response time is up to 2 business days.

64:Ta14,

Image Split View is a fully customizable before/after image comparison component for Framer. Drop two images into the component, drag the handle left or right, and one image gradually reveals the other. Everything is configurable from the properties panel.

Best for

Photo editing portfolios: original vs. retouched
UI/UX case studies: wireframe vs. final design
Before/after transformations: renovations, rebrands, packaging
Product pages: two colorways or finishes side by side
Service landing pages: show the impact before and after

Key features

Draggable divider, works with mouse and touch
Click or tap anywhere to jump the divider to that position
Both images always fill the component with object-fit: cover
Configurable starting position (0-100%)
Handle: size, color, opacity, border, corner radius, shadow, and active state
Divider line: color, width, and style (solid, dashed, dotted)
26 built-in Lucide icons, or upload your own (SVG uploads are tintable)
Optional labels with full typography, color, background, and position control
Orientation-aware label positioning: Top/Bottom/Center for horizontal, Left/Right/Center for vertical
Behaves like a standard Framer frame: fixed size or fill parent

How to use

Copy the component URL and paste it into your Framer project.
Drop in your two images using the left and right image controls.
Adjust the handle, divider line, icon, and starting position.
Enable and style labels if needed.
Resize from the canvas. Enjoy!

Using the pre-made demos

A remix link for the demo page is included. Copy any instance directly into your project and customize from there.

Refunds and support

Due to the digital nature of this product, purchases cannot be refunded. Contact me at adipurdila@gmail.com or x.com/adipurdila before buying if you have questions.

Support includes: direct access to the author, help with features and settings, and assistance with reported bugs. Response time is up to 2 business days.

65:T5c4,

One Thing Today

One skill. One day. One step forward.

According to the UNESCO Global Education Monitoring Report, if all students in low-income countries had just basic reading skills, 171 million people could escape extreme poverty. One Thing Today was built in response to that number.

It is a free, open platform that delivers one practical, life-improving skill per day to anyone in the world — no registration, no paywall, no internet connection required to act on what you learn. Skills are organised into five categories: health and survival, growing food, earning money, staying safe, and learning and communication. Every skill is written to be genuinely useful, requiring no special equipment, no prior education, and no infrastructure to apply.

The experience is personalised through a three-step skill finder. Users select their region, the area of their life they want to improve, and how much time they have today. Framer's CMS and variables power the filter logic that surfaces the most relevant skill for each person.

Framer 3.0 was central to how this was built. The skill finder is a multi-variant component driven entirely by CMS collections — regions, categories, time options, and skills are all relational references, nothing hardcoded. An interactive 3D globe responds to region selection in real time.

The site was designed and built in Framer in about 10 hours hours.

66:T1e09,

ProofDeck is a fully customizable animated testimonial slider for Framer. It uses a dual-card layout — one card for the author photo, one for the quote — and cycles through testimonials automatically while a progress bar counts down to the next slide. Everything about how the component looks and behaves is configurable from the properties panel. No code required.

Key features

Dual-card layout with independent control over each card's size, position, rotation, opacity, and animation
Smooth animated transitions between testimonials — choose between Instant, Ease, or Spring for both card movement and opacity independently
Auto-play with configurable duration and a progress bar that visually tracks time until the next slide
Tab bar with company logos for manual navigation — tabs wrap automatically if the container gets too narrow
Starting index control — choose which testimonial is shown first
Up to 10 testimonials supported
Three ready-to-use demo styles included — light, dark, and minimal

Content per testimonial

Each testimonial has its own set of fields, all editable from the properties panel:

Show image — show or hide the author image independently per testimonial
Author image — the image shown in the author card
Quote — the main testimonial text
Author name and role
Company logo — displayed in the tab bar
Image card background color — set per testimonial
Quote card background color — set per testimonial

Dual-card layout

The image card and quote card are configured independently. For each card you can set:

Width and height
Padding and border radius
Initial position — X, Y, rotation, and opacity before the animation plays
Final position — X, Y, rotation, and opacity after the animation plays

The component animates between the initial and final values on every testimonial change. Overlap, offset, rotation — all of it is your call. The demos show one possible arrangement but the layout is entirely up to you.

The image and quote cards can be styled individually

Animation

Card movement and opacity each have their own transition setting. Choose from Instant, Ease, or Spring. Spring gives you full physics control — stiffness, damping, mass, and delay — so you can dial in exactly the feel you want.

Auto-play settings & behaviour

Auto-play is enabled by default. As soon as the user manually clicks a tab to switch testimonials, auto-play is permanently deactivated for that session. Refreshing the page resets it.

Duration — how long each testimonial stays visible before advancing
Progress bar height — how tall the progress bar inside the active tab is
Progress bar color — match it to your design

Tab bar

The tab bar displays one company logo per testimonial. Clicking a tab switches to that testimonial and resets the auto-play timer. Style options include background color, active state background and border, padding, border radius, gap between tabs, and logo size.

Quote card typography and layout

Inside the quote card settings you can also control:

Font, size, weight, and color for the quote, author name, and role independently
Horizontal alignment — left, center, or right
Vertical distribution — start, center, end, space between, space around, or space evenly
Gap between content elements

Responsiveness

ProofDeck is not automatically responsive, but it's fully configurable per breakpoint in Framer. You decide how the component looks and behaves on each screen size. The tab bar is the exception — it uses flexbox and wraps automatically when the container gets too narrow.

You have complete control over the component appearance across breakpoints

How to use

Copy the component URL you receive after purchase and paste it into your Framer project.
Add your testimonials and fill in the content fields for each one.
Set the initial and final position of each card to define the animation.
Choose your transition type and fine-tune the feel with the spring controls.
Style the tab bar and auto-play settings to match your project.
Check your layout across breakpoints and adjust as needed.

Using the pre-made demos

Along with the component you'll receive a remix link for the demo page featured on the marketplace listing. It includes three demo styles — light, dark, and minimal. Copy any instance directly into your project and customize from there.

Refunds and support

All sales are final. Due to the digital nature of this product, purchases cannot be refunded. I recommend reading the product details carefully and reaching out with any questions before buying. You can contact me at adipurdila@gmail.com or on x.com/adipurdila.

What's included in support

Direct access to the author for questions
Help with technical questions about features and settings
Assistance with reported bugs and issues

Support response time is up to 2 business days.

67:Ta2d,

Staks is a responsive Framer portfolio template built specifically for developers and software engineers. It has clean typography, a modern layout, and thoughtful details throughout, designed to help you land clients, impress hiring managers, and present your work in a clean format.

Every page is production-ready and easy to customize. Swap in your name, projects, tech stack, and story and you're ready to publish.

What's included

Homepage — Hero with text highlight, service breakdown by discipline, scrolling tech stack marquee, featured project previews, and a contact-ready footer.
Work — Table-style project index with hover-preview thumbnails, experience stats, and a client logo marquee.
Case study — Full project pages with hero screenshot, metadata, additional project images, pull quotes, and a next-project teaser.
Updates (blog) — A writing section with a featured article hero and a clean archive table. Great for sharing dev insights, process notes, or the occasional opinion.
Article — Single post layout with metadata, cover image, article content, and a read-next block.
About — Personal intro, photo, expertise cards, a full experience timeline, and a CV download button.

Powered by Framer CMS

All dynamic content lives in five CMS collections, so there's no hardcoding involved. Add your projects, write a post, update your stack or experience and the pages update automatically.

Designed for developers

The design feels native to the dev world. It uses a clean layout structure, monospace type accents, stack tags, and certain accent colors that hint to the idea of syntax highlighting.

Support

You can contact me at adipurdila@gmail.com or on x.com.

What's included in support

Direct access to the author for questions
Help with technical questions about features and settings
Assistance with reported bugs and issues

Support response time is up to 2 business days.

68:T1c85,

ScrollStack is a highly customizable Framer component that animates cards into a stack as you scroll vertically. The cards can be customized extensively to match any project. The final stack’s appearance can also be customized by changing the final rotation and horizontal movement of each card individually.

Key Features

Scroll-driven card stack animation built with Framer Motion, optimized for performance
Cards enter one by one and stay pinned to the top of the viewport until the stack is complete
Full control over content, colors, typography, rotation, and spacing from the properties panel
Show or hide the image and each text field independently
Change the gap under the image and each text field independently
Per-card background color, text color, rotation, and horizontal movement
Add, remove, and reorder cards directly from the properties panel
Responsive cards: each card is as wide as the component itself and the card elements can be changed depending on the breakpoint
Four ready-to-use card styles included (services, testimonials, process, and statistics/metrics)

Best for

This component works great for repetitive content like steps, testimonials, team members, services, statistics/metrics, product features etc. This comes as an interactive alternative to the boring grids.

Fully customizable

Cards have the same basic structure: 1 image, 3 text elements. By manipulating the visibility of these elements along with their size, spacing and styling, you can create cards that match any project. The following 4 example cards are created using this component. No code required, everything is changed from the Framer properties panel.

Individual card settings

These settings apply per card and can be configured independently for each one.

Image — upload an image for the card. Shown or hidden based on the visibility toggle in the general settings.
Text fields — edit the content of text 1, text 2, and text 3 individually per card.
Background color — set a unique background color for each card.
Text color — set a unique text color for each card. Applies to all three text fields.
Rotation — the angle the card settles at when it joins the stack. Set to 0 by default for a clean straight stack. Increase or decrease to create a more dynamic arrangement.
Horizontal movement — the lateral offset of the card when it joins the stack. Use positive values to shift right, negative values to shift left. Combine with rotation for a more natural stacked feel.

The card collection

You can add as many cards as you like and you can delete or reorder them very easily from Framer.

Cards can be reordered and deleted very easily

General component settings

These settings apply to the component as a whole and to all cards uniformly.

Gap — vertical space between cards. Controls how much scroll distance separates each card before it enters the stack.
Top offset — cards use sticky positioning and pin to the top of the viewport by default. Increase this value to pin them lower, for example to account for a fixed navigation bar.
Card padding — adjust padding on all four sides at once or set each side independently.
Card radius — adjust the corner radius on all four corners at once or set each corner independently.
Card border — add a border to all cards. Border width is set to 0 by default, so no border is visible until you change it.
Card shadow — add one or multiple box shadow effects to all cards.
Visibility toggles — show or hide individual card elements: image, text 1, text 2, and text 3.
Image size — sets both the width and height of the image. Images are square and cropped to fill.
Gap after — sets the vertical space below a specific element. Available for image, text 1, text 2, and text 3.
Text style — customize the typography of each text element individually. These settings apply to all cards.

How to use

Copy the component URL you receive after purchase and paste it into your Framer project.
Adjust the general settings to match the look and structure of your cards.
Add your card content and set the background and text color for each card.
Tweak the rotation and horizontal movement per card until the stack looks the way you want.
The component stretches to fill its container, so make sure to check and adjust your layout across breakpoints. All settings support responsive configurations.
Enjoy!

Using the pre-made demos

Along with the component, you'll receive a remix link for the demo page featured on the marketplace listing. It includes all four card demos — services, process, testimonials, and stats. If you want a head start, just copy the relevant instance directly into your project and customize from there.

Refunds and support

What's included in support

Direct access to the author for questions
Help with technical questions about features and settings
Assistance with reported bugs and issues

Support response time is up to 2 business days.

69:T99a,

A clean, customizable live clock component for Framer with full timezone support, 12/24-hour format, optional seconds and day, stable layout with no digit shift, and complete styling control. Perfect for portfolio websites, agency pages, and any site where showing live time adds a personal touch.

About this Component

A lightweight, real-time clock component built for designers who want to display the current time for any location in the world without touching any code. Drop it into your Framer project, pick your timezone, and it just works.

Whether you're a freelancer wanting to show clients what time it is where you are, or building a site that needs a live time display, this component handles it cleanly and stays out of your way.

Features

Live time updates every second
Full IANA timezone support, choose any major city or timezone in the world
Stable layout, no width shift when digits change, works with any proportional font
My Location option that auto-detects your local timezone
12-hour and 24-hour format toggle
Leading zero toggle, available in 12-hour mode
Show or hide seconds
Show or hide the day
Change the separator (default is ":")
Change the text case (Normal, Uppercase, Lowercase)
Full font control, works with any font in your Framer project
Full color control for the time display

Best For

Freelancer and agency portfolio websites
Personal websites and creative portfolios
Contact and availability sections
Any page where showing a live time adds context for visitors

How to Use

Click the "Copy Component" button and paste it into your Framer project
Select the desired timezone from the dropdown or use "My Location"
Set your preferred time format, 12h or 24h
Toggle seconds, day, and leading zero as needed
Change the separator as needed
Change the text case as needed
Match the font and colors to your design
Enjoy!

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-c74393c2-214e-406b-9cc7-241dad16780a-all:/unified/creator/c74393c2-214e-406b-9cc7-241dad16780a/activity/":[{"data":[{"id":"01a0c3b8-e6b3-7747-85bd-19b429ffc2e9","type":"creator.followed","target":{"type":"creator","id":"8cbe375e-6521-4bb1-afce-a6db4fb8ed02","preview":"Reno Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8cbe375e-6521-4bb1-afce-a6db4fb8ed02/0xf9jnwx","slug":"reno-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T11:27:49.935Z","latestAt":"2026-09-21T11:27:49.935Z"},{"id":"01a0bdef-5471-72ea-acd8-ecb54f1c1dc8","type":"creator.followed","target":{"type":"creator","id":"c2742a12-3412-42ec-ae79-e44857134579","preview":"Mode Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2742a12-3412-42ec-ae79-e44857134579/j3t555cr","slug":"modestudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T08:29:33.677Z","latestAt":"2026-09-20T08:29:33.677Z"},{"id":"01a08b26-9375-71f6-bc1e-4c16a010a2ff","type":"creator.followed","target":{"type":"creator","id":"ffa09057-21bc-47ab-8deb-9028e0a74be1","preview":"Outumn","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ffa09057-21bc-47ab-8deb-9028e0a74be1/t0nog86g","slug":"outumn","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T11:49:16.273Z","latestAt":"2026-09-10T11:49:16.273Z"},{"id":"01a08b26-9180-76bf-9bde-96425105a6bd","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/l3x6bbd8","slug":"design-with-farhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T11:49:15.772Z","latestAt":"2026-09-10T11:49:15.772Z"},{"id":"01a07697-57a0-72af-94e7-36eddf379d51","type":"creator.followed","target":{"type":"creator","id":"8b5b591b-edd5-4394-ada9-d7d3b308bd67","preview":"Irinel Nemtan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8b5b591b-edd5-4394-ada9-d7d3b308bd67/iumiq2rg","slug":"irinel-nemtan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T12:00:24.989Z","latestAt":"2026-09-06T12:00:24.989Z"},{"id":"01a07697-541a-703e-bdea-89a2ebbbe147","type":"creator.followed","target":{"type":"creator","id":"aa31f923-f9c2-4f2e-96ba-86c1936ae7b3","preview":"ian ross","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30574/e8bf71d3c2af4df2377393efe487b9b1-Fjxagc7rNdWRim1R4LJkFRQKCoxkyt","slug":"ian-ross","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T12:00:24.086Z","latestAt":"2026-09-06T12:00:24.086Z"},{"id":"01a07697-5170-71a6-bfcc-3dbcd4602cae","type":"creator.followed","target":{"type":"creator","id":"7ab5a84e-4eb5-40bb-8875-d3a20421c4ab","preview":"Akanksha Sachin","previewJson":null,"thumbnail":null,"slug":"akanksha-sachin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T12:00:23.401Z","latestAt":"2026-09-06T12:00:23.401Z"},{"id":"01a07697-06ae-73ff-98ad-e17d1f0e8c2e","type":"creator.followed","target":{"type":"creator","id":"4e4887b9-f9b2-4748-bb9b-cb40df3740e6","preview":"Xavier Briel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2108703/198fdd55231e585f880de76d73db88f2-2amxuMLzaDvwtqxpxcwHByAZnIWBAp","slug":"xavier-briel","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T12:00:04.267Z","latestAt":"2026-09-06T12:00:04.267Z"},{"id":"01a07697-04f2-7602-ba71-4fa98d8ac857","type":"creator.followed","target":{"type":"creator","id":"b316c593-2d8c-4c7b-a77d-a6f8221dd741","preview":"Ray Farid","previewJson":null,"thumbnail":null,"slug":"ray-farid","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T12:00:03.823Z","latestAt":"2026-09-06T12:00:03.823Z"},{"id":"01a07697-0244-73fd-b20d-d26a63e30e19","type":"creator.followed","target":{"type":"creator","id":"2aca4b0b-9f3d-4e4f-8a0b-d95dce4bd183","preview":"Francesca Cudemo","previewJson":null,"thumbnail":null,"slug":"francesca-cudemo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T12:00:03.134Z","latestAt":"2026-09-06T12:00:03.134Z"},{"id":"01a07697-00e3-71bb-b39a-946a88da084e","type":"creator.followed","target":{"type":"creator","id":"be9656f3-f201-485e-9315-bad5c00cef14","preview":"Pooja Patel","previewJson":null,"thumbnail":null,"slug":"pooja-patel","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T12:00:02.785Z","latestAt":"2026-09-06T12:00:02.785Z"},{"id":"01a07696-ff49-77bb-b4a9-00c024893393","type":"creator.followed","target":{"type":"creator","id":"f287c302-9abe-47d7-b71b-3628b30670d3","preview":"Michelle Kim","previewJson":null,"thumbnail":null,"slug":"michelle-kim-qggvv","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T12:00:02.374Z","latestAt":"2026-09-06T12:00:02.374Z"},{"id":"01a07696-f659-71b7-bb13-3e36e0faf472","type":"creator.followed","target":{"type":"creator","id":"92c2a437-4e58-4cd2-9a23-5fd81786f849","preview":"Webnity X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92c2a437-4e58-4cd2-9a23-5fd81786f849/fs1ughi6","slug":"webnity-x","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T12:00:00.079Z","latestAt":"2026-09-06T12:00:00.079Z"},{"id":"01a0768f-f672-7742-9206-9b7d3110ae63","type":"creator.followed","target":{"type":"creator","id":"df27564b-ff07-42bb-bcf9-412e46ad1c89","preview":"Nadeem khan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/df27564b-ff07-42bb-bcf9-412e46ad1c89/lkfhs41f","slug":"nadeem-khan-3mi089","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T11:52:21.358Z","latestAt":"2026-09-06T11:52:21.358Z"},{"id":"01a0768f-f45c-75ed-a8ed-85f712aa3256","type":"creator.followed","target":{"type":"creator","id":"c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4","preview":"Gustavo H. ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4/94zcb8k9","slug":"madebygustavoh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T11:52:20.824Z","latestAt":"2026-09-06T11:52:20.824Z"},{"id":"01a0768f-f08e-7478-ac0e-8a9e4c89de3c","type":"creator.followed","target":{"type":"creator","id":"03648e28-cd32-451d-9f68-6defb96622b3","preview":"Mohammed Al Qahtani","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03648e28-cd32-451d-9f68-6defb96622b3/rb2pnxsn","slug":"mohammed-al-qahtani-iny5qn","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T11:52:19.851Z","latestAt":"2026-09-06T11:52:19.851Z"},{"id":"01a0768f-ed76-7550-88b6-40f58b117f2d","type":"creator.followed","target":{"type":"creator","id":"6e4f8380-d6cb-4655-93f2-b81f15adf506","preview":"Apex Interactive","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6e4f8380-d6cb-4655-93f2-b81f15adf506/c4a9hfpi","slug":"apex-interactive","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T11:52:19.058Z","latestAt":"2026-09-06T11:52:19.058Z"},{"id":"01a06182-7b7f-75a4-82e5-88440d750e38","type":"creator.followed","target":{"type":"creator","id":"173bd428-3517-474e-bf63-5f7c49dcb954","preview":"Raviteja Karrothu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/308407/avatar-t6Z6aIGG1SYJlxzVImjQRFMqfIom3v.jpg","slug":"raviteja-karrothu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T09:45:36.292Z","latestAt":"2026-09-02T09:45:36.292Z"},{"id":"01a06182-708a-7599-bf83-7b6ac333da44","type":"creator.followed","target":{"type":"creator","id":"4eec938a-13a4-4194-a908-6a5180599ca1","preview":"Mosharof","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4eec938a-13a4-4194-a908-6a5180599ca1/m0hnl8ok","slug":"mosharof","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T09:45:33.571Z","latestAt":"2026-09-02T09:45:33.571Z"},{"id":"01a06182-6d7b-753a-80b1-7f176335a31d","type":"creator.followed","target":{"type":"creator","id":"0ac7e3f3-07ae-4002-b2e2-3b74e0c883d5","preview":"Vestiaire Collective","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ac7e3f3-07ae-4002-b2e2-3b74e0c883d5/ld74zxwm","slug":"vestiaire-collective","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","slug":"adipurdila","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T09:45:32.791Z","latestAt":"2026-09-02T09:45:32.791Z"}],"pagination":{"next":"MjAyNi0wOS0wMlQwOTo0NTozMi43OTFafDAxYTA2MTgyLTZkN2ItNzUzYS04MGIxLTdmMTc2MzM1YTMxZA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c74393c2-214e-406b-9cc7-241dad16780a:/unified/posts/?creator=c74393c2-214e-406b-9cc7-241dad16780a&with=reposts":[{"data":[{"id":"019fa2a5-bb49-74cc-a59b-01111b7257b1","title":null,"body":"

I created a minimal portfolio template for creatives. Had a lot of fun exploring a more editorial style.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I created a minimal portfolio template for creatives. Had a lot of fun exploring a more editorial style."}]}]},"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70212","resolved":true,"title":"Wordmark","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Wordmark is a responsive Framer portfolio template built for graphic and brand designers. It leads with a large typographic hero, then moves through your work, services, and testimonials using an editorial style."}]},{"type":"paragraph","content":[{"type":"text","text":"Every section is easy to customize. Swap in your name, picture, projects, services, and story and you're ready to publish."}]},{"type":"customHeading","content":[{"type":"text","text":"What's included"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Homepage","marks":[{"type":"bold"}]},{"type":"text","text":" — large typographic hero, featured projects, services, scrolling deliverable marquee, featured testimonial, testimonial cards, about section with stats, and a contact-ready footer."}]},{"type":"paragraph","content":[{"type":"text","text":"Project page","marks":[{"type":"bold"}]},{"type":"text","text":" — Full case study layout with cover image, project metadata, gallery, and next-project link."}]},{"type":"customHeading","content":[{"type":"text","text":"Powered by Framer CMS"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Your portfolio items live in a CMS collection, so there's no hardcoding involved and it's super easy to update with new projects."}]},{"type":"customHeading","content":[{"type":"text","text":"Easy to customize"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The template uses Framer styles and components for easy customization and reusability of elements."}]},{"type":"customHeading","content":[{"type":"text","text":"Refunds and support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, purchases cannot be refunded. I recommend reading the product details carefully and reaching out with any questions before buying. You can contact me at "},{"type":"text","text":"adipurdila@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:adipurdila@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on "},{"type":"text","text":"x.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://x.com","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"text","text":"What's included in support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Direct access to the author for questions"}]},{"type":"paragraph","content":[{"type":"text","text":"Help with technical questions about features and settings"}]},{"type":"paragraph","content":[{"type":"text","text":"Assistance with reported bugs and issues"}]},{"type":"paragraph","content":[{"type":"text","text":"Support response time is up to 2 business days."}]}]},"introduction":"Editorial portfolio for creatives","slug":"wordmark","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/019fa2a4-26f4-720f-b175-fdb24f254f86.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1500}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/019fa2a4-6345-72e8-8f6f-9d530a51f932.png","metadata":{"tint":{"h":0,"s":26,"l":63},"width":2400,"height":1500}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/019fa2a4-71b8-74bb-9b86-c0dee390b85c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1500}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/019fa2a4-8091-74a1-9bfb-532ae2730a0d.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":2400,"height":1500}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/019fa2a4-8e64-705a-be56-ab6b66307ca4.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":2400,"height":1500}}],"post":null,"createdAt":"2026-07-27T08:16:37.805Z","updatedAt":"2026-09-06T12:02:47.505Z","publishedAt":"2026-07-27T08:16:37.801Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/zpr8fes","remixUrl":"https://framer.link/zpr8fes","previewUrl":"https://wordmark-template.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":190,"name":"Arts & Crafts","slug":"arts-and-crafts"},{"id":221,"name":"Graphic Design","slug":"graphic-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":234,"name":"Large Type","slug":"large-type"},{"id":236,"name":"Light","slug":"light"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T08:16:38.217Z","updatedAt":"2026-07-27T08:16:38.217Z"},{"id":"019eee3e-ebab-74bd-b4d6-7d8fcf1fc0f9","title":null,"body":"

I had a lot of fun building my latest component: Topographic Rings

It's a simple, highly customizable background component with optional mouse interaction and it's a simple and easy way to add some movement behind a hero section or similar.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I had a lot of fun building my latest component: "},{"type":"text","text":"Topographic Rings","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It's a simple, highly customizable background component with optional mouse interaction and it's a simple and easy way to add some movement behind a hero section or similar."}]}]},"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/8odppclp","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-22T07:32:41.519Z","updatedAt":"2026-06-22T07:32:41.519Z"},{"id":"019eea73-e3ed-771b-a06f-168f86f7e908","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"aJ3CP9ZKtl8E6oloP67k","resolved":true,"title":"Topographic Rings","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Topographic Rings","marks":[{"type":"bold"}]},{"type":"text","text":" is an animated background component for Framer. Concentric organic rings morph and breathe using layered sine wave distortion and react to your cursor in real time. Drop it behind any section, set your colors, and it works."}]},{"type":"customHeading","content":[{"type":"text","text":"Best for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Topographic Rings works anywhere you want a subtle, living background that adds depth without competing with your content: hero sections, SaaS landing pages, about sections, or any section where a static background feels flat."}]},{"type":"customHeading","content":[{"type":"text","text":"Key features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Organic rings morph continuously using three layered sine waves"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slightly oval by default (vertical squash configurable) for a natural look"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three visual tiers with independent color and stroke width: accent, mid, and base rings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional mouse interaction: horizontal mouse movement shifts morph frequency, and vertical movement shifts amplitude"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full animation control: speed, per-layer frequency, and amplitude"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rings bleed beyond component bounds so they never look clipped at the edges"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static preview frame on the Framer canvas for easy art direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Behaves like a standard Framer frame: fixed size or fill parent"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy the component URL and paste it into your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place the component behind your content using Framer's layer order."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set ring colors to match your design. Alpha channel controls opacity."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust ring count, spacing, and animation speed to taste."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggle mouse interaction and tune the strength controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enjoy!"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Using the pre-made demos","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A remix link for the demo page is included. Copy any instance directly into your project and customize from there."}]},{"type":"customHeading","content":[{"type":"text","text":"Refunds and support","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, purchases cannot be refunded. Contact me at "},{"type":"text","text":"adipurdila@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:adipurdila@gmail.com","target":"_blank"}}]},{"type":"text","text":" or "},{"type":"text","text":"x.com/adipurdila","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://x.com/adipurdila","target":"_blank"}}]},{"type":"text","text":" before buying if you have questions."}]},{"type":"paragraph","content":[{"type":"text","text":"Support includes: direct access to the author, help with features and settings, and assistance with reported bugs. Response time is up to 2 business days."}]}]},"introduction":"Animated organic background rings","slug":"topographic-rings","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/vqxws66h","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-21T13:52:04.022Z","updatedAt":"2026-06-21T13:52:04.022Z","publishedAt":"2026-06-21T13:52:04.017Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://topographic-rings-component.framer.website/","price":"10","paymentUrl":"https://framersmith.lemonsqueezy.com/checkout/buy/46bf1474-3a25-41ac-9e5e-afaf407e2a6a?logo=0&discount=0","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"h5N7n7MQbTD5DnAa6v9y","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T13:52:04.077Z","updatedAt":"2026-06-21T13:52:04.077Z"},{"id":"019ee9bc-7542-74ed-895b-feaa4dc45356","title":null,"body":"

Apparently the new version of the @Framer marketplace doesn't allow creators to add images in the product descriptions, like we used to be able to. I think that's a mistake because using images allowed us to document a product's functionality a lot better so potential buyers would understand what the product can do or if it had a specific feature they were looking for.

Personally, I hope they bring back that feature.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Apparently the new version of the "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" marketplace doesn't allow creators to add images in the product descriptions, like we used to be able to. I think that's a mistake because using images allowed us to document a product's functionality a lot better so potential buyers would understand what the product can do or if it had a specific feature they were looking for."}]},{"type":"paragraph","content":[{"type":"text","text":"Personally, I hope they bring back that feature."}]}]},"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/ui892w0k","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1342,"height":1484}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T10:31:42.661Z","updatedAt":"2026-06-21T10:31:42.661Z"},{"id":"019ee92f-b7a3-729c-890d-8f080eb3a4eb","title":null,"body":"

Just finished building this before/after image comparison component. I wanted to make it super customizable so you can adapt it to any aesthetic.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just finished building this before/after image comparison component. I wanted to make it super customizable so you can adapt it to any aesthetic."}]}]},"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"LE0h0y6GEmx17xG4qjzg","resolved":true,"title":"Image Split View","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Split View","marks":[{"type":"bold"}]},{"type":"text","text":" is a fully customizable before/after image comparison component for Framer. Drop two images into the component, drag the handle left or right, and one image gradually reveals the other. Everything is configurable from the properties panel."}]},{"type":"customHeading","content":[{"type":"text","text":"Best for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photo editing portfolios: original vs. retouched"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"UI/UX case studies: wireframe vs. final design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Before/after transformations: renovations, rebrands, packaging"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product pages: two colorways or finishes side by side"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Service landing pages: show the impact before and after"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Key features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable divider, works with mouse and touch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click or tap anywhere to jump the divider to that position"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Both images always fill the component with object-fit: cover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configurable starting position (0-100%)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Handle: size, color, opacity, border, corner radius, shadow, and active state"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Divider line: color, width, and style (solid, dashed, dotted)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"26 built-in Lucide icons, or upload your own (SVG uploads are tintable)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional labels with full typography, color, background, and position control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Orientation-aware label positioning: Top/Bottom/Center for horizontal, Left/Right/Center for vertical"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Behaves like a standard Framer frame: fixed size or fill parent"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy the component URL and paste it into your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop in your two images using the left and right image controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the handle, divider line, icon, and starting position."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable and style labels if needed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Resize from the canvas. Enjoy!"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Using the pre-made demos","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A remix link for the demo page is included. Copy any instance directly into your project and customize from there."}]},{"type":"customHeading","content":[{"type":"text","text":"Refunds and support","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, purchases cannot be refunded. Contact me at "},{"type":"text","text":"adipurdila@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:adipurdila@gmail.com","target":"_blank"}}]},{"type":"text","text":" or "},{"type":"text","text":"x.com/adipurdila","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://x.com/adipurdila","target":"_blank"}}]},{"type":"text","text":" before buying if you have questions."}]},{"type":"paragraph","content":[{"type":"text","text":"Support includes: direct access to the author, help with features and settings, and assistance with reported bugs. Response time is up to 2 business days."}]}]},"introduction":"Before/after image comparison","slug":"image-split-view","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/60ruigdm","metadata":{"tint":{"h":210,"s":82,"l":60},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-21T07:57:59.042Z","updatedAt":"2026-06-21T08:18:56.383Z","publishedAt":"2026-06-21T07:57:59.039Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://image-split-view-component.framer.website/","price":"8","paymentUrl":"https://framersmith.lemonsqueezy.com/checkout/buy/6a2f4a8b-7bdc-4e2f-a408-68d09024bfba?logo=0&discount=0","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"sESAXbi16uSzFgIiuGdJ","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-06-21T07:57:59.075Z","updatedAt":"2026-06-21T07:57:59.075Z"},{"id":"019ee564-66d4-7157-a358-ce8b6802d4c5","title":null,"body":"

This is my first Framer template I put on the marketplace and even tho it's not very popular, I'm still proud of it ❤

It's a niche template, made for developers and software engineers: https://staks.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is my first Framer template I put on the marketplace and even tho it's not very popular, I'm still proud of it "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]},{"type":"paragraph","content":[{"type":"text","text":"It's a niche template, made for developers and software engineers: "},{"type":"text","text":"https://staks.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://staks.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/7x1zdkkb","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-20T14:17:02.936Z","updatedAt":"2026-06-20T14:17:02.936Z"},{"id":"019ee0d4-3bc2-7016-aa8e-5da5e0cb8f53","title":null,"body":"

Hey everyone!

I'm curious about your experience with @Framer Workshop now that Agents are here. From my testing, it didn't use any of my daily credits, like the Agent did. Some people are reporting however that Workshop now uses credits as well.

Can anyone shed some light on the situation?

Thank you!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone!"}]},{"type":"paragraph","content":[{"type":"text","text":"I'm curious about your experience with "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Workshop now that Agents are here. From my testing, it didn't use any of my daily credits, like the Agent did. Some people are reporting however that Workshop now uses credits as well."}]},{"type":"paragraph","content":[{"type":"text","text":"Can anyone shed some light on the situation?"}]},{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T17:01:05.862Z","updatedAt":"2026-06-19T17:01:05.862Z"},{"id":"019ed691-84b0-718b-8937-4b12ecb0eb6a","title":null,"body":"

I just built a fully responsive website in under 12 hours using Framer 3.0 and the new AI Agents feature. And honestly? I'm still processing how that was even possible.

We're talking about a multi-page website with a custom CMS, relational collections, a multi-step interactive skill finder, an animated 3D globe, and real written content — all built from scratch.

A year ago this would have taken me 2-3 weeks minimum. Framer 3.0 Agents changed the game in a way I wasn't fully prepared for. Not because it did everything for me (it didn't) but because it collapsed the distance between idea and execution in a way I've never experienced before.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I just built a fully responsive website in under 12 hours using Framer 3.0 and the new AI Agents feature. And honestly? I'm still processing how that was even possible."}]},{"type":"paragraph","content":[{"type":"text","text":"We're talking about a multi-page website with a custom CMS, relational collections, a multi-step interactive skill finder, an animated 3D globe, and real written content — all built from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"A year ago this would have taken me 2-3 weeks minimum. Framer 3.0 Agents changed the game in a way I wasn't fully prepared for. Not because it did everything for me (it didn't) but because it collapsed the distance between idea and execution in a way I've never experienced before."}]}]},"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed691-84b0-718b-8937-4c060844362a","contestId":"agents-hackathon","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd"},"title":"One Thing Today","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One Thing Today","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"One skill. One day. One step forward.","marks":[{"type":"italic"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"According to the UNESCO Global Education Monitoring Report, if all students in low-income countries had just basic reading skills, 171 million people could escape extreme poverty. One Thing Today was built in response to that number."}]},{"type":"paragraph","content":[{"type":"text","text":"It is a free, open platform that delivers one practical, life-improving skill per day to anyone in the world — no registration, no paywall, no internet connection required to act on what you learn. Skills are organised into five categories: health and survival, growing food, earning money, staying safe, and learning and communication. Every skill is written to be genuinely useful, requiring no special equipment, no prior education, and no infrastructure to apply."}]},{"type":"paragraph","content":[{"type":"text","text":"The experience is personalised through a three-step skill finder. Users select their region, the area of their life they want to improve, and how much time they have today. Framer's CMS and variables power the filter logic that surfaces the most relevant skill for each person."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer 3.0 was central to how this was built. The skill finder is a multi-variant component driven entirely by CMS collections — regions, categories, time options, and skills are all relational references, nothing hardcoded. An interactive 3D globe responds to region selection in real time."}]},{"type":"paragraph","content":[{"type":"text","text":"The site was designed and built in Framer in about 10 hours hours."}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/nfq9bw5u","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"data":{"previewUrl":"https://onethingtoday.framer.website/"},"winner":false,"createdAt":"2026-06-17T17:12:01.517Z","updatedAt":"2026-06-17T17:12:01.517Z"}],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T17:12:01.469Z","updatedAt":"2026-06-17T17:12:01.469Z"},{"id":"019e6ffe-59d5-76d9-b883-952974368ec0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1P95uBBBcS5WY5jkvzmc","resolved":true,"title":"Proof Deck","body":"$66","bodyJson":null,"introduction":"Animated testimonial slider with logos","slug":"proof-deck","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1P95uBBBcS5WY5jkvzmc/proof-deck-few904m9wdZ9YlHe3nMWmkq3swC2RD","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-20T10:15:56.131Z","updatedAt":"2026-05-28T15:29:11.223Z","publishedAt":"2026-05-28T19:10:00.661Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://proof-deck-component.framer.website/","price":"14","paymentUrl":"https://framersmith.lemonsqueezy.com/checkout/buy/20162da3-97b8-473f-a0a0-66f486448537?logo=0","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"g365Enwvbmfj7yV0ZKB0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":24,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-28T19:10:00.661Z","updatedAt":"2026-05-28T19:10:00.661Z"},{"id":"019e63d0-da89-7f3d-82a9-0fb01eed8be2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"229","resolved":true,"title":"Stacked Cards Effect","body":null,"bodyJson":null,"introduction":"Build animated stacking cards on scroll","slug":"stacked-cards-effect","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"youtube","url":"https://www.youtube.com/watch?v=ncZgr7ePcl0","metadata":{"videoId":"ncZgr7ePcl0","title":"Stacking Cards on Scroll - Step by Step Framer Tutorial","thumbnailUrl":"https://i.ytimg.com/vi/ncZgr7ePcl0/maxresdefault.jpg"}}],"post":null,"createdAt":"2026-05-23T11:00:35.672Z","updatedAt":"2026-05-26T10:24:52.361Z","publishedAt":"2026-05-26T10:24:52.361Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":1115,"summary":"Learn how to build a stacking cards effect in Framer where cards animate in one by one and stay pinned until the stack is complete.\n\n⚡Fully customizable component: https://www.framer.com/marketplace/components/scroll-stack/","categories":[{"id":"2f2b88a2-a119-49ae-b6c9-9654bee8bdae","name":"Animation","slug":"animation"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-26T10:24:52.361Z","updatedAt":"2026-05-26T10:24:52.361Z"},{"id":"019e63a6-90f2-7326-9850-f0e19e13e4b7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"63223","resolved":true,"title":"Staks","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Staks is a responsive Framer portfolio template built specifically for developers and software engineers. It has clean typography, a modern layout, and thoughtful details throughout, designed to help you land clients, impress hiring managers, and present your work in a clean format."}]},{"type":"paragraph","content":[{"type":"text","text":"Every page is production-ready and easy to customize. Swap in your name, projects, tech stack, and story and you're ready to publish."}]},{"type":"customHeading","content":[{"type":"text","text":"What's included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Homepage","marks":[{"type":"bold"}]},{"type":"text","text":" — Hero with text highlight, service breakdown by discipline, scrolling tech stack marquee, featured project previews, and a contact-ready footer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Work","marks":[{"type":"bold"}]},{"type":"text","text":" — Table-style project index with hover-preview thumbnails, experience stats, and a client logo marquee."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case study","marks":[{"type":"bold"}]},{"type":"text","text":" — Full project pages with hero screenshot, metadata, additional project images, pull quotes, and a next-project teaser."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Updates (blog)","marks":[{"type":"bold"}]},{"type":"text","text":" — A writing section with a featured article hero and a clean archive table. Great for sharing dev insights, process notes, or the occasional opinion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Article","marks":[{"type":"bold"}]},{"type":"text","text":" — Single post layout with metadata, cover image, article content, and a read-next block."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About","marks":[{"type":"bold"}]},{"type":"text","text":" — Personal intro, photo, expertise cards, a full experience timeline, and a CV download button."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Powered by Framer CMS"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"All dynamic content lives in five CMS collections, so there's no hardcoding involved. Add your projects, write a post, update your stack or experience and the pages update automatically."}]},{"type":"customHeading","content":[{"type":"text","text":"Designed for developers"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The design feels native to the dev world. It uses a clean layout structure, monospace type accents, stack tags, and certain accent colors that hint to the idea of syntax highlighting."}]},{"type":"customImage","attrs":{"alt":"Component customizability","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63223-staks-NgIJUnpOGwPv29OjeES504dGP3eC22","link":null,"caption":"Component customizability","uploadId":null}},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"You can contact me at "},{"type":"text","text":"adipurdila@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:adipurdila@gmail.com","class":null,"target":"_blank"}}]},{"type":"text","text":" or on "},{"type":"text","text":"x.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://x.com","class":null,"target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included in support","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Direct access to the author for questions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Help with technical questions about features and settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Assistance with reported bugs and issues"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Support response time is up to 2 business days."}]}]},"introduction":"Portfolio Template for Developers","slug":"staks","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63223/staks-boypP44QVT2AXZ85GCMZORRc4HpesR","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63223/staks-QMwSL2T6q3doRvdSDI2x4YXVFm8dpR","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63223/staks-rJhGBGXPxKEihvnmxikZfTSZRXC7Eb","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63223/staks-IRsnThe5Ec5QQE9cRkWToCJ5b2zryF","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-28T08:16:33.167Z","updatedAt":"2026-09-06T12:07:29.080Z","publishedAt":"2026-05-26T09:38:41.010Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/OuQCyit","remixUrl":"https://framer.link/OuQCyit","previewUrl":"https://staks.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":112,"name":"Technology","slug":"technology"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":236,"name":"Light","slug":"light"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"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":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-26T09:38:41.010Z","updatedAt":"2026-05-26T09:38:41.010Z"},{"id":"019e2286-deb1-7266-9d33-219a6a7e5fd5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NbbXMzqZ3r3payNH8pkC","resolved":true,"title":"Scroll Stack","body":"$68","bodyJson":null,"introduction":"A scroll-driven card stack component","slug":"scroll-stack","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/NbbXMzqZ3r3payNH8pkC/scroll-stack-XtcNyUZRkGOXO5RjhGx6dkTssXAWuz","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-28T07:38:08.611Z","updatedAt":"2026-05-13T18:13:05.547Z","publishedAt":"2026-05-13T18:08:44.721Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scroll-stack-component.framer.website/","price":"12","paymentUrl":"https://framersmith.lemonsqueezy.com/checkout/buy/f7922b63-7486-4d17-b40e-5364e8680006?logo=0","workshop":true,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"hqgCKwfx3LcvtBrPjE45","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":191,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-13T18:08:44.721Z","updatedAt":"2026-05-13T18:08:44.721Z"},{"id":"019d9f73-93ac-7eea-b9a7-7956c2d30526","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DsvunnWdHjhwra6lWS43","resolved":true,"title":"Timezone Clock","body":"$69","bodyJson":null,"introduction":"Live clock with timezone & formatting","slug":"timezone-clock","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/DsvunnWdHjhwra6lWS43/timezone-clock-CQ0d1HnTZNSKf6SpxA1LcnxmgoDrAY","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-07T10:33:44.588Z","updatedAt":"2026-04-16T15:02:57.822Z","publishedAt":"2026-04-18T07:17:25.036Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/SimpleTimezoneClock-JWfNAQ.js@cOwWfcLmXODeRGEPkHae","previewUrl":"https://fulfilled-sandwich-162262.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"cOwWfcLmXODeRGEPkHae","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-18T07:17:25.036Z","updatedAt":"2026-04-18T07:17:25.036Z"},{"id":"019c70d8-f458-7192-82c6-03fc2bef040c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"166","resolved":true,"title":"Scroll-activated nav","body":null,"bodyJson":null,"introduction":"With active link highlighting","slug":"scroll-activated-nav","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"youtube","url":"https://www.youtube.com/watch?v=k3k96YtSU2o","metadata":{"videoId":"k3k96YtSU2o","title":"How to Build a Navbar with Active Link Highlighting in Framer","thumbnailUrl":"https://i.ytimg.com/vi/k3k96YtSU2o/maxresdefault.jpg"}}],"post":null,"createdAt":"2026-02-18T09:26:14.997Z","updatedAt":"2026-02-18T13:03:12.472Z","publishedAt":"2026-02-18T13:03:12.472Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":860,"summary":"Build a scroll-activated navbar in Framer with active link highlighting. Perfect for single-page websites or long-form pages.","categories":[{"id":"b065292c-9109-4148-a902-5a7d4c1d66eb","name":"Components","slug":"components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-18T13:03:12.472Z","updatedAt":"2026-02-18T13:03:12.472Z"},{"id":"019c48b1-385b-7abe-9126-101db90b439f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"161","resolved":true,"title":"Animated Button","body":null,"bodyJson":null,"introduction":"Create smooth button hover animations","slug":"animated-button","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"youtube","url":"https://www.youtube.com/watch?v=OSg3CNwRWXs","metadata":{"videoId":"OSg3CNwRWXs","title":"Animated Buttons in Framer (Step-by-Step Tutorial)","thumbnailUrl":"https://i.ytimg.com/vi/OSg3CNwRWXs/maxresdefault.jpg"}}],"post":null,"createdAt":"2026-02-10T14:40:44.704Z","updatedAt":"2026-02-10T17:54:59.803Z","publishedAt":"2026-02-10T17:54:59.803Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":847,"summary":"Learn how to create an animated button in Framer with hover effects on both the background and label/icon. I'll walk you through the techniques step-by-step so you can add polished interactions to your projects.","categories":[{"id":"2f2b88a2-a119-49ae-b6c9-9654bee8bdae","name":"Animation","slug":"animation"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-10T17:54:59.803Z","updatedAt":"2026-02-10T17:54:59.803Z"},{"id":"019c2d90-25b4-7be4-9399-a8e9bf4a3938","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"125","resolved":true,"title":"Masonry Grids","body":null,"bodyJson":null,"introduction":"Create Pinterest-style layouts in Framer","slug":"masonry-grids","author":{"framerUserId":"c74393c2-214e-406b-9cc7-241dad16780a","name":"Adi Purdilă","slug":"adipurdila","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c74393c2-214e-406b-9cc7-241dad16780a/phyacdsd","followed":false,"followsYou":false},"media":[{"type":"youtube","url":"https://www.youtube.com/watch?v=lgC2V3kErXQ","metadata":{"videoId":"lgC2V3kErXQ","title":"How to Create Pinterest-Style Layouts in Framer","thumbnailUrl":"https://i.ytimg.com/vi/lgC2V3kErXQ/maxresdefault.jpg"}}],"post":null,"createdAt":"2026-02-02T10:21:51.278Z","updatedAt":"2026-02-05T11:29:07.508Z","publishedAt":"2026-02-05T11:29:07.508Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":578,"summary":"Learn how to create masonry grid layouts in Framer using the masonry feature. Perfect for image galleries, portfolios, and Pinterest-style layouts.","categories":[{"id":"2a8f950f-084b-4ffa-947b-4f6d23b5ebdc","name":"Design","slug":"design"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-05T11:29:07.508Z","updatedAt":"2026-02-05T11:29:07.508Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6a"}]