no idea what im doing but i like where this is going
- leaf generated in @paper
- watercolour in @hiunicornstudio
- text/content inspo in @perplexity_ai
- scroll interaction in @framer
Another cool component I ported to Framer β a dynamic scroll progress table of content π
It retrieves all your h1/h2/h3 from your page automatically. See video below β
Like/comment/RT for a free Framer remix link π€
Original concept by @nitishkmrk
In fact I loved this so much I ported it to @framer for my own use
If you need this for your designs π reply 'Framer' to this tweet and I'll send you a remix link! (need to follow so I can DM)
Likes and retweets always appreciated too π
Clients with the biggest budgets always ask me for custom builds or Webflow builds.
Only designers have ever asked me about Framer.
Local businesses and friends and family always ask for Squarespace and thatβs it.
Never been asked about Wix.
Every price point is different.
Blender 3D? Nope nope, JavaScript baby! π«Ά
Live demo β shaders.framer.ai/pixel-scan
Works with any .svg or .png π₯° Should I turn it into a free @Framer component?
I ported a cool Shimmering Canvas effect for @framer β¨
With adjustable colors, shimmering speed, pixel density, animation speed.
Like / RT / Drop a π₯ / Perform ancient rituals / for a free remix link
Just playing with liquid hover interactions π
Mostly native @framer components here β only 1 custom code component that was pretty easy to make with ChatGPT.
digital noise trail component for @Framer, fully customisable (colours & intensity) π
follow & comment and I'll DM a remix link π€
pixeltrail.framer.ai/
Many of you asked: here's how you can use @Framer Design Pages to curate animated stuff: shaders, videos, React components, etc
Short thread to explain how itβs done π§΅β
Thrilled to finally release PixelScan β a WebGL reveal effect for images & texts directly inside @framer
β Learn more on pixelscan.framer.ai/
First 10 buyers get 50% OFF with code U1MJMZNG π«Ά
Follow & RT for a chance to get it for free (3 winners tomorrow) β¨π
My experience with @contra today: hit a small blocker due to a client referral issue.
Their team instantly jumped on it and got it fixed.
In the meantime, their CTO @kuizinas added me on LinkedIn and sent a genuinely nice welcoming DM.
I mean... Wow.
yesterday, @cedric_design posted a job offer for a designer with Framer skills.
less than 20m after, @contra notified me that it could be a matching opportunity for me to look at.
quite the proof that this new feature is sharp af
Super stoked to announce I'll be joining a panel of legends to judge this Framer x Contra hackathon. More details coming soon.
Can't wait to start reviewing your submissions β¨
I always feel the urge to recreate beautiful things in the tools that I know
Here's an example with @contra recent rebranding by @mikesmith187
All made possible by a single GOAT tool β @hiunicornstudio
This weekend, I officially passed Β£1K revenue on my @framer templates & components π² I would never have thought that possible when I started using it!
Huge thanks to the Framer community and the @lemonsqueezy platform for enabling all this π
Keep creating π₯³
Something Framer doesn't support natively but that's neat for text elements: CSS multi-column layouts π
Get the code override here β gist.github.com/fredm00n/d52β¦
Still crazy to me I was able to create this natively in Framer β‘οΈ
I only created 2 small code overrides β but probably not for what you think βπ§΅
Happy to announce my βPolygonβ template was accepted Friday on the @Framer marketplace - here are some screens from it!
Link: framer.com/templates/polygonβ¦
I never thought I'd say this but I'm genuinely overwhelmed by the amount of Framer work coming my way. I barely have time to tweet!
It's purely incredible how 2025 started. I had to refuse multiple projects to focus on the most rewarding ones.
So grateful for it all ππ»
now that's trippy! ππ΅βπ«
shaders component ported to @Framer β shaders.framer.ai/clouds
too heavy for low-end GPUs though, I'll work on a version that's less greedy
Many of you asked: here's how you can use @Framer Design Pages to curate animated stuff: shaders, videos, React components, etc
Short thread to explain how itβs done π§΅β
Recently noticed I barely open Figma anymore πΆ Most of my work on assets/vectors/other visual iterations is done directly in @framer design pages β‘
What really makes this watercolour exploration successful is how easy it is to embed anything in @framer
Open a new project β insert your webgl scene β add some Framer triggers and scroll interactions β publish and boom π₯ itβs live.
no idea what im doing but i like where this is going
- leaf generated in @paper
- watercolour in @hiunicornstudio
- text/content inspo in @perplexity_ai
- scroll interaction in @framer
Some of my favourite photos I took in London for @mattdesl and his truly unique art. So much meticulousness goes into each of these generative outputs β incredible pieces all around π
Framer experts, welcome to your new home! Get listed as a Certified Framer expert, showcase your work, and land your next gig. This is where clients and experts connect.
Blender 3D? Nope nope, JavaScript baby! π«Ά
Live demo β shaders.framer.ai/pixel-scan
Works with any .svg or .png π₯° Should I turn it into a free @Framer component?