Grids & Giggles

Always found these fascinating. so i built one of my own

Few updates i made on Motion Labs

If i learned everything from the community, only makes sense i give back to it too!

I wonder why rive is not widely used while developing for framer.

well for me it has been working wonderfully.

Guys is it too clique to make a site for your girlfriend on valentine's day?

I almost sold this. Then I realized charging for accessibility is the opposite of the point.

So here's a free Framer accessibility menu. Drop it on any site and visitors get contrast modes, text-to-speech, readable fonts, a reading guide, page-structure navigation, and one-tap profiles for dyslexia, low vision, epilepsy, motor, ADHD, and elder users.

One code component. No setup. Fully reversible.

The web should work for everyone, not just the people a design happened to be built for.

Take it, put it on a client site, tell me what's missing.

What accessibility feature do you wish more Framer sites shipped with?

I was about to sell this for $15. Then it hit me how backwards that is.

Putting a paywall on a tool whose entire job is making the web usable for everyone? That is the opposite of the point.

So I'm giving it away.

It's a drop-in Framer accessibility menu: contrast and saturation modes, readable fonts, text-to-speech, a reading guide, page-structure jump links, a select-to-define dictionary, cursor sizing, image-alt flags, plus one-tap profiles for dyslexia, low vision, epilepsy, motor, ADHD, and elder users. One code component, no setup.

Everyone deserves to actually experience the web, not just the people a design happened to be built for. Charging for that felt wrong the second I really thought about it.

Take it, use it on a client site, and tell me what's missing. posting it tmw for free :)

FOR ALL THE EXPERTS, I AM SORRY.

Working on something Massive.

will be dropping the MOST EXTENSIVE TEMPLATE on the entire marketplace.

FOR ABSOLUTELY FREEE!!!

1- it will include 10+ pages

2- 10+ custom code components and code overrides not available on the marketplace.

3- custom nav bar and footer.

See it? It's subtle. That's the point.

AuroraStrip is a band of colored light at the edge of a section that reacts to how fast you scroll. Sit still and it drifts. Flick down the page and it brightens, then decays back on its own. The velocity runs through a spring, so it ramps instead of strobing.

✓ Opacity tied to live scroll speed

✓ Up to 8 palette colors, one drifting blob each

✓ Screen blend for dark themes, Normal for light

✓ Blur, drift distance and cycle speed all adjustable

✓ Free

Turn the blur down to 15 and it stops being ambient and starts being orbs. Same component.

Top edge or footer, where would you put it?

See it? It's subtle. That's the point.

AuroraStrip is a band of colored light at the edge of a section that reacts to how fast you scroll. Sit still and it drifts. Flick down the page and it brightens, then decays back on its own. The velocity runs through a spring, so it ramps instead of strobing.

✓ Opacity tied to live scroll speed

✓ Up to 8 palette colors, one drifting blob each

✓ Screen blend for dark themes, Normal for light

✓ Blur, drift distance and cycle speed all adjustable

✓ FREEE

Turn the blur down to 15 and it stops being ambient and starts being orbs. Same component.

Top edge or footer, where would you put it?

Ever pasted a wall of text into Framer and formatted every heading by hand?

I got tired of it, so I built TextFormatter. Drop it on the canvas, paste the raw text

into one control, and it reads the structure and lays the page out.

✓ Finds the title, numbered sections and ALL CAPS labels on its own

✓ Turns 1. / a) / bullet lines into real lists

✓ Blank lines become proper paragraph spacing

✓ Font, size, color, line height and gap controls for headings and body

✓ Renders real h1, h2, p and li tags, not styled divs

Made for privacy policies, terms pages, docs, and anything you copy out of

Wikipedia or Google Docs.

First image is the paste. Second is what it looks like after. What's the longest

page you've formatted manually?

Ever pasted a wall of text into Framer and formatted every heading by hand?

I got tired of it, so I built TextFormatter. Drop it on the canvas, paste the raw text

into one control, and it reads the structure and lays the page out.

✓ Finds the title, numbered sections and ALL CAPS labels on its own

✓ Turns 1. / a) / bullet lines into real lists

✓ Blank lines become proper paragraph spacing

✓ Font, size, color, line height and gap controls for headings and body

✓ Renders real h1, h2, p and li tags, not styled divs

Made for privacy policies, terms pages, docs, and anything you copy out of

Wikipedia or Google Docs.

First image is the paste. Second is what it looks like after. What's the longest

page you've formatted manually?

LAUNCHING FOR FREEE ON THE MARKETPLACE!

LINK IN FIRST COMMENT!

Would you use this FREEE component in your project?

I have almost 15 high quality Components like these about be uploaded on the marketplace, absolutely FREEEEEEEEEEE!!!!

Rant time :(

I had this Easter egg on my website that linked to my website and told "Designed and Developed with ❤ by Siddhant"

it was just me telling everyone that this is my work. that i planned and decided every ux decision from scratch.

But i was told to remove it, cause it will "divert leads" and poach you directly, rather then working with us.

I mean i get their point, they are correct in their pov and they weren't rude about it.

but it just kinda sucks to not be able to brand the work you built from scratch, you build a sort of attachment to your work. something you spend almost 150 hours building.

i do not have any complains, nor do i think i was done unjust. just felt bad and wanted to rant out.

think the best step for me will be finding clients independently and showcasing that work to get more and make some quality framer templates.

also if an expert or pro expert see's this i could really use some advice on how to get clients organically through web!

Framer Forms are INSANELY versatile if used correctly!!

btw UX work by me :P

Please Check out the website once and let me know suggestions for a better UX experience!

Trusting on the "Make it exist first and then perfect it" process 🤞🏻

full capabilities of this code component to be posted soon!

the rich steal,

the poor beg,

and we? we DREAM!