The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I got tired of ugly, laggy map embeds ruining my clients' Framer sites. So, I built a free tool to fix it. 🌍
Meet Carto — a Framer utility I built specifically for independent designers who want beautiful, editorial map textures without tanking their site performance.
If you are building a "Contact" or "Locations" page, dropping in a standard interactive map or a heavy SVG grid usually destroys your DOM size.
Carto fixes this by fetching OpenStreetMap data and flattening it into a crisp, perfectly sized, high-resolution PNG.
✨ Perfect Performance: 1 DOM node. Zero canvas lag. Keep your Lighthouse scores at 99.
🎨 Client-Brand Aligned: Total control over background and road hex colors to seamlessly match any design system.
💰 100% Free: No Mapbox API keys or Google Cloud billing required.
I built this to speed up my own freelance workflow, and it is now live and free for the community. Add it to your workspace and elevate your next client project! 👇
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Awesome!!!
Portfolio update day 7/30 : Three.js website.
Today I drafted the interactions. Removed a few sections from the layout and combined different shading variations.
The idea is to make transitions seamless but for the preview it's already enough to have not so clean transitions.
Will go polishing it now, update shading to get more realistic environment and when all these steps are ready, will manually redraw all layout to get perfect results.
My stack is pretty simple - just Blender, Claude, React Three Fiber and Figma
(and ElevenLabs on the first stage) - I think it's more than enough for perfect results.
Keep building!
Amazing work my friend! How did you record this video? Screenstudio? Also did you make all the website using Claude? Any specific IDE or direct on Terminal? I am getting used to this workflow
for our next framer template we are making a lot of fun little things like this scroll animation
The way the text dissolves into that particle effect before landing on "Your Next Creative Chapter Starts Here" is a great detail for a template, most people would stop at a simple fade.