51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T7b8,

ISOLINE is a unique editorial Framer template for creative agencies, design studios, and independent teams with work worth slowing down for.

A strict four-column grid, full-screen project imagery, considered typography, and restrained motion give every case study room to land. The homepage unfolds through selected work, studio thinking, services, client proof, and clear routes to contact.

ISOLINE is built to present the whole studio. Dedicated pages for Work, About, Services, News, and Contact give visitors a clear understanding of what you do, how you think, and what working together looks like. CMS-powered project and news collections make publishing new work straightforward.

Built to become yours.

Global typography and color styles carry identity changes across the site. Reusable sections keep new pages connected to the original system. Native forms, responsive layouts, page transitions, interactive galleries, and a custom 404 are already in place.

ISOLINE also includes a built-in Template Guide and copy-ready Section Library. Together, they show you where to begin, what is safe to change, how the CMS is organized, and how to build new pages with the same grid and visual language.

Included

Home, Work, About, Services, News, and Contact pages
CMS-powered projects, case studies, and editorial content
Full-screen project sequences and interactive galleries
Reusable components and shared global styles
Native contact form
Desktop, tablet, and mobile layouts
Custom interactive 404 page
Template Guide and Section Library

Built for branding studios, creative agencies, digital practices, and independent collectives. Replace the work, set the identity, connect your domain, and launch.

Your work already has a point of view. Its website should too.

53:T54c,

Calling Card is a one-page Framer template built around a two-sided digital card.

The card sits in the browser like a real object. It tilts on desktop, flips on click or tap, and adapts to a dedicated mobile layout. The page is intentionally small. No navigation. No footer. No extra sections trying to turn it into a full personal site.

The template is split into two parts.

The card shell controls the physical behavior: size, radius, material, texture, lighting, shadow, tilt, flip style, card media, and scene background. You can use color, image, or video behind the card, then add grain, dot texture, or image texture to the card surface.

The card faces stay native to Framer. Front and back for desktop. Front and back for mobile. Edit them directly on the canvas like normal frames. Add a name, role, links, email, booking URL, social links, music, or a voice note. Links behave like normal Framer links. No wiring required.

Card artwork and scene artwork are separate. Put media on the card, behind the card, or both. The surface and the backdrop can be controlled independently.

Use it as a personal card, link in bio, musician page, DJ card, portfolio cover, contact page, booking link, launch teaser, or one-page identity site.

Small page. Detailed object. Ready to publish.

54:Tb26,

Puzzle Reveal turns any image into a playable sliding puzzle that can reveal a hidden message, coupon code, or link when solved.

Use it as a quiet easter egg, launch promo, portfolio interaction, product teaser, hidden discount, or small reward moment inside a landing page. It can start as a normal image with a subtle Scramble button, so the interaction hides in plain sight and does not interrupt the page. Or it can start already scrambled when you want the challenge to be obvious from the beginning.

Replace the image, choose how the board behaves, set your reveal content, and publish.

Reveal Content

• Hidden message reveal

• Optional coupon code

• Copy-to-clipboard action

• Optional reveal link

• Edit label, message, code, link text, and reveal surface

Puzzle Behavior

• Start as a normal image

• Start already scrambled

• Public Scramble button for visitors

• Solve state with animated reveal

• Optional preview controls for demos and testing

Image and Layout

• Works with uploaded images

• Cover, contain, and stretch image fit

• Auto responsive board sizing

• Manual grid sizing

• Adjustable tile density

• Square-friendly by default

Styling and Motion

• Editable background and reveal colors

• Adjustable tile gap and radius

• Smooth tile movement

• Optional ghost trail effect

• Editable typography controls

• Clean editorial reveal state

Framer Workflow

• Organized sidebar controls

• Simple default setup

• Advanced controls stay tucked away

• Designed for square cards, landing page moments, launch pages, portfolios, promos, and interactive easter eggs

Suggested setup

Place the component inside a square or responsive frame, replace the image, choose Start mode, add your reveal message or coupon code, then publish.

For the cleanest use, start with a normal image and leave the public Scramble button on. For a more direct challenge, start the component already scrambled.

55:T4ad,

New component: Tile Puzzle Reveal.

It turns an image into a responsive sliding puzzle that reveals a message, coupon code, or link once solved.

This kind of interaction is typically tacky, so I kept it quiet. By default, it sits as a normal image with a small "Scramble" pill in the corner. Click it, and the image becomes a puzzle. Solve it, and the reveal appears. You can also set it to start as a puzzle from the beginning.

The preview page includes test controls, which can be switched off for live use. The component itself is responsive and configurable: image fit, tile density, reveal content, motion, and styling, and more.

Submitted to the Marketplace, but not yet showing in the public feed. Direct links below.

Preview:

https://puzzlegridreveal.framer.website/

Component:

https://re.chujiqiqi.com/m/TilePuzzleReveal-09vKQj.js@2QUIwdxMzL4vAJFYp5yN

Free to copy.

56:T819,

MeshGallery is an interactive image-gallery section where typography becomes the navigation surface.

Instead of thumbnails, arrows, or a standard carousel, the section turns a single word into a responsive field. As the cursor moves across the letters, the type reacts — characters near your cursor fade away to reveal the images behind them, while the background blends between image states in the same spatial radius. It feels less like clicking through slides and more like moving through a living visual index.

It works for selected work, campaigns, client studies, archives, moodboards, or portfolio sections. Change the word, drop in a set of images, and the component becomes a different visual system. A studio could use it for project previews. A designer could use it as a portfolio entry point. A brand could use it as a campaign surface.

As you move between images, you move between projects — so the project metadata updates live in the corner, briefly scrambling mid-transition and locking clean once an image comes into focus. A small live coordinate readout reinforces the feeling of a real, reactive instrument.

I used Framer Agent throughout the build to go from concept to working prototype: exploring interaction directions, generating and refining the component structure, stress-testing the layout, tuning the behavior, and evolving it from a simple hover effect into a smoother image-blending system with live metadata. The final piece combines custom code, variable typography, cursor-based proximity logic, layered image blending, and Framer’s visual canvas into one reusable interactive section.

The goal was a gallery that doesn’t look or behave like a gallery at first glance, but still works as one. A section title becomes an interface. A word becomes a lens. The images respond as if they’re hidden inside the typography.

Submitted with 30 seconds to spare holy *** lol.

57:T839,

■ Backed by research. Built for AI screens. Designed to stand out in a hiring market where most portfolios look the same. Proofmark turns your work into a clearer signal that survives the scan, the screen, and the shortlist.

Proofmark is a proof-first Framer portfolio template for designers, consultants, builders, researchers, strategists, and independent experts who need their work to stand out, explain itself clearly, and hold up under review.

It turns serious work into structured proof, so reviewers can quickly understand what changed, what decisions mattered, and why the work is worth trusting.

◆ Launch offer: Get Proofmark for $79 during the first two weeks. Regular price $99.

■ Components that flex

Adaptable components with built-in layout presets and styles, giving you absolute control without breaking the system.

■ Launch without rebuilding the system

Replace the demo content, update the CMS, connect your resume, tune the styles, and publish.

■ The Proofmark system

Signal Ledger // Surface the strongest proof points before visitors dig into the work.

Case Files // Turn projects into structured stories with context, decisions, process, outcomes, and reflection.

Core Signals // Show roles, skills, domains, availability, languages, tools, or working modes in a compact signal layer.

Proof Points // Highlight metrics, constraints, responsibilities, recognition, and other evidence that makes the work easier to trust.

Field Notes // Publish essays, process notes, teardown posts, project rationale, short observations, and more.

■ Looks different on purpose

When every portfolio follows the same playbook, blending in is a liability. Proofmark is a calculated departure. It looks different on purpose, and is engineered to snap reviewers out of autopilot, command focus, and ensure you’re the one they remember.

The goal is to help the right person notice you, understand your value quickly, keep reading, reach out, and remember you after comparison.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-b708f648-11a8-487b-bdb5-48afa4fa59f1-all:/unified/creator/b708f648-11a8-487b-bdb5-48afa4fa59f1/activity/":[{"data":[{"id":"019fc457-18d3-773d-bd06-3d5d497908c9","type":"component.liked","target":{"type":"component","id":"TwLWnR1XzfGuWXULGSDZ","preview":"Expanded Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/TwLWnR1XzfGuWXULGSDZ/expanded-card-aKM9bvPTnvTKE9sjPUC4wQwBpWl8bl","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-02T21:17:50.158Z","latestAt":"2026-08-02T21:17:50.158Z"},{"id":"019fabeb-9c5e-7764-a05f-4189293a867f","type":"component.liked","target":{"type":"component","id":"NKFl3uFPlxNyy26IvSbZ","preview":"TerrainLines","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/rqFlIQJ6ogpio7bJG9w8/terrianlines-va5gJHLVNRcld84WZU8L32z5oEKlQe","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-29T03:29:32.758Z","latestAt":"2026-07-29T03:29:32.758Z"},{"id":"019fa50b-50bb-71fa-8645-c903c6640c07","type":"template.liked","target":{"type":"template","id":"61919","preview":"FlowAI Sales","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b2e693cc-f59c-4f8e-bde0-94300933232f/01a0dd50-2bd6-72be-95d5-8748c1d4c6f7.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-27T19:26:50.036Z","latestAt":"2026-07-27T19:26:50.036Z"},{"id":"019f9117-238e-7238-9df6-afd86e5b86ba","type":"component.liked","target":{"type":"component","id":"cLARd15NXrXGA3GpqonB","preview":"Submenu Sidebar Nav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0365a5a1-29eb-426a-bb58-af7fe6b72ccf/5cjnn7r8","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-23T22:27:20.584Z","latestAt":"2026-07-23T22:27:20.584Z"},{"id":"019f733c-edd6-7729-8cd3-c3a6485743da","type":"creator.followed","target":{"type":"creator","id":"6f50b7f6-3b59-4a29-aff6-9f949745a893","preview":"Natalia Garncarczyk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6f50b7f6-3b59-4a29-aff6-9f949745a893/3znwubu3","slug":"natalia-garncarczyk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-18T03:20:00.719Z","latestAt":"2026-07-18T03:20:00.719Z"},{"id":"019f6e00-8fca-71d2-83b4-c85a29b19668","type":"comment.created","target":{"type":"post","id":"019e89bf-9362-712b-a800-6c18aac616af","preview":"TemplateShop","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/55941/templateshop-VLxhY3gLcFif6SRmJfj27SDWpnUyrf","targetDeleted":false,"owned":false,"actions":{"postId":"019e89bf-9362-712b-a800-6c18aac616af","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f6e00-8fab-72e9-9920-d1a5396f4741","preview":"nice template. Heads up though, it doesn't appear in search results if they search for template shop. They have to type \"templateshop\" for it to show up in relevant results. Its a framer issue either way, because you're template is definitely relevant to template shops. I randomly noticed and thought Id give you heads up.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"nice template. Heads up though, it doesn't appear in search results if they search for template shop. They have to type \"templateshop\" for it to show up in relevant results. Its a framer issue either way, because you're template is definitely relevant to template shops. I randomly noticed and thought Id give you heads up."}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019e89bf-9362-712b-a800-6c18aac616af","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f6e00-8fab-72e9-9920-d1a5396f4741"},"repost":null}},"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T02:55:58.410Z","latestAt":"2026-07-17T02:55:58.410Z"},{"id":"019f6dd2-de28-71c9-85d5-7f07b154a86b","type":"creator.followed","target":{"type":"creator","id":"a53778f1-7966-494b-874e-d2e3fded435b","preview":"Someone","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a53778f1-7966-494b-874e-d2e3fded435b/gf5l0cdc","slug":"heysomeone","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T02:06:03.812Z","latestAt":"2026-07-17T02:06:03.812Z"},{"id":"019f6dd2-dc6a-72ab-9471-b3b3f4e42f62","type":"creator.followed","target":{"type":"creator","id":"d6ef9b12-d9d1-4e53-9f14-2b2e53c8ddd7","preview":"Muhammad Insan K","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/51240/sTsCwzmZM-kCnnpx8E3OVRQSGA5EyS98OJppC0LG","slug":"lumivide","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T02:06:03.363Z","latestAt":"2026-07-17T02:06:03.363Z"},{"id":"019f6dd2-dc76-74d6-a029-5211e3bac9bf","type":"creator.followed","target":{"type":"creator","id":"13fa5693-142d-43c8-aa0c-fb34b53777b8","preview":"Jakub","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29383/_L3A2065-oLJ9a0YuSGG0nfXndc690Bq0VxVQ5s.png","slug":"hupka","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T02:06:03.355Z","latestAt":"2026-07-17T02:06:03.355Z"},{"id":"019f6dd2-daa3-74ec-87fb-02f26d4f0e39","type":"creator.followed","target":{"type":"creator","id":"5fdaead1-5cdf-4b35-9c37-113f3259ae83","preview":"Matty Delaney","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/59981/avatar-1xYSC1ct7P8yyv2WUqtGCv58mxd37J.jpg","slug":"matty","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T02:06:02.908Z","latestAt":"2026-07-17T02:06:02.908Z"},{"id":"019f6dd2-d9e3-734e-86c0-e2605cfb6ec2","type":"creator.followed","target":{"type":"creator","id":"ed01f2d4-50be-4974-ba69-251cb25879b5","preview":"Certified Code","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/678557/avatar-uebYJ3VnxM5xoBv21intZxt3heoFV7.jpg","slug":"certified-code","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T02:06:02.717Z","latestAt":"2026-07-17T02:06:02.717Z"},{"id":"019f683a-9ae1-717a-9892-4b545f7258f2","type":"comment.created","target":{"type":"post","id":"019f6611-fd1b-729f-b2d5-a2de711a0838","preview":"Exploring a modern eCommerce experience for a healthcare brand.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Exploring a modern eCommerce experience for a healthcare brand."}]}]},"thumbnail":"https://image.mux.com/YGJOjBRL4WT1dtnUf01aHffxs80026RJQdqsSWNOlb9q00/thumbnail.webp?time=1.969","targetDeleted":false,"owned":false,"actions":{"postId":"019f6611-fd1b-729f-b2d5-a2de711a0838","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f683a-9ab7-7646-8997-6f6fc786d4fb","preview":"nice work","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"nice work"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f6611-fd1b-729f-b2d5-a2de711a0838","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f683a-9ab7-7646-8997-6f6fc786d4fb"},"repost":null}},"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T00:01:39.041Z","latestAt":"2026-07-16T00:01:39.041Z"},{"id":"019f683a-828c-762e-8247-9c2eb0b79538","type":"post.liked","target":{"type":"post","id":"019f6611-fd1b-729f-b2d5-a2de711a0838","preview":"Exploring a modern eCommerce experience for a healthcare brand.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Exploring a modern eCommerce experience for a healthcare brand."}]}]},"thumbnail":"https://image.mux.com/YGJOjBRL4WT1dtnUf01aHffxs80026RJQdqsSWNOlb9q00/thumbnail.webp?time=1.969","targetDeleted":false,"owned":false,"actions":{"postId":"019f6611-fd1b-729f-b2d5-a2de711a0838","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T00:01:32.801Z","latestAt":"2026-07-16T00:01:32.801Z"},{"id":"019f6837-216c-72db-a582-d9ce0d46b642","type":"creator.followed","target":{"type":"creator","id":"d3decdc6-5787-4479-b71a-040f291d90c1","preview":"Krish Prajapati","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d3decdc6-5787-4479-b71a-040f291d90c1/f800hpfx","slug":"krishsprj","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T23:57:51.334Z","latestAt":"2026-07-15T23:57:51.334Z"},{"id":"019f6837-1e6e-70b4-abb5-977fe531c298","type":"creator.followed","target":{"type":"creator","id":"f9204301-6ae4-4cbc-a602-a6000ab1fe41","preview":"Doğa Ündar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/456676/fqPPNXA4x-NxDzlkiQEL2IAzCDFaAkhF3tHK8ub4","slug":"jablomy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T23:57:50.571Z","latestAt":"2026-07-15T23:57:50.571Z"},{"id":"019f6837-1d38-75da-9b57-6403d166a21c","type":"creator.followed","target":{"type":"creator","id":"cb91f693-bc81-4d18-8009-81a3b4179d4d","preview":"FK Alve","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cb91f693-bc81-4d18-8009-81a3b4179d4d/mf7zp5lg","slug":"fk-alve","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T23:57:50.260Z","latestAt":"2026-07-15T23:57:50.260Z"},{"id":"019f6837-1ba6-71bc-831a-6ae13a536f0f","type":"creator.followed","target":{"type":"creator","id":"993fe5d6-8d35-451b-965c-6fd30a587126","preview":"Adila H.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/61539/iKrvXzNXj-E42CNE8sbsJxzgy22HTzc67DDnmakx","slug":"adila","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T23:57:49.855Z","latestAt":"2026-07-15T23:57:49.855Z"},{"id":"019f6837-1b28-7762-b16c-edb9d74755d8","type":"creator.followed","target":{"type":"creator","id":"3b148112-4af5-4dc1-8a09-518e8c642474","preview":"Lumxa Lab ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2473133/avatar-PVl3mhQQqveyohZxQ8TNanY1Zb1awT.jpg","slug":"lumxa-lab","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T23:57:49.732Z","latestAt":"2026-07-15T23:57:49.732Z"},{"id":"019f65c3-4ea3-733b-8d18-d856be7b06a5","type":"creator.followed","target":{"type":"creator","id":"91f704e0-a858-4f4c-9725-762e790ea0ec","preview":"Palettide","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/439415/avatar-iIF7mW8nUzWCieu64gbdU0VaQx7rDC.jpg","slug":"j-brown","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T12:32:06.304Z","latestAt":"2026-07-15T12:32:06.304Z"},{"id":"019f65c3-4d34-757e-b8f8-3005e2a1a943","type":"creator.followed","target":{"type":"creator","id":"3eeae27d-86a4-4d23-853a-ed8e06e954fe","preview":"Xhulia Frroku","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3eeae27d-86a4-4d23-853a-ed8e06e954fe/urcdsazi","slug":"xhulia-frroku","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T12:32:05.937Z","latestAt":"2026-07-15T12:32:05.937Z"}],"pagination":{"next":"MjAyNi0wNy0xNVQxMjozMjowNS45MzdafDAxOWY2NWMzLTRkMzQtNzU3ZS1iOGY4LTMwMDVlMmExYTk0Mw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:b708f648-11a8-487b-bdb5-48afa4fa59f1:/unified/posts/?creator=b708f648-11a8-487b-bdb5-48afa4fa59f1&with=reposts":[{"data":[{"id":"019f6176-07ec-77c8-ae2f-7b247394f7d9","title":null,"body":"

New agency template ISOLINE.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New agency template ISOLINE. "}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/volT7ZDEDhEFVlw3ARlLPr4cxXj16EaZth7JDEbwWe8.m3u8","metadata":{"posterUrl":"https://image.mux.com/volT7ZDEDhEFVlw3ARlLPr4cxXj16EaZth7JDEbwWe8/thumbnail.webp?time=24.615","aspectRatio":"3:2","duration":26.635}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-14T16:29:13.075Z","updatedAt":"2026-07-14T16:29:13.075Z"},{"id":"019f5d79-94a4-7408-8114-4d4809e3b912","title":null,"body":"

New template. I'll be back tomorrow to update preview images and add video.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New template. I'll be back tomorrow to update preview images and add video."}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[],"resources":[{"id":"69471","resolved":true,"title":"ISOLINE","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"ISOLINE is a unique editorial Framer template for creative agencies, design studios, and independent teams with work worth slowing down for."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A strict four-column grid, full-screen project imagery, considered typography, and restrained motion give every case study room to land. The homepage unfolds through selected work, studio thinking, services, client proof, and clear routes to contact."}]},{"type":"paragraph","content":[{"type":"text","text":"ISOLINE is built to present the whole studio. Dedicated pages for Work, About, Services, News, and Contact give visitors a clear understanding of what you do, how you think, and what working together looks like. CMS-powered project and news collections make publishing new work straightforward."}]},{"type":"customHeading","content":[{"type":"text","text":"Built to become yours."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Global typography and color styles carry identity changes across the site. Reusable sections keep new pages connected to the original system. Native forms, responsive layouts, page transitions, interactive galleries, and a custom 404 are already in place."}]},{"type":"paragraph","content":[{"type":"text","text":"ISOLINE also includes a built-in Template Guide and copy-ready Section Library. Together, they show you where to begin, what is safe to change, how the CMS is organized, and how to build new pages with the same grid and visual language."}]},{"type":"customHeading","content":[{"type":"text","text":"Included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home, Work, About, Services, News, and Contact pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered projects, case studies, and editorial content"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-screen project sequences and interactive galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable components and shared global styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native contact form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet, and mobile layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom interactive 404 page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Template Guide and Section Library"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for branding studios, creative agencies, digital practices, and independent collectives. Replace the work, set the identity, connect your domain, and launch."}]},{"type":"paragraph","content":[{"type":"text","text":"Your work already has a point of view. Its website should too.","marks":[{"type":"bold"}]}]}]},"introduction":"Editorial agency portfolio","slug":"isoline","author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/7AE8t028eRUcU1TUMr00ZlHdpowZr6wHXL7mbJ1iVcosM.m3u8","metadata":{"posterUrl":"https://image.mux.com/7AE8t028eRUcU1TUMr00ZlHdpowZr6wHXL7mbJ1iVcosM/thumbnail.webp?time=6.136","aspectRatio":"3:2","duration":26.635}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/019f6174-8abd-75a1-ab82-fa9d38b82f6d.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1200,"height":800}}],"post":null,"createdAt":"2026-07-13T21:54:36.494Z","updatedAt":"2026-07-14T16:27:38.907Z","publishedAt":"2026-07-13T21:54:36.491Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://buy.stripe.com/3cI9AV7MFaFr6sk6P73sI04","remixUrl":null,"previewUrl":"https://isoline.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"}],"styles":[],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T21:54:36.836Z","updatedAt":"2026-07-13T21:54:36.836Z"},{"id":"019efffc-1025-7249-afa7-a66679e16d40","title":null,"body":"

Calling Card is live.

Free Framer template.

It is a digital card with a front, a back, and a dedicated mobile version of each. The shell handles the physical stuff: 3D tilt, click/tap flip, texture, material, lighting, shadow, media, and the scene behind it.

The faces are native Framer layers.

That means you can edit the card like a normal layout. Add your name, links, email, booking URL, socials, music, or a voice note. Change the structure. Expand it. Strip it down. Make it stranger.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Calling Card is live."}]},{"type":"paragraph","content":[{"type":"text","text":"Free Framer template."}]},{"type":"paragraph","content":[{"type":"text","text":"It is a digital card with a front, a back, and a dedicated mobile version of each. The shell handles the physical stuff: 3D tilt, click/tap flip, texture, material, lighting, shadow, media, and the scene behind it."}]},{"type":"paragraph","content":[{"type":"text","text":"The faces are native Framer layers."}]},{"type":"paragraph","content":[{"type":"text","text":"That means you can edit the card like a normal layout. Add your name, links, email, booking URL, socials, music, or a voice note. Change the structure. Expand it. Strip it down. Make it stranger."}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[],"resources":[{"id":"68266","resolved":true,"title":"Calling Card","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Calling Card is a one-page Framer template built around a two-sided digital card."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"The card sits in the browser like a real object. It tilts on desktop, flips on click or tap, and adapts to a dedicated mobile layout. The page is intentionally small. No navigation. No footer. No extra sections trying to turn it into a full personal site."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The template is split into two parts.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The card shell controls the physical behavior: size, radius, material, texture, lighting, shadow, tilt, flip style, card media, and scene background. You can use color, image, or video behind the card, then add grain, dot texture, or image texture to the card surface."}]},{"type":"paragraph","content":[{"type":"text","text":"The card faces stay native to Framer. Front and back for desktop. Front and back for mobile. Edit them directly on the canvas like normal frames. Add a name, role, links, email, booking URL, social links, music, or a voice note. Links behave like normal Framer links. No wiring required."}]},{"type":"paragraph","content":[{"type":"text","text":"Card artwork and scene artwork are separate. Put media on the card, behind the card, or both. The surface and the backdrop can be controlled independently."}]},{"type":"paragraph","content":[{"type":"text","text":"Use it as a personal card, link in bio, musician page, DJ card, portfolio cover, contact page, booking link, launch teaser, or one-page identity site."}]},{"type":"paragraph","content":[{"type":"text","text":"Small page. Detailed object. Ready to publish."}]}]},"introduction":"Business card for the browser.","slug":"calling-card","author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/qhb1n2vq","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1448,"height":1086}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/bce66266","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-06-25T18:12:49.770Z","updatedAt":"2026-06-25T18:12:49.770Z","publishedAt":"2026-06-25T18:12:49.766Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/oavrw0f","remixUrl":"https://framer.link/oavrw0f","previewUrl":"https://callingcard.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":205,"name":"Consulting","slug":"consulting"}],"styles":[],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-25T18:12:49.829Z","updatedAt":"2026-06-25T18:12:49.829Z"},{"id":"019efb97-7382-71a4-b4b6-584db30f519b","title":null,"body":"

Built a digital calling card template.

It uses native Framer layers for the editable front/back faces, with a code component handling the card shell, flip, tilt, lighting, texture, media, and responsive behavior. Two-sided card, click/tap flip, desktop tilt, phone layout, custom grain/dot/image textures, scene backgrounds in color/image/video, and card faces with native content, image, or video. Easily expandable. Audio player for music or leaving a voice note for visitors.

A tiny launch page, personal card, musician link card, portfolio cover, or one-link identity page. Small template with stupid amount of detail.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a digital calling card template."}]},{"type":"paragraph","content":[{"type":"text","text":"It uses native Framer layers for the editable front/back faces, with a code component handling the card shell, flip, tilt, lighting, texture, media, and responsive behavior. Two-sided card, click/tap flip, desktop tilt, phone layout, custom grain/dot/image textures, scene backgrounds in color/image/video, and card faces with native content, image, or video. Easily expandable. Audio player for music or leaving a voice note for visitors."}]},{"type":"paragraph","content":[{"type":"text","text":"A tiny launch page, personal card, musician link card, portfolio cover, or one-link identity page. Small template with stupid amount of detail. "}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/bhL00ZdQcqKcC015VDgXibhsuIFkA4om3xQZttlCKQrUo.m3u8","metadata":{"posterUrl":"https://image.mux.com/bhL00ZdQcqKcC015VDgXibhsuIFkA4om3xQZttlCKQrUo/thumbnail.webp?time=6.71","aspectRatio":"450:301","duration":21.55}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-24T21:44:27.270Z","updatedAt":"2026-06-24T21:44:27.270Z"},{"id":"019efb66-54a8-74ea-9980-4a7f0d125ffb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Rdut7TeEo4SUH4CzV6lA","resolved":true,"title":"Slider Puzzle Reveal","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Puzzle Reveal turns any image into a playable sliding puzzle that can reveal a hidden message, coupon code, or link when solved.","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Use it as a quiet easter egg, launch promo, portfolio interaction, product teaser, hidden discount, or small reward moment inside a landing page. It can start as a normal image with a subtle Scramble button, so the interaction hides in plain sight and does not interrupt the page. Or it can start already scrambled when you want the challenge to be obvious from the beginning.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Replace the image, choose how the board behaves, set your reveal content, and publish.","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Reveal Content","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Hidden message reveal","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Optional coupon code","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Copy-to-clipboard action","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Optional reveal link","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Edit label, message, code, link text, and reveal surface","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Puzzle Behavior","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Start as a normal image","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Start already scrambled","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Public Scramble button for visitors","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Solve state with animated reveal","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Optional preview controls for demos and testing","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Image and Layout","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Works with uploaded images","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Cover, contain, and stretch image fit","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Auto responsive board sizing","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Manual grid sizing","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Adjustable tile density","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Square-friendly by default","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Styling and Motion","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Editable background and reveal colors","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Adjustable tile gap and radius","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Smooth tile movement","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Optional ghost trail effect","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Editable typography controls","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Clean editorial reveal state","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Framer Workflow","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Organized sidebar controls","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Simple default setup","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Advanced controls stay tucked away","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Designed for square cards, landing page moments, launch pages, portfolios, promos, and interactive easter eggs","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Suggested setup","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Place the component inside a square or responsive frame, replace the image, choose Start mode, add your reveal message or coupon code, then publish.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"For the cleanest use, start with a normal image and leave the public Scramble button on. For a more direct challenge, start the component already scrambled.","marks":[{"type":"bold"}]}]}]},"introduction":"Responsive Puzzle with Reward","slug":"slider-puzzle-reveal","author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/v8skxib1","metadata":{"tint":{"h":0,"s":0,"l":20},"width":1392,"height":732}}],"post":null,"createdAt":"2026-06-24T20:50:48.052Z","updatedAt":"2026-06-24T20:55:49.313Z","publishedAt":"2026-06-24T20:50:48.046Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/TilePuzzleReveal-1-BvpW20.js@nxbV0frnFpDcamDxrcjx","previewUrl":"https://puzzlegridreveal.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"nxbV0frnFpDcamDxrcjx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-24T20:50:48.104Z","updatedAt":"2026-06-24T20:50:48.104Z"},{"id":"019eeaf4-1bad-74a9-a5d9-b8c9f3bc3f6c","title":null,"body":"

Potential bug: If you search the Marketplace using the search field in the top left, under the user photo and username, it takes you to the search results.

If you then click on a user post to view it, then use either the interface back button or the browser back button, it does not return to the search results. Instead, it shows a blank screen (attached).

@Framer , Mac, Brave browser.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Potential bug: If you search the Marketplace using the search field in the top left, under the user photo and username, it takes you to the search results."}]},{"type":"paragraph","content":[{"type":"text","text":"If you then click on a user post to view it, then use either the interface back button or the browser back button, it does not return to the search results. Instead, it shows a blank screen (attached)."}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" , Mac, Brave browser."}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/mowsuy73","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1261,"height":722}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T16:12:06.961Z","updatedAt":"2026-06-21T16:12:06.961Z"},{"id":"019ee2da-b550-726c-916a-16b146941dca","title":null,"body":"

Knocked out this component today. Radial image/video gallery. Axis-based expansion. Full screen/container project browser.

It started as a quick 2-hour thing and turned into an 8-hour thing. The animations were trickier than I expected to get smooth.

The blades are not image slices moving around. They are rotating masks over the media, so the image has to feel stable while the mask moves around it. Then the expanded state has to pick up from that exact same crop without snaps or flashes.

Trying to make the blades actual image slices is super messy. Masks are cleaner, but the geometry gets weird. Even with AI.

Might price it later, but will be free to community for several days. Ill try to publish it tomorrow.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Knocked out this component today. Radial image/video gallery. Axis-based expansion. Full screen/container project browser."}]},{"type":"paragraph","content":[{"type":"text","text":"It started as a quick 2-hour thing and turned into an 8-hour thing. The animations were trickier than I expected to get smooth. "}]},{"type":"paragraph","content":[{"type":"text","text":"The blades are not image slices moving around. They are rotating masks over the media, so the image has to feel stable while the mask moves around it. Then the expanded state has to pick up from that exact same crop without snaps or flashes."}]},{"type":"paragraph","content":[{"type":"text","text":"Trying to make the blades actual image slices is super messy. Masks are cleaner, but the geometry gets weird. Even with AI."}]},{"type":"paragraph","content":[{"type":"text","text":"Might price it later, but will be free to community for several days. Ill try to publish it tomorrow. "}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/t01dPDhDYzGBm1jgm5pZTehKSnN8c1ZoBTdv1rH8Kymw.m3u8","metadata":{"posterUrl":"https://image.mux.com/t01dPDhDYzGBm1jgm5pZTehKSnN8c1ZoBTdv1rH8Kymw/thumbnail.webp?time=22.096","aspectRatio":"99:62","duration":48.016667}}],"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":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-06-20T02:35:34.112Z","createdAt":"2026-06-20T02:27:24.628Z","updatedAt":"2026-06-20T02:35:34.112Z"},{"id":"019ee05b-530e-72e5-9477-5936043c4676","title":null,"body":"

Someone asked if non-Framer posts are allowed here, and I think it is an interesting question.

It would be wild if the feed became a broader creative community that just happens to be made up of Framer creators.

But the marketplace being fused with the community changes the incentives. A creator’s feed is not only social. It is also part of their storefront.

Most buyers probably are not active community members. They are browsing from the outside, scanning profiles, posts, work, tone, and trust. Guest users can still see the feed, visit profiles, and read posts.

So the feed naturally becomes a conversion surface, whether anyone says that out loud or not. It's not inherently bad or good, but definitely interesting.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Someone asked if non-Framer posts are allowed here, and I think it is an interesting question."}]},{"type":"paragraph","content":[{"type":"text","text":"It would be wild if the feed became a broader creative community that just happens to be made up of Framer creators."}]},{"type":"paragraph","content":[{"type":"text","text":"But the marketplace being fused with the community changes the incentives. A creator’s feed is not only social. It is also part of their storefront."}]},{"type":"paragraph","content":[{"type":"text","text":"Most buyers probably are not active community members. They are browsing from the outside, scanning profiles, posts, work, tone, and trust. Guest users can still see the feed, visit profiles, and read posts."}]},{"type":"paragraph","content":[{"type":"text","text":"So the feed naturally becomes a conversion surface, whether anyone says that out loud or not. It's not inherently bad or good, but definitely interesting."}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","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":20,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T14:49:01.970Z","updatedAt":"2026-06-19T14:49:01.970Z"},{"id":"019ee038-57ce-745b-b753-be97eb9083c6","title":null,"body":"

Small bug heads up for @Framer : The streak card hangs around even after you post. Seems like the post event isn’t updating the streak/card state. Also is @ you the preferred way to surface things like this?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Small bug heads up for "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" : The streak card hangs around even after you post. Seems like the post event isn’t updating the streak/card state. Also is @ you the preferred way to surface things like this? "}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/rfl2euds","metadata":{"tint":{"h":0,"s":0,"l":3},"width":328,"height":148}}],"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":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T14:10:49.427Z","updatedAt":"2026-06-19T14:10:49.427Z"},{"id":"019eddd7-1131-70e9-a48c-4335dc0ed65b","title":null,"body":"

Proofmark is live. Four weeks of research and work, built the old fashioned way. (too soon to say ? lol)

Proof-driven. Near black ground, dot grid texture, JetBrains Mono in the rail, gold accents, consistent grid. Deep presets, granular controls, well organized and named throughout. Most of the content is CMS-driven, so content moves fast with imports and exports.

Optimized for automated screening and human review. Grounded in reserach. I'm confident it won't hurt anyone's chances of making a shortlist, and likely will help.

Above all, it looks different on purpose. It stands out, makes your work stand out, and stays with people after they close the tab.

Ships with a setup guide and free support. $79 at launch.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Proofmark is live. Four weeks of research and work, built the old fashioned way. (too soon to say ? lol)"}]},{"type":"paragraph","content":[{"type":"text","text":"Proof-driven. Near black ground, dot grid texture, JetBrains Mono in the rail, gold accents, consistent grid. Deep presets, granular controls, well organized and named throughout. Most of the content is CMS-driven, so content moves fast with imports and exports."}]},{"type":"paragraph","content":[{"type":"text","text":"Optimized for automated screening and human review. Grounded in reserach. I'm confident it won't hurt anyone's chances of making a shortlist, and likely will help."}]},{"type":"paragraph","content":[{"type":"text","text":"Above all, it looks different on purpose. It stands out, makes your work stand out, and stays with people after they close the tab."}]},{"type":"paragraph","content":[{"type":"text","text":"Ships with a setup guide and free support. $79 at launch. "}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/dYd14nC","metadata":{"title":"Proofmark: Responsive Portfolio Website Template by Rule & Form","description":"Proof-first portfolio system — Proofmark by Rule & Form — explore this Framer Template on the Framer Marketplace and customize it in Framer's no-code website builder.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/44c405507dfc078f/image.png","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T03:05:19.925Z","updatedAt":"2026-06-19T03:05:19.925Z"},{"id":"019edd15-c973-7104-a06a-393f6bd2bae4","title":null,"body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: Tile Puzzle Reveal.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It turns an image into a responsive sliding puzzle that reveals a message, coupon code, or link once solved."}]},{"type":"paragraph","content":[{"type":"text","text":"This kind of interaction is typically tacky, so I kept it quiet. By default, it sits as a normal image with a small \"Scramble\" pill in the corner. Click it, and the image becomes a puzzle. Solve it, and the reveal appears. You can also set it to start as a puzzle from the beginning."}]},{"type":"paragraph","content":[{"type":"text","text":"The preview page includes test controls, which can be switched off for live use. The component itself is responsive and configurable: image fit, tile density, reveal content, motion, and styling, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Submitted to the Marketplace, but not yet showing in the public feed. Direct links below."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview: "}]},{"type":"paragraph","content":[{"type":"text","text":"https://puzzlegridreveal.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://puzzlegridreveal.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Component: "}]},{"type":"paragraph","content":[{"type":"text","text":"https://re.chujiqiqi.com/m/TilePuzzleReveal-09vKQj.js@2QUIwdxMzL4vAJFYp5yN","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/m/TilePuzzleReveal-09vKQj.js@2QUIwdxMzL4vAJFYp5yN","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Free to copy."}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/kmenzhpa","metadata":{"tint":{"h":0,"s":0,"l":20},"width":1392,"height":732}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-19T16:57:44.322Z","createdAt":"2026-06-18T23:34:13.117Z","updatedAt":"2026-06-19T16:57:44.322Z"},{"id":"019ed6a1-9354-755b-ae96-a4f671ce654d","title":null,"body":"

Hackathon Entry! 30 seconds to spare.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hackathon Entry! 30 seconds to spare."}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed6a1-9354-755b-ae96-a8ccbddbdfb1","contestId":"agents-hackathon","author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e"},"title":"MeshGallery","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MeshGallery is an interactive image-gallery section where typography becomes the navigation surface.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of thumbnails, arrows, or a standard carousel, the section turns a single word into a responsive field. As the cursor moves across the letters, the type reacts — characters near your cursor fade away to reveal the images behind them, while the background blends between image states in the same spatial radius. It feels less like clicking through slides and more like moving through a living visual index.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It works for selected work, campaigns, client studies, archives, moodboards, or portfolio sections. Change the word, drop in a set of images, and the component becomes a different visual system. A studio could use it for project previews. A designer could use it as a portfolio entry point. A brand could use it as a campaign surface.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"As you move between images, you move between projects — so the project metadata updates live in the corner, briefly scrambling mid-transition and locking clean once an image comes into focus. A small live coordinate readout reinforces the feeling of a real, reactive instrument.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"I used Framer Agent throughout the build to go from concept to working prototype: exploring interaction directions, generating and refining the component structure, stress-testing the layout, tuning the behavior, and evolving it from a simple hover effect into a smoother image-blending system with live metadata. The final piece combines custom code, variable typography, cursor-based proximity logic, layered image blending, and Framer’s visual canvas into one reusable interactive section.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The goal was a gallery that doesn’t look or behave like a gallery at first glance, but still works as one. A section title becomes an interface. A word becomes a lens. The images respond as if they’re hidden inside the typography.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Submitted with 30 seconds to spare holy *** lol.","marks":[{"type":"bold"}]}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/ffmnvd8r","metadata":{"tint":{"h":220,"s":21,"l":22},"width":1168,"height":745}}],"post":null,"data":{"previewUrl":"https://meshgallery.framer.website/"},"winner":false,"createdAt":"2026-06-17T17:29:33.829Z","updatedAt":"2026-06-17T17:29:33.829Z"}],"categories":[],"tags":[],"likes":{"count":23,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T17:29:33.789Z","updatedAt":"2026-06-17T17:29:33.789Z"},{"id":"019ed3fb-17b7-701f-81f1-7f5ee7edb863","title":null,"body":"

Proofmark is live. It’s a portfolio template engineered to break the visual monotony of standard portfolios and pull reviewers out of the skim. Grab it at the $79 launch price for the next two weeks before it shifts to its regular price. Genuinely stoked for 3.0 and the new community features. Bravo on the homerun Framer hit. Follow for more releases soon. Cheers.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Proofmark is live. It’s a portfolio template engineered to break the visual monotony of standard portfolios and pull reviewers out of the skim. Grab it at the $79 launch price for the next two weeks before it shifts to its regular price. Genuinely stoked for 3.0 and the new community features. Bravo on the homerun Framer hit. Follow for more releases soon. Cheers."}]}]},"author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[],"resources":[{"id":"66842","resolved":true,"title":"Proofmark","body":"$57","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"■ Backed by research. Built for AI screens. Designed to stand out in a hiring market where most portfolios look the same. Proofmark turns your work into a clearer signal that survives the scan, the screen, and the shortlist."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Proofmark is a proof-first Framer portfolio template for designers, consultants, builders, researchers, strategists, and independent experts who need their work to stand out, explain itself clearly, and hold up under review."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"It turns serious work into structured proof, so reviewers can quickly understand what changed, what decisions mattered, and why the work is worth trusting."}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Launch offer: Get Proofmark for $79 during the first two weeks. Regular price $99."}]},{"type":"customHeading","content":[{"type":"text","text":"■ Components that flex"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Adaptable components with built-in layout presets and styles, giving you absolute control without breaking the system."}]},{"type":"customHeading","content":[{"type":"text","text":"■ Launch without rebuilding the system"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Replace the demo content, update the CMS, connect your resume, tune the styles, and publish."}]},{"type":"customHeading","content":[{"type":"text","text":"■ The Proofmark system"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Signal Ledger // Surface the strongest proof points before visitors dig into the work."}]},{"type":"paragraph","content":[{"type":"text","text":"Case Files // Turn projects into structured stories with context, decisions, process, outcomes, and reflection."}]},{"type":"paragraph","content":[{"type":"text","text":"Core Signals // Show roles, skills, domains, availability, languages, tools, or working modes in a compact signal layer."}]},{"type":"paragraph","content":[{"type":"text","text":"Proof Points // Highlight metrics, constraints, responsibilities, recognition, and other evidence that makes the work easier to trust."}]},{"type":"paragraph","content":[{"type":"text","text":"Field Notes // Publish essays, process notes, teardown posts, project rationale, short observations, and more."}]},{"type":"customHeading","content":[{"type":"text","text":"■ Looks different on purpose"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"When every portfolio follows the same playbook, blending in is a liability. Proofmark is a calculated departure. It looks different on purpose, and is engineered to snap reviewers out of autopilot, command focus, and ensure you’re the one they remember."}]},{"type":"paragraph","content":[{"type":"text","text":"The goal is to help the right person notice you, understand your value quickly, keep reading, reach out, and remember you after comparison."}]}]},"introduction":"Proof-first portfolio system","slug":"proofmark","author":{"framerUserId":"b708f648-11a8-487b-bdb5-48afa4fa59f1","name":"Rule & Form","slug":"ruleandform","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/z89jf0fx","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/notw58d6","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/baqqnjcb","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tklttf6m","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/wcz2rpns","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-17T05:08:28.688Z","updatedAt":"2026-07-02T21:00:46.936Z","publishedAt":"2026-06-17T05:08:28.680Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"29","paymentUrl":"https://buy.stripe.com/fZu6oJc2VdRD7wob5n3sI03","remixUrl":null,"previewUrl":"https://proofmarkdemo.framer.website/","categories":[{"id":19,"name":"Portfolio","slug":"portfolio"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":269,"name":"Resume","slug":"resume"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":24,"name":"Site Search","slug":"site-search"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T05:08:28.727Z","updatedAt":"2026-06-17T05:08:28.727Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L58"}]