Rule & Form
Rule & Form

Rule & Form

I build Framer templates, code components, and editorial systems for studios with something to say. Select projects and partnerships open.

Creator4 Listings
Rule & Form
Rule & Formin Marketplace·3mo

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.

Rule & Form
Rule & Form3mo

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.

Rule & Form
Rule & Form3mo

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.

Rule & Form
Rule & Form3mo

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.

Rule & Form
Rule & Form3mo

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.

Rule & Form
Rule & Form3mo

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?

Rule & Form
Rule & Form3mo

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.

Proofmark: Responsive Portfolio Website Template by Rule & Form
framer.link · Proof-first portfolio system — Proofmark by R…
Rule & Form
Rule & Form3mo

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://hy.chujiqiqi.com/m/TilePuzzleReveal-09vKQj.js@2QUIwdxMzL4vAJFYp5yN

Free to copy.

Rule & Form
Rule & Form3mo

Hackathon Entry! 30 seconds to spare.

MeshGallery
Rule & Form
Rule & Formin Marketplace·4mo

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.