Pinned Tweet
It’s always exciting to bring creative ideas to life with 3D motion
Animation from my @framer template : Portavia
You don't need a stack of subscriptions to launch a professional website. 7 free tools cover it:
1. Framer: design and publish the site
2. Figma: rough out layouts and assets
3. Unsplash: photos
4. Google Fonts: type
5. Tally: inquiry forms
6. Kit: start an email list on day one
7. Google Analytics: see which pages get read
What free tool would you add?
1
1
36
I send free Framer templates, including a portfolio template, and resources like this by email: oldshen.kit.com/79d32f7a85?u…
20
Just found this adorable 3D badminton game called Mochi Smash 🏸
Cute characters, smooth animations, satisfying sound effects, and even online multiplayer!
All running right in your browser.
My guess on the tech behind it:
• Three.js / WebGL for 3D rendering
• React for the UI
• WebSockets for multiplayer
Just guesses, though!
Any developers here have an idea what tech stack they might be using? 👀
1
43
Want to get started with Grok Bot?
Check out botdirectory.ai. It's full of bots other people have already built, and you can see each one's category and how many times it's been copied.
Here's how it works 👇
1
38
AI can build your website.
But it shouldn't make every design decision.
Here's how I split the work on client sites with ChatGPT, Framer MCP, and my own judgment:
1. ChatGPT + MCP drafts the wireframe: structure, sections, responsive layout.
2. I do the actual design: brand, hierarchy, what makes visitors act.
3. Framer's Agent only helps when I'm stuck on a specific piece.
In my test, ChatGPT and Claude gave similar wireframes. ChatGPT also set up responsive breakpoints, text styles and grouped components on its own.
Where do you let AI into your workflow?
1
2
97
A consultant's hero section usually answers "what do you do?"
The visitor is asking something else: "what will I get?"
So flip the order. Outcome on top, services underneath. The services list still matters, it just isn't the first thing anyone needs to read.
The video shows how I set this up in Growvia, a free Framer template.
3
55
I put together a short checklist for consultant hero sections. It goes out to my email list: oldshen.kit.com/79d32f7a85?u…
Growvia: framer.com/marketplace/templ…
14
Most preschool websites are built like brochures.
But parents use them like a checklist.
When designing Kidjoy, I focused on 4 things that can help turn website visitors into school tours.
Here's what I'd prioritize for a preschool client 🧵👇
3
1
91
I share free Framer templates and practical website design ideas for freelancers and small agencies.
Want the next template in your inbox?
Join the Indesight newsletter 👇
oldshen.kit.com/79d32f7a85
1
20
4. Make “Book a Tour” obvious
For many preschools, an in-person visit is a key step before enrollment.
Put the tour CTA near the top and make the next step easy to understand.
1
11
A preschool website isn't just a brochure. It can help build trust and turn interest into tour bookings.
For freelance designers, that's a valuable problem to solve.
I built Kidjoy as a free Framer template 👇
framer.com/marketplace/templ…
1
29
In luxury real estate, your website is the first showing.
One extra high-value client pays for a good site many times over. That makes it a revenue decision, not a design expense.
So I built VistaHaven, a free Framer template for luxury agents and boutique agencies. Link below.
6
3
171
VistaHaven: listing sections for luxury, eco and vacation homes, high-res galleries, inquiry forms for leads, responsive throughout. framer.com/marketplace/templ…
1
30




