Koen Bok
@koenbok
Followers
18K
Following
16K
Media
216
Statuses
11K
Koen sounds like Moon @framer @festina
Joined June 2008
Asking the LLM to write React code is the ultimate faster horse. It’s a productivity, not paradigm shift.
4
1
48
The popular current design style for websites is basically 80s empty VHS tapes. Pretty cool.
45
562
5K
Excellent Mac Desktop software you might have missed, please add yours in the 🧵.
142
45
1K
Framer X will be entirely based on ES6 and React. We will port the current Framer library to a set of really nice (optional) React helpers for animation, advanced gestures, and interpolation. All open source, of course.
17
82
640
Wow the Dutch government started a pilot visa program for "essential startup employees". Anyone who gets offered 1% equity and €2.5k/m pay or more gets a visa. I see canals full of startups with talent from anywhere❤️.
21
68
575
Todays Framer release will make my not-so-secret-side-project a lot easier: teaching every designer how to code (enough to be dangerous). Start with my curated guide:
17
70
529
Understanding React doesn’t have to be hard. I made a short overview for people with a basic web design background. Let me know if it helps!.
9
96
528
Pretty insane to see how fast Framer Motion is growing. If you are in need of production grade animations for React, give it a try. It's really good.
16
70
447
We are proud to spin out Motion as an independent open source project to make sure it becomes the best animation library for everyone.
🎉 After six incredible years at Framer, it’s time for my next step. Today, we’re spinning Framer Motion out into its own independent open-source project, to better serve the whole community. Introducing Motion. For React, and now, for everyone.
19
16
455
Turns out, building an overnight success takes a lot of time.
🚀 We’re happy to announce our $27M Series C funding round, led by @MeritechCapital with participation from our current investors: @Atomico, @Accel, and Foundation. Read all about what’s next.
47
17
443
I haven't had this much fun building for the web since the 90s. Shipping from a freeform canvas feels magical.
🔥 Design real websites right on the canvas. Publish in seconds. All with blazing fast performance. We’re shipping a new version of Framer, and we would love your help. Learn more at and check the thread (1/6)
26
19
392
In 2014, all designers were trying to get a role in big tech and "seats at the table.". In 2024, all designers are trying to get 100k followers on YouTube and six-figure recurring revenue streams. This has resulted in a lot less yapping about design management, design systems,.
31
22
391
Framer engineering stats:.- 60/100 engineers, 4 product designers.- Median PR Cycle time: 6.2h, Review wait: 1.7h.- Median PR size 10-100 lines.- 5-10k lines changed per week ~42% AI Assisted.- ~1.3 product releases per week.
22
13
421
Looking for the best product designers? I started a highly curated product design talent newsletter:
18
48
324
Today, we launched Web 2.0 for designers. Fetch lets anyone use an API to dynamically update any part of a site. You can change the login state, display the user's name, show the current weather at your location, or even the Bitcoin price. Have fun building advanced sites.
Introducing Fetch in @framer. Leverage the power of APIs on your Framer site—without code. Learn more:
22
12
328
If you are an engineer who loves React and design, you should definitely join our team (full time in Amsterdam). Both CS people and self taught hackers welcome. Email or DM me directly at koen at framer dot com.
11
45
316
Nice piece on our journey in Forbes today. I'd say we are more a (friendly) Webflow than Figma competitor, but I'm sure this gets more clicks :-).
18
7
320
1.0 is simply amazing. I switched all my side projects over in seconds with zero issues. When do you _ever_ have that with JavaScript? . Now everything feels seriously snappy, like when I used Node for the first time ❤️.
4
20
311
Had to explain SSR tonight and it was surprisingly hard with words. I couldn't find a great simple overview so I quickly made one.
11
30
299
Hey @Microsoft we at @framer would love to help make this better. Hit me up!.
Wow, the Surface Pro website really is as bad as people have been saying. Missing fonts, extremely weird scrolling that randomly takes over/sends you to a new position, horrible animations… how did this ship?
14
5
273
If you have have an ActionScript, jQuery or Framer Classic background, and learning React feels surprisingly difficult: you are not wrong. React uses a different programming model (declarative vs. imperative) then you trained yourself for: .
8
42
244
OrbStack is a much better alternative to Docker, allowing you to run any container on Mac or Linux with a click.
5
3
255
This is the year we got really good at shipping. Vector editing was the last step in our plan to make Framer an end to end design tool that is interactive-first. I can't wait to merge code and design in 2018.
16
20
238
Fully switched to Vite plus for side projects. So fast and so simple. Feels like Node ten years ago ❤️.
5
9
248
Designers, start prototyping for virtual reality today. Introducing the VR for Framer. –
2
121
216
If you like working on component systems, direct manipulation, graphics performance or compilers let's chat. Framer Web is growing quickly and we are looking to add more experienced engineers to our team to help empower everyone to build interactive work. (Remote ok).
4
52
203
The first 10 years of my web design career revolved around "what the browser could do.". Back then, browsers were not very powerful. Even when they had impressive features, Internet Explorer often blocked you from using them. As a result, most websites looked somewhat dull.
14
12
210
I just realized that almost all talented venture capitalists in Europe I know are women. That is a fantastic outlook.
10
11
195
We know basic looking sites just do a fine job. But we have always loved building _great_ websites. This might be our 20th one. What do you think?.
24
8
205
Recession and a platform shift to AI? No better time to start a fund. Announcing with @jornvandijk An early stage fund looking to back your startup.
18
11
205
Everything made in Framer obviously. Anyone interested if we started to share some source files to take a peek how our talented team works?.
Framer has such a clear reverence for shipping excellent interfaces. Their bar for polish and quality is really inspiring – these are just their marketing pages, but the product is beautiful, too ❤️
16
2
194
The new @codesandbox is insane. It can now run ANY type of project, because it's backed by a real server (using much faster hardware than your laptop). But starting projects still just takes one click and it even just works with your current VSCode 🤯
9
18
190
Personally I can't wait for the neo-brutalist web styling to pass. Everything looks like a Berlin based Toys R Us.
6
10
172
I have been writing quite some React intro's this year, and they work. I have now met many designers who learned React through these guides. You can do it too!. - - -
3
22
177
Raycast is not just a great application launcher, but also the best AI chat interface.
3
0
178
Can your code editor do this? Code Highlighting just landed in Framer. http://t.co/ARpKU6XIGo
http://t.co/FtowO1i4W8.
9
58
160
Typical Sunday coding. Writing some code: 5m. Figuring out how to serve a static file with my dev server: 2h. No success. Back to day drinking.
12
1
168
Introducing Framer Auto Size. Fully based on dom and flexbox. Extremely easy to use. Works very well with component variants, so you can make navigation, expanding cards, disclosing rows and much more in seconds.
The most requested feature of the year is here—announcing Auto Size ⚡️ And it works dynamically on everything from text to interactions. Design expanding accordions, dropdowns, buttons, and more. Open the playground — Read more —
7
7
166
Between SwiftUI, Flutter and Framer it's great to see a whole category of code-using creative design tools finally (re)emerge. That took longer than I expected :-).
2
9
161
Announcing Framer X. A new product by Framer. Sign up for an early invite today –
9
21
149
What still blows my mind: two people in two weeks. From scratch. Used to take months.
4
6
156
It's that time again: a fresh new Framer site: Also, fresh new typeface.
12
19
153
Sites are now 50% faster interactive due to more granular suspense boundaries (with React). - Animations start faster.- Clicks register instantly.- Better Lighthouse scores.
5
5
155
I always felt a bit like how we built things at Framer felt too simple, or even unsophisticated, but it works great for us. Cool to see that Linear almost works the exact same way we do across every part.
We built Linear to show there's a way for software engineers to feel satisfaction with and control over their work. Of course, that starts with us and how we build products, so we shared how we think about building at Linear with @lennysan today.
2
3
154
The Spanish are ditching Tinder and instead started putting pineapples in their shopping carts at a specific brand of supermarket to find dates. It’s so popular that the supermarket is panicking. This is the way.
9
4
150
Wrapping up the first two years of our early stage fund Festina with an updated portfolio: Looking good @jornvandijk.
16
3
152
At every review cycle, I try to write something useful about startup jobs. This quarter: A helpful list of questions to self-review your job performance and happiness.
6
23
141
We built a way to visually animate. in code. And back. Introducing Auto-Code animation in Framer.
2
29
145
Wow a potential vaccine developed in Germany by a Turkish immigrant couple. And they seem the most genuine humble people too. Europe could a success story like that!. 2020 is turning around quickly 😄.
1
12
122
Browse faster on your iPhone with this one simple trick: Settings > Safari > Advanced > Experimental Features > HTTP/3.
6
11
137
In our quick tests, Framer is ~40% faster on any M1 than a fully loaded 2020MBP 16" 🤯 That is . incredible.
6
4
133
Lots of Framer Plugins are open source, so you can study how they work, improve them or adopt them for your team with custom behavior.
8
8
133
Check out all the features for Framer X. Can't wait to get it in your hands. First betas shipping August 1st.
8
8
126
I can't believe how good and fast (Metal accelerated) the latest Mistral-based models run on my MacBook Air using @LMStudioAI
4
15
120
We at Framer are testing our most exciting (and impactful) site performance optimization yet: server-side above-the-fold approximation 🤯 @iamakulov will share more soon.
9
2
123
Biggest feature of the year. For now.
Introducing Layout Templates. Reusable navigations, site-wide consistency, and next-level fidelity—unlocked. Only in @framer.
6
3
121
We set up a dedicated Framer X beta group for feedback:. You can find the (wip) Framer X documentation here:.
5
19
113
Remember Smart Objects from Photoshop? Now imagine them being instantly shareable over the wire, completely interactive, allowing for variables (props) and powered by es modules. Copy and paste them between Framer projects today, and maybe into any JavaScript project soon 🤯.
Copy, paste, and unlinking are here for Smart Components. Use the same component across projects and utilize their interactions and properties to work for any situation—just like your production components. Read more about this update —
1
9
111
Turn your existing designs into high fidelity prototypes, exportable React components and soon . production websites.
✌️ We’ve launched a new Figma plugin! You can now copy layers in Figma and paste them directly into Framer. Make your Figma projects interactive in just a few steps. Learn more and get the plugin at
2
8
112
The folks at OpenAI are the best. Thanks for saving our launch today.
6
2
114
The next creative tools leap was After Effects in the browser for motion graphics. And today it's here. Modyfi is extremely polished and versatile, leveraging a pro non-destructive workflow with GPU accelerated graphics. And the UI is 😘.
🚀 Motion has landed in Modvfi!.With Motion Effects, you can quickly transform your designs into scroll-stopping loops, and create insane motion effects in seconds. We're live on @ProductHunt, come by and let us know what you think! .
2
6
115
Today, 99% of professional sites still get built in code, while all personal sites get built in visual builders. This will now start to shift really fast. Webflow saw it first, but now everyone can feel it. I think the web will look a lot more creative again soon.
7
6
112
Help me help more people understand React. Upvote my learn guide for designers on Product Hunt.
5
17
101
We are one commit away from upgrading all Framer sites to http3 by default. Plus we just added Sao Paulo and Seoul regions, plus Sydney next week 💨.
9
7
108
This is the localization I always wanted to have. Seconds to setup, AI powered and fully SEO optimized (with server side rendering). I hope this gets localization from hard and rare to simple and ubiquitous.
🌎 Hola, Bonjour, こんにちは! Introducing AI-powered Localization for your website. Effortlessly translate your entire site, customize images, and even tweak entire designs for different languages and regions. Learn more about Localization at
4
4
109
Watch me explain how we use design systems at Framer, and how I think most designers will in the future. We compose new ideas on the canvas using the exact same interactive components that we use on our site in production.
1
14
104
If you are a designer who wants to learn code, we have a pretty good guide to spend a Saturday afternoon with:
0
24
105
I wrote a small guide on how to effectively use data in early stage startups: thanks @oscarlsson and @ashaindra for the help.
6
15
104
Over the last few weeks, we completely rolled out our new global hosting infrastructure for @framer. We now use a single AWS Global Accelerator for global load balancing (without regional NLBs) directly on top of EC2 instances in ~20 regions worldwide. Incredible work by.
8
5
107
A little under two years ago we asked @mattgperry to help build an animation library that would power the design tool as well as production sites, eliminating animation handoff. Today Framer Motion is one of the fastest growing libraries out there with 1m downloads per month!.
Framer Motion hit 1 million downloads last month! This production-ready motion library for React works beautifully to help you handoff animation values from your Framer prototypes. Congrats to @mattgperry and the whole team on this big win —
5
5
100
Framer Motion is rapidly improving. Our goal is to become the best production animation toolkit for React. And obviously for @framer too.
🚀 New in Framer Motion 1.4.0: Exit animations for any component!. As long as its first motion component contains an exit prop, you can now animate out any component with AnimatePresence.
3
6
102
Speed is a feature. We just shipped an update to make the Framer canvas up to 4x faster with large projects through smarter gpu accelerated drawing.
3
11
103
Zed is the fastest native code editor, with a great UI and performance.
1
0
103