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

Inverted Corner component creates a concave corner notch that sits flush against any rounded element. Position it absolutely at the card corner, set the radius to match, and pick the fill color. That's it.

Props

Radius. Match your card's border-radius
Corner. Which corner the notch cuts into
Fill. Must match the background color behind the card, not the card itself
Padding. Adds space around the notch on any or all sides, useful when you need the shape to extend slightly beyond the corner

Setup

Set position to Absolute
Place at the exact corner of your card
Match Radius and Fill
Stack it above the card in the layer order

See it in action - remix the example file

Do

Use on solid color backgrounds
Use one instance per corner

Don't

Place it on a gradient or image background
Set Fill to the card color instead of the background color

63:T2dc3,

0. Why Post-Build Cleanup Matters

You’ve finished your component. It works, it looks good, and you know exactly how to edit it.

But:

Will someone who didn’t build it know where to change the text?
Will they know which properties are safe to edit?

This guide is about what happens after the component “works” – the steps that turn it into something that’s easy to edit, hard to break, and pleasant to use.

Use it as a checklist every time you ship a native component.

1. Drop It In Like a User

Start by acting like someone who has never seen your component before.

Do this:

Create a new page or empty canvas.
Paste your component in.
Don’t detach it. Don’t touch layers.
Look only at the right-hand panel.

Ask yourself:

What is the first thing I’d want to edit here?
Can I find that control in under 2 seconds?
Are there any properties I don’t understand at a glance?
Are there properties that feel unnecessary or duplicated?

This quick scan gives you a realistic view of the editing experience.

If the panel already feels overwhelming or confusing to you, it will be worse for your users.

2. Decide What Should Actually Be Editable

Most components are either over-exposed (too many controls) or under-exposed (important things hidden inside).

Before touching variables, decide what should and should not be editable.

For most components, users should clearly be able to:

Change main text: headline, body, labels.
Swap images or icons.
Change button labels and links.
Adjust key colors (brand, background, accent).
Toggle optional elements: badge, image, secondary text, secondary CTA.

And usually should NOT:

Adjust internal spacing and padding.
Change layout hacks or nested wrappers.
Toggle tiny decorative details that don’t matter.

3. Give Variants Real Names

Most components ship with variants like Variant1, Variant2, which only make sense to the creator.

Your goal is to make the variant menu read like clear options a user would actually choose.

Rename by purpose:

Layout: Horizontal, Vertical, Split, Stacked
Breakpoint-style: Desktop, Tablet, Mobile
Size: Small, Medium, Large
State: Default, Hover, Pressed, Active, Disabled

Then:

Delete test and duplicate variants.
Set the default variant to the clearest, most common one.

The variant menu should read like a tiny settings panel, not a list of versions you tried while building.

4. Audit Variables: Missing vs Too Many

Now, go through the properties panel and see what should be editable.

A. What’s missing?

Typical missing controls:

Headline text is hardcoded inside the component.
Button label and link are baked into layers.
The main image is not a variable.
Badge or label text can’t be changed.

Add variables for anything the user might want to edit.

B. What’s unnecessary?

Typical overkill:

Separate color variables for tiny inner elements.
Padding variables all over the place.
Radius controls for nested frames that users never see.
Toggles for subtle visual details nobody needs to manage.

If a variable only tweaks a tiny detail or duplicates what another control already does, remove it or merge it into a single, more useful property.

Rule of thumb:

If it’s safe and useful for 80% of users → expose it.
If it’s fragile, niche, or likely to break layout → keep it internal.

5. Rename Variables Like a Simple Form

Most users edit components from the panel only. Variable names are your UX.

Bad experience: “Which of these 12 properties changes the thing I’m looking at?”

Good variable naming feels like a simple form.

Good examples:

Heading
Subheading
Card Title
Card Description
Button Label
Button Link
Show Image
Accent Color

Weak examples:

Text 1, Text 2
Title Main 1, Color, Visible
Content, Body Copy

Tips:

Add context where needed: Card Title, Hero Title, Footer Link Label.
Keep naming consistent across your component set.
Name toggles as statements: Show Icon, Show Border, Show Secondary CTA.

If you can read the panel top to bottom and it feels like answering a form, you’re in a good place.

6. Group Properties by Purpose (Using Order + Descriptions)

Framer doesn’t have collapsible groups for variables, so order is everything.

A simple, predictable order works best:

Content: Headline, body, labels, images, icons.
Actions: CTA labels and links.
Visibility: Show/hide image, badge, secondary text, secondary CTA.
Style: Background color, accent color, radius, border.
Advanced (only if really needed): Things like animation timings or rare options.

Use descriptions as visual dividers

The Description field can double as a visual separator.

Example use of descriptions as visual dividers

Use it to:

Separate content from style.
Mark advanced settings.
Group related controls without adding extra UI.

The goal: a panel you can scan in two seconds and instantly understand.

7. Use Placeholders as Safety Hints

Placeholders in Framer live in the input field, not on the canvas. They’re most useful as hints when a text value is empty, especially after a user deletes everything.

Use placeholders to:

Explain what kind of text goes in a field ("Short title, max 2 lines").
Help users understand a field even after they clear the text.

Avoid using placeholders as:

A way to keep important text hidden by default.
A substitute for real, visible default copy on the canvas.
The only way to "hide" optional lines – use toggles or proper visibility logic instead.

If the user needs to see the text on canvas to understand the layout, use normal default text and let the placeholder exist purely as guidance when the field is cleared.

8. Add Short, Useful Descriptions

Descriptions are displayed directly below the control name.

They’re great for:

Explaining how a property behaves.
Giving content length guidance.
Marking optional behavior.
Clarifying scope (“Card background, not page background”).

Examples:

Recommended: 1–2 short lines.
Best with 1:1 images.
Applies only to the hover state.

Keep them short. If you can’t explain it in one line, the property might be too complex.

9. Clean Internal Layers (For When People Peek Inside)

Even if your panel is perfect, someone will eventually open the component.

You don’t need to over-engineer the internal naming, but you should avoid chaos.

Typical problems:

Generic 'Stack' & 'Frame' names all over the component

Clean-up pass:

Name layers by function: Image Wrapper, CTA Button, Badge.
Mark structure groups: Card, Content Group, Media, CTA Group.

This makes it safer for advanced users to tweak the layout without hunting.

10. Do a 2-Minute Edit Run

Final step: treat your component like something you just bought in the Marketplace.

In one fresh instance:

Change the headline and description.
Swap the image or icon.
Update button text and link.
Toggle optional pieces (image, badge, secondary text, secondary CTA).
Switch between key variants (state, layout, theme).
Try leaving non-essential fields empty.

Notice any moment of:

“Where is that controlled from?”
“Why did that disappear?”
“Why are there three ways to change this color?”

Fix those points. That’s the friction your users would feel.

Quick Checklist

Before you ship or publish:

Variant names are clear and minimal.
Only important things are exposed as variables.
No “mystery” variables that don’t do much.
Variables are named clearly
Properties are ordered by purpose (content → actions → visibility → style → advanced).
Placeholders are used mainly as guidance when fields are empty (safety + hints), not as the main way to hide important content.
Descriptions clarify tricky or important controls.
Internal layers have meaningful names.
A fresh instance is easy to edit in under 2 minutes.

64:T430,

Spineo is a modern Framer template made especially for solo chiropractors. It’s simple, clean, and super easy to customize - perfect for creating a professional website without the hassle. The template includes a full homepage with all the key sections, a custom 404 page, and even a built-in CMS to handle your legal pages (Privacy Policy, Terms & Conditions, and Cookie Policy).

While Spineo doesn’t have a booking system, it’s designed to work seamlessly with your existing platform or a simple contact form. That way, patients can easily reach out and book appointments without any fuss. And don’t worry about spending hours customizing - just tweak the colors, text, and images to match your brand, and you’re good to go.

I created Spineo to help solo practitioners like you shine online. It’s all about showcasing your expertise, building trust, and making it easy for patients to connect with you. So, spend less time stressing over your website and more time doing what you love - helping people feel their best!

65:T47e,

Groomify is your ultimate Framer template for creating a stunning online presence for your pet grooming salon. With its modern, luxurious design, this template beautifully showcases your services and includes everything you need to launch - a concise Landing Page with all essential sections, plus Privacy Policy, Salon Policies, and a custom 404 Error page.

While Groomify doesn’t include a built-in booking system, it’s fully prepared to connect with your existing booking platform or a simple contact form. This makes it effortless for pet owners to reach out and book appointments, helping you grow your business with ease. Customizing the template is a breeze, too - just swap out colors, text, and images to match your brand, and you’ll have a professional, polished website ready in no time.

Whether you run a cozy boutique salon or a full-service grooming business, Groomify gives you all the tools to impress clients, build trust, and stand out online. Spend less time stressing over your website and more time doing what you love - pampering pets!

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-7adbc810-fb6d-488b-86fe-e018224298a7-all:/unified/creator/7adbc810-fb6d-488b-86fe-e018224298a7/activity/":[{"data":[{"id":"01a06176-9684-7061-b001-953670ab347c","type":"creator.followed","target":{"type":"creator","id":"5d6b118a-0f38-448f-be4a-54efa0a23bc5","preview":"Struxent","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/724226/avatar-hN9v3ElYtLqxBxFid09g20d5VQ4mQF.jpg","slug":"struxent","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T09:32:36.864Z","latestAt":"2026-09-02T09:32:36.864Z"},{"id":"01a02568-6201-7694-9663-5fc0045f9db5","type":"post.liked","target":{"type":"post","id":"01a02555-1aca-76c7-bb96-79b5888d46d0","preview":"Creator Economy! 🫧🚀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Creator Economy! "},{"type":"emoji","attrs":{"name":"bubbles","emoji":"🫧"}},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]}]},"thumbnail":"https://image.mux.com/zEj4QjurqnQ5M4BZ008qp6HE2HOjVVwSDAv700XrpNXK8/thumbnail.webp?time=4.4","targetDeleted":false,"owned":false,"actions":{"postId":"01a02555-1aca-76c7-bb96-79b5888d46d0","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-21T17:39:52.956Z","latestAt":"2026-08-21T17:39:52.956Z"},{"id":"01a01a45-8f8d-7788-8891-9bd1fd12cbd1","type":"creator.followed","target":{"type":"creator","id":"dd30e1c2-8f38-4c44-9c97-cd59f008aaf9","preview":"Danny Sapio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29157/avatar-TUxeVBpoCafaXLtAp2ippbgmWYLvW3.jpg","slug":"dannysapio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T13:46:01.478Z","latestAt":"2026-08-19T13:46:01.478Z"},{"id":"01a01a3e-f5cc-73ed-8830-136b0f7ab718","type":"template.liked","target":{"type":"template","id":"69451","preview":"Nubo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3b062a58-ca05-4acc-91a2-b82e96bd3a5d/019f5f53-a9c6-745c-acc7-d66f9730bdc3.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-19T13:38:48.901Z","latestAt":"2026-08-19T13:38:48.901Z"},{"id":"019fdba7-0909-706a-849d-492b4e6f1ea1","type":"creator.followed","target":{"type":"creator","id":"999e5985-24b5-4f64-a124-1a229faff2c9","preview":"Waida Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/999e5985-24b5-4f64-a124-1a229faff2c9/p9ksnuud","slug":"waidastudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T09:56:24.958Z","latestAt":"2026-08-07T09:56:24.958Z"},{"id":"019fb96b-b1ca-7627-b1b5-977fe62972ef","type":"creator.followed","target":{"type":"creator","id":"0efc254f-45ae-4f8d-b650-ec3ea00a37b4","preview":"Miguel Queirós","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29226/IMG_3575-clorpqurtJgYrV8L6EDgZIHTW2pRy7.png","slug":"miguel-queiros","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-31T18:24:30.659Z","latestAt":"2026-07-31T18:24:30.659Z"},{"id":"019f33ca-f30b-7163-a78f-3a3d72c0cf40","type":"creator.followed","target":{"type":"creator","id":"b9d6d905-df7a-4eb5-9124-415daa8fddf0","preview":"Justin Jones","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/200442/avatar-WWUGpTRqYGb64Q6Vd3TB8OlnV6ZMHt.jpg","slug":"justin-jones-fqa4nn","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-05T19:39:26.343Z","latestAt":"2026-07-05T19:39:26.343Z"},{"id":"019f31d9-be54-7538-a7ad-dfa3348c4eeb","type":"creator.followed","target":{"type":"creator","id":"aab04a11-89d2-48c5-9df8-65f2170ab832","preview":"Marso Angelov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/807324/avatar-VfV8TCefzquEAQm1ic0i8vv9wcVbF7.jpg","slug":"designedbymarso","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-05T10:36:21.455Z","latestAt":"2026-07-05T10:36:21.455Z"},{"id":"019f291c-81c9-763a-a399-0d0824e38a26","type":"post.liked","target":{"type":"post","id":"019f277f-095f-72b7-919e-d4fbe9b8db4a","preview":"📣 Free for a limited time: Soren\nA super considered minimal portfolio and agency template. With an advanced particle interaction, and customisable unicode animation.\nLink below ↓","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"mega","emoji":"📣"}},{"type":"text","text":" Free for a limited time: Soren","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A super considered minimal portfolio and agency template. With an advanced particle interaction, and customisable unicode animation."}]},{"type":"paragraph","content":[{"type":"text","text":"Link below ↓"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/52b07593-e9e2-457e-8a15-6b5c4b64bbc0/dlxuzt88","targetDeleted":false,"owned":false,"actions":{"postId":"019f277f-095f-72b7-919e-d4fbe9b8db4a","like":{"count":101,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-03T17:52:41.924Z","latestAt":"2026-07-03T17:52:41.924Z"},{"id":"019f2776-f744-73a9-95a2-a41ba92fd7df","type":"post.liked","target":{"type":"post","id":"019f21f7-2897-702d-8879-27277092b24a","preview":"Framer Agent cooked me this brand guide in seconds for my new template 👀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agent cooked me this brand guide in seconds for my new template "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/94772ad7-baad-4763-bd35-365704374dc3/wmwknu0b","targetDeleted":false,"owned":false,"actions":{"postId":"019f21f7-2897-702d-8879-27277092b24a","like":{"count":170,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-03T10:12:15.808Z","latestAt":"2026-07-03T10:12:15.808Z"},{"id":"019f23ac-447d-74c4-ae4e-30912eff2577","type":"post.liked","target":{"type":"post","id":"019f231e-c762-7593-b14f-d0e8147080f9","preview":"The things you can build in @Framer without writing code are getting out of hand\nJust dropped a big update to 3D Magazine 🔥\n→ video pages\n→ adjustable page size\n→ entrance animations\n→ auto-flip mode, and more\nSearch for \"3D Magazine\" to get this FREE component 🙌\nIf you like what you see, hit ❤ on the marketplace listing. It helps other builders discover it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The things you can build in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" without writing code are getting out of hand"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Just dropped a big update to 3D Magazine "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"→ video pages"}]},{"type":"paragraph","content":[{"type":"text","text":"→ adjustable page size"}]},{"type":"paragraph","content":[{"type":"text","text":"→ entrance animations"}]},{"type":"paragraph","content":[{"type":"text","text":"→ auto-flip mode, and more"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Search for \"3D Magazine\" to get this FREE component "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you like what you see, hit "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" on the marketplace listing. It helps other builders discover it"}]}]},"thumbnail":"https://image.mux.com/viILER01B901ICP00CT9JgO029E9eITKgFy4tOCj8b64HSY/thumbnail.webp?time=11.883","targetDeleted":false,"owned":false,"actions":{"postId":"019f231e-c762-7593-b14f-d0e8147080f9","like":{"count":172,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-02T16:32:00.112Z","latestAt":"2026-07-02T16:32:00.112Z"},{"id":"019f1f4f-5a6a-773b-981d-76a82e69faaf","type":"post.liked","target":{"type":"post","id":"019f1efc-9c22-703f-99f1-6519c43c9fc3","preview":"Subtle but important thing to know about Components:\nVariant transitions set the animation curve into that variant, not out of it.\nUnderstanding this unlocks complex animation sequences.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Subtle but important thing to know about Components:"}]},{"type":"paragraph","content":[{"type":"text","text":"Variant transitions set the animation curve "},{"type":"text","text":"into","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" that variant, not out of it."}]},{"type":"paragraph","content":[{"type":"text","text":"Understanding this unlocks complex animation sequences."}]}]},"thumbnail":"https://image.mux.com/4DFdDqhexQcnyx00udj8xRMp9R1xwnqbuXZEUMRiB6D4/thumbnail.webp?time=3.817","targetDeleted":false,"owned":false,"actions":{"postId":"019f1efc-9c22-703f-99f1-6519c43c9fc3","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T20:12:02.021Z","latestAt":"2026-07-01T20:12:02.021Z"},{"id":"019f1d10-ef6e-75ac-8a33-0c8a19ddb87a","type":"creator.followed","target":{"type":"creator","id":"884bf85d-f4b3-4e4e-9f8f-302ea1ed97a8","preview":"Patrycja Żarek","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/99531/avatar-EGWiG4pEFH4ST1K8SqQMx0T8xpVgrh.jpg","slug":"patrycja-zarek","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T09:44:36.970Z","latestAt":"2026-07-01T09:44:36.970Z"},{"id":"019f18ec-8cf6-765c-90e1-48c25224e250","type":"component.liked","target":{"type":"component","id":"Iwbd6kzIpz2EDmcuz1rv","preview":"E-Commerce Navbar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/94772ad7-baad-4763-bd35-365704374dc3/m3wvvqbn","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-30T14:26:23.601Z","latestAt":"2026-06-30T14:26:23.601Z"},{"id":"019f04cf-d64a-725e-b773-cc1d83c248ae","type":"creator.followed","target":{"type":"creator","id":"b5fb1fa0-377c-4c87-83f7-e68b8cc67c03","preview":"Irem Geldry","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b5fb1fa0-377c-4c87-83f7-e68b8cc67c03/dfl4tmrx","slug":"irem-geldry","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-26T16:42:37.509Z","latestAt":"2026-06-26T16:42:37.509Z"},{"id":"019f04cf-9d27-77ee-8506-9ddf2e8ab4cb","type":"comment.created","target":{"type":"post","id":"019f0374-4bcf-74c1-89e4-96b096a1ca1f","preview":"Lumene","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b5fb1fa0-377c-4c87-83f7-e68b8cc67c03/01a08b43-d08e-77bc-9c99-800cae6f7787.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019f0374-4bcf-74c1-89e4-96b096a1ca1f","like":{"count":50,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f04cf-9d0e-73dd-b3fb-591b1cfc84bc","preview":"beautiful work, love it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"beautiful work, love it!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f0374-4bcf-74c1-89e4-96b096a1ca1f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f04cf-9d0e-73dd-b3fb-591b1cfc84bc"},"repost":null}},"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-26T16:42:22.887Z","latestAt":"2026-06-26T16:42:22.887Z"},{"id":"019f04cf-0b56-705c-852a-aada2552d516","type":"template.liked","target":{"type":"template","id":"68317","preview":"Lumene","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b5fb1fa0-377c-4c87-83f7-e68b8cc67c03/01a08b43-d08e-77bc-9c99-800cae6f7787.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-26T16:41:45.553Z","latestAt":"2026-06-26T16:41:45.553Z"},{"id":"019efb34-27c6-7759-8600-c8de8f16982e","type":"creator.followed","target":{"type":"creator","id":"5e9178ac-0cf1-46cd-ab75-b55e8e406d28","preview":"Helen Statsevich","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5e9178ac-0cf1-46cd-ab75-b55e8e406d28/rpwevai5","slug":"helen-st","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T19:55:59.809Z","latestAt":"2026-06-24T19:55:59.809Z"},{"id":"019efb33-df5c-75cb-89f2-3c56a77eabed","type":"creator.followed","target":{"type":"creator","id":"ada01c21-6899-47b5-90e5-a92c87456c9a","preview":"Kacper Kozłowski","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ada01c21-6899-47b5-90e5-a92c87456c9a/gjf1duyo","slug":"kacper","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T19:55:41.272Z","latestAt":"2026-06-24T19:55:41.272Z"},{"id":"019efb33-931e-771d-aea5-1c840ef9f724","type":"creator.followed","target":{"type":"creator","id":"164dde5d-4c2d-4c53-871b-c5bbad15cc60","preview":"Kamil Leśniak","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29553/avatar-nXdkE8NWmpPJmJEgR2paAtiuWp7kZK.jpg","slug":"digital-kamil","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T19:55:21.755Z","latestAt":"2026-06-24T19:55:21.755Z"}],"pagination":{"next":"MjAyNi0wNi0yNFQxOTo1NToyMS43NTVafDAxOWVmYjMzLTkzMWUtNzcxZC1hZWE1LTFjODQwZWY5ZjcyNA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:7adbc810-fb6d-488b-86fe-e018224298a7:/unified/posts/?creator=7adbc810-fb6d-488b-86fe-e018224298a7&with=reposts":[{"data":[{"id":"01a06671-59f0-769c-90d7-9e4db3222665","title":null,"body":"

scan it, and you might be able to remix it

built with the agent

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"scan it, and you might be able to remix it"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"built with the agent"}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/LuOcJ5VFlulTB3CyHq8JJgFE5RE02zpXVg2ip02CJGu00Y.m3u8","metadata":{"posterUrl":"https://image.mux.com/LuOcJ5VFlulTB3CyHq8JJgFE5RE02zpXVg2ip02CJGu00Y/thumbnail.webp?time=3.621","aspectRatio":"1394:857","duration":8.983333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T08:44:59.766Z","updatedAt":"2026-09-03T08:44:59.766Z"},{"id":"01a023fe-4a16-716b-912d-8f2428db8828","title":null,"body":"

@Framer agent is even cooler when you take an out-of-the-box approach.

just building for fun at this point and seeing what's possible.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"text","text":"agent is even cooler when you take an out-of-the-box approach.","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"just building for fun at this point and seeing what's possible.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/skwlhpTjTgCyBU3L5kQcCj2KzFGGqs0100K3tGaRF9hI00.m3u8","metadata":{"posterUrl":"https://image.mux.com/skwlhpTjTgCyBU3L5kQcCj2KzFGGqs0100K3tGaRF9hI00/thumbnail.webp?time=8.405","aspectRatio":"1394:857","duration":10.466667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-21T11:04:22.811Z","updatedAt":"2026-08-21T11:04:22.811Z"},{"id":"01a01b46-b20b-7398-a485-f91c493b8b5b","title":null,"body":"

I asked Framer Agent to create a hero for a divorce lawyer site, and for a fun twist I had it build a component where an image splits in two as you scroll, like a couple growing apart. I quite like what it came up with.

btw. long time no see, hope all is well! I might finally come back to post more regularly :D

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I asked Framer Agent to create a hero for a divorce lawyer site, and for a fun twist I had it build a component where an image splits in two as you scroll, like a couple growing apart. I quite like what it came up with."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"btw. long time no see, hope all is well! I might finally come back to post more regularly :D"}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/01mR4qUf8kIG6bomhGCpM01dDevUhgaBHqJx6dTWOGXc00.m3u8","metadata":{"posterUrl":"https://image.mux.com/01mR4qUf8kIG6bomhGCpM01dDevUhgaBHqJx6dTWOGXc00/thumbnail.webp?time=8.264","aspectRatio":"475:294","duration":10.316667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-19T18:26:53.071Z","updatedAt":"2026-08-19T18:26:53.071Z"},{"id":"019ed12a-7af1-72be-9ee9-4c7f29f9facd","title":null,"body":"

1 hour to go!

Very excited for Framer 3.0 💙

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"1 hour to go!"}]},{"type":"paragraph","content":[{"type":"text","text":"Very excited for Framer 3.0 "},{"type":"emoji","attrs":{"name":"blue_heart","emoji":"💙"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","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":17,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T16:01:22.677Z","updatedAt":"2026-06-16T16:01:22.677Z"},{"id":"019e9813-f005-712d-8095-2b78146ec932","title":null,"body":"

I spent way too long creating inverted corners in Framer. Every time I needed them done, it was the same routine. Drawing a vector, sizing it by hand, redoing it when the radius changed, and adding a second shape if I needed padding.

So I finally built a code component for it. Honestly should have done it months ago. Now, if the radius changes, I just update the number and the shape follows.

I published it on the Marketplace for free in case anyone has been doing this the hard way too.

Let me know if you find it useful.

Check it out on the marketplace.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I spent way too long creating inverted corners in Framer. Every time I needed them done, it was the same routine. Drawing a vector, sizing it by hand, redoing it when the radius changed, and adding a second shape if I needed padding."}]},{"type":"paragraph","content":[{"type":"text","text":"So I finally built a code component for it. Honestly should have done it months ago. Now, if the radius changes, I just update the number and the shape follows."}]},{"type":"paragraph","content":[{"type":"text","text":"I published it on the Marketplace for free in case anyone has been doing this the hard way too."}]},{"type":"paragraph","content":[{"type":"text","text":"Let me know if you find it useful."}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out on the marketplace.","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/J82Ev5r","target":"_blank"}}]}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/qrfxstie","metadata":{"tint":{"h":240,"s":53,"l":70},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-06T21:16:59.192Z","createdAt":"2026-06-05T13:58:24.011Z","updatedAt":"2026-06-06T21:16:59.192Z"},{"id":"019e9775-81fc-76ad-8ef8-3588ab923dd5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Ek72h47UF3Gk4zcTRieq","resolved":true,"title":"Inverted Corner","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Inverted Corner","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" component creates a concave corner notch that sits flush against any rounded element. Position it absolutely at the card corner, set the radius to match, and pick the fill color. That's it."}]},{"type":"customHeading","content":[{"type":"text","text":"Props","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Radius.","marks":[{"type":"bold"}]},{"type":"text","text":" Match your card's border-radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Corner.","marks":[{"type":"bold"}]},{"type":"text","text":" Which corner the notch cuts into"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fill.","marks":[{"type":"bold"}]},{"type":"text","text":" Must match the background color behind the card, not the card itself"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Padding.","marks":[{"type":"bold"}]},{"type":"text","text":" Adds space around the notch on any or all sides, useful when you need the shape to extend slightly beyond the corner"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Setup","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set position to Absolute"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place at the exact corner of your card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Match Radius and Fill"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stack it above the card in the layer order"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"See it in action - "},{"type":"text","text":"remix the example file","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/sKf4Bga","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Do","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use on solid color backgrounds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use one instance per corner"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Don't","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place it on a gradient or image background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Fill to the card color instead of the background color"}]}]}]}]},"introduction":"Seamless concave corners","slug":"inverted-corner","author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/8z4pk5b2","metadata":{"tint":{"h":240,"s":53,"l":70},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-06-05T11:05:21.114Z","updatedAt":"2026-06-05T11:25:59.256Z","publishedAt":"2026-06-05T11:05:21.106Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CornerSmoother-AfP2xB.js@Xqn7eU69XuOs5F728Kos","previewUrl":"https://inverted-corner.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"Xqn7eU69XuOs5F728Kos","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":41,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-05T11:05:21.148Z","updatedAt":"2026-06-05T11:05:21.148Z"},{"id":"019e4f2d-9e09-70ce-8f79-7b9d70630042","title":null,"body":"

Thinking about ditching X completely for this new community. Should I do it? 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thinking about ditching X completely for this new community. Should I do it? "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","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":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-22T10:14:10.189Z","updatedAt":"2026-05-22T10:14:10.189Z"},{"id":"019ae05a-4603-7f70-b595-44da192323b9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"47","resolved":true,"title":"Native Component UX","body":"$63","bodyJson":null,"introduction":"The steps that come after building","slug":"native-component-ux","author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/tutorials/47/cover/native-component-ux/d2uca6en-2HzQI11BfHzbwchgjfvPReP8tptSGq","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":900}}],"post":null,"createdAt":"2025-11-24T22:23:47.601Z","updatedAt":"2026-01-14T13:43:36.132Z","publishedAt":"2025-12-02T18:36:43.907Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"intermediate","duration":1080,"summary":"You’ve built your component. You understand how it works, but your users might not. This tutorial shows what to do after building: refine variants, organize layers, and create variables so your native components are easy and intuitive to edit.","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":"2025-12-02T18:36:43.907Z","updatedAt":"2025-12-02T18:36:43.907Z"},{"id":"01959590-9db4-710c-acb4-1494a48e124d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"50644","resolved":true,"title":"Spineo","body":"$64","bodyJson":null,"introduction":"Chiropractor Template","slug":"spineo","author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50644/spineo-zDZwePiArvY3ZM4bBp8yv1jRdqk7EP","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50644/spineo-NOfmrsN0LsdszuuacOvVEe65rYFZsT","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50644/spineo-nHAOYpXfoQ13vEt8H5aCeNwKGBk7f3","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50644/spineo-R8XGADg0JT5e8Kpj6a0RMfDwpGesU1","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-03-02T21:52:16.444Z","updatedAt":"2025-05-12T12:59:44.064Z","publishedAt":"2025-03-14T16:50:37.620Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/iO2Gkxp","remixUrl":"https://framer.link/iO2Gkxp","previewUrl":"https://spineo.framer.website/","categories":[{"id":1,"name":"Business","slug":"business"},{"id":238,"name":"Medical","slug":"medical"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":222,"name":"Grid","slug":"grid"},{"id":236,"name":"Light","slug":"light"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":238,"name":"Medical","slug":"medical"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"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":"2025-03-14T16:50:37.620Z","updatedAt":"2025-03-14T16:50:37.620Z"},{"id":"0195481c-4849-7dd8-9294-5d25657cfec4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"50266","resolved":true,"title":"Groomify","body":"$65","bodyJson":null,"introduction":"Pet Grooming Template","slug":"groomify","author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50266/groomify-FSC3w9BV65KrfItLtEvjaylE1GGypS","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50266/groomify-WcDZicvFJ7c2aPdZcdK6v3uQ9RbEbX","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50266/groomify-1xocsQUdTYuun8KHbu9EAEzevkvlDe","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/50266/groomify-HeqToH46AeB31apDnQi2v07x0OiP4y","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-02-16T18:55:42.716Z","updatedAt":"2026-09-03T13:19:11.830Z","publishedAt":"2025-02-27T15:52:47.945Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/Hx3aJF3","remixUrl":"https://framer.com/projects/new?duplicate=9AKUvVUAbAE2cHjqZPK9&via=justyna","previewUrl":"https://groomify.framer.website/","categories":[{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":224,"name":"Hair & Beauty","slug":"hair-and-beauty"},{"id":245,"name":"Pet Store","slug":"pet"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":243,"name":"Pastel","slug":"pastel"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":248,"name":"Services","slug":"professional-services"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-02-27T15:52:47.945Z","updatedAt":"2025-02-27T15:52:47.945Z"},{"id":"0193cf8e-8874-7505-a129-c95271825671","title":null,"body":"

Online therapist template.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Online therapist template."}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"48902","resolved":true,"title":"Mindify","body":"

Mindify is a simple, single-page Framer template created for online psychologists and therapists who want an easy way to connect with clients. Its calm, professional design guides visitors to learn about your services and book a session without the hassle.

The template is built with you in mind, customizing it is super straightforward. You can quickly update colors to match your brand, swap out text and images, and have your site ready to go in just a few hours.

If you’re a solo practitioner looking for a no-fuss website that helps you focus on your clients, Mindify has everything you need to get started.

","bodyJson":null,"introduction":"Online Psychologist Template","slug":"mindify","author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"Justyna Dabrowska","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/109764/avatar-Rk9bE59QhfA1V9LITQIq4Nk8F5ENov.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0aa0b-6e78-7729-8a6e-d7b82367001c.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0aa0c-b304-765b-a148-1f328b923c83.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0aa0b-6ed5-73b1-a943-4355393ec336.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}}],"post":null,"createdAt":"2024-11-29T19:25:54.628Z","updatedAt":"2026-09-16T15:15:27.034Z","publishedAt":"2024-12-16T13:00:45.044Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/yzjVADp","remixUrl":"https://framer.com/projects/new?duplicate=0Mfh5ywbH2jlFlAm6EIL&via=justyna","previewUrl":"https://mindify.framer.website/","categories":[{"id":1,"name":"Business","slug":"business"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":257,"name":"Therapy","slug":"therapy"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":236,"name":"Light","slug":"light"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":257,"name":"Therapy","slug":"therapy"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-09-16T12:24:54.000Z","createdAt":"2024-12-16T13:00:45.044Z","updatedAt":"2026-09-16T12:24:54.000Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]