Grids & Giggles

HELLO HELLOOOOO!!

just updated the camera mask component with new filters and better performance!!

check it out! link in comments.

oh btw this is a cms collection XD

New Page! on motion labs

sooo... today's been a lucky day!

(this is my first commission)

FRAMER TEAM APPRECIATION POST FOR :))

I have used many other software but i have never experienced a Dev team sooo inclined to help its user.

I've never felt alienated or ignored by them. Tbh i did have some complaints with framer 3.0 but it feels nice to know that behind it are still people who genuinely want to make the web a more inclusive and fun experience.

100 FOLLOWERS!! YAAYAYAYAYAYAYAYAYAYAYAYAYAYAY

prep for the v2 for motion labs

Another INSANE instance of code override magic.

on the left is the base component made by @Nandi on the right is my remix with the code override to make the questions scroll able. whats better?

i achieved it by connecting my file to Claude code to save hours explaining the full context and try and errors.

ps: i owe @Nandi my entire journey, he taught me everythinggggg :D

I added a hologram effect to the card and added the phone version to @Nandi's card flip component

Shipped: a job platform landing page that reads like a manifesto.

The Future Jobs tracks freshly funded startups and surfaces roles before they hit LinkedIn. The site had to feel like insider intel, not another job board.

Built fully in Framer:

✓ Hero with a scrolling marquee of live role cards

✓ Orbiting logo animation for the "we monitor everything" section

✓ Numbered process steps with scroll reveals

✓ 3-tier pricing section and FAQ accordion

✓ Fully responsive across desktop, tablet, mobile

Favorite detail: the "1,247 applicants per role. You're number 1,248." line hits before you even reach the pitch.

An agency site where every animation is written from scratch.

This is MotionLabs, a digital marketing agency in the UAE, themed like a detective investigation. No template sections, no plugin animations.

✓ Letter-by-letter kinetic typography hero via custom code override

✓ FAQ built as a working terminal with IN/OUT responses

✓ Custom cursor states and micro-interactions throughout

✓ Scroll-pinned funnel storytelling sections

✓ Full blog built from scratch on Framer CMS

Micro interaction & animations for the form in this post:

https://www.framer.com/community/posts/4m1QwZ1azXpazHJCwmuoeF

Ngl i have been looking awfully hire-able these days,

please someone indulge. 👉🏻👈🏻

Micro interaction masterclass ;)

no this is not a code component, it is the native forms form framer, just split into phases using clever clipping with smart components. oh and of course code overrides to maintain proper structure and flow. one of my favorites and most brainstorm features that i designed for Motion labs. v.2 is gonna be live soon.

webflow this, shopify that.

bruh framer made internet cool for me again

Life after i learned how to use code overrides fluently.

One primary variant per component doesn't scale. Framer needs more than one, and more than two.

This isn't a one-off. Framer's own community keeps hitting the exact same wall. Split variants past a single axis, sections, breakpoints, types, whatever, and the only fix anyone gets told is to peel that group into a separate component. Here's one thread with the identical complaint: link

So don't stop at H1/H2. Take it to H4.

✓ H1 is exactly today's primary variant

✓ H2 groups split off from H1, each gets its own local primary

✓ H3 nests inside an H2, same rule, one level deeper

✓ H4 nests inside an H3, as deep as the hierarchy goes

Every level only cascades to what's nested inside it. Nothing above or beside it moves.

LaunchReelsTicker turns your videos into a shoppable storefront in Framer.

An infinite ticker of phone-frame reels. Hover to play, click to go fullscreen, and a product panel slides in with everything featured in that clip.

✓ Paste an Instagram reel link, it just works ✓ Hover-to-play on desktop, in-view autoplay on mobile ✓ Per-reel product cards with swatches, ratings, prices ✓ 40+ property controls, zero code

Built for D2C launch pages that need to sell, not just look pretty.

Component is already in the community review system.

link in the comments after it is approved

I wanted to sync my Shopify store into Framer. Every plugin wanted money for it.

One-time fees, subscriptions, some even taking a percentage of every sale. For moving my own product data into my own CMS.

So I built Shopify CMS Sync — and made it free so nobody hits that wall again.

✓ Full catalog into a Framer CMS collection in one click

✓ Prices, images, variants, ratings, tags, collections

✓ Sync any custom metafield as its own CMS field

✓ No backend, no account, read-only token — your data never touches anyone else's server

✓ Re-sync safe: bindings never break

Free forever. No catch, no "pro" tier.

What's the first store you'd wire up with it?

link in comments as soon as it completes the framer varification ;)