Koen Bok
@koenbok
Followers
16,917
Following
4,134
Media
201
Statuses
10,026
Making @framer / investing @festina / design and code / time virum patientem
AMS / BCN
Joined June 2008
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Cohen
• 388997 Tweets
GPT-4o
• 88172 Tweets
#WWERaw
• 55527 Tweets
Carolina
• 55104 Tweets
Rangers
• 49298 Tweets
Celtics
• 48903 Tweets
Fábio
• 44641 Tweets
Mitchell
• 38707 Tweets
Luciano
• 38593 Tweets
#JACKANDJOKERQ1
• 35433 Tweets
Cavs
• 34062 Tweets
Cleveland
• 27480 Tweets
Bronny
• 25669 Tweets
Garland
• 24993 Tweets
Diniz
• 24932 Tweets
Goff
• 23093 Tweets
Kofi
• 16930 Tweets
Canes
• 16606 Tweets
Daronco
• 10745 Tweets
スナック
• 10622 Tweets
Pinned Tweet
I keep thinking about how computers would have worked if we would have invented LLMs before the GUI.
9
2
64
The popular current design style for websites is basically 80s empty VHS tapes. Pretty cool.
46
612
6K
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.
20
85
671
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❤️
23
73
606
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
101
563
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
73
563
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.
18
74
466
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.
55
59
700
49
17
452
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)
110
405
3K
26
20
407
Looking for the best product designers? I started a highly curated product design talent newsletter:
18
51
347
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
46
332
18
26
332
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
324
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
326
What a beautiful portfolio site
0
30
317
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
308
We built a place to discover, share and steal (like an artist).
2
18
252
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
44
262
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
25
257
Fully switched to Vite plus for side projects. So fast and so simple. Feels like Node ten years ago ❤️
5
9
252
Designers, start prototyping for virtual reality today. Introducing the VR for Framer. –
2
131
230
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
53
214
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?
25
8
209
I just realized that almost all talented venture capitalists in Europe I know are women. That is a fantastic outlook.
11
11
207
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.
I’m thrilled to announce that
@koenbok
and I have launched an investment fund together 🚀
Meet →
72
30
542
20
11
207
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 ❤️
12
37
845
16
2
198
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
20
195
Personally I can't wait for the neo-brutalist web styling to pass. Everything looks like a Berlin based Toys R Us.
7
12
189
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
24
186
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
175
Can your code editor do this? Code Highlighting just landed in Framer.
http://t.co/ARpKU6XIGo
http://t.co/FtowO1i4W8
9
62
167
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 —
10
57
347
7
7
170
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
168
Announcing Framer X. A new product by Framer. Sign up for an early invite today –
9
22
162
It's that time again: a fresh new Framer site:
Also, fresh new typeface.
13
20
159
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.
2
4
158
We built a way to visually animate... in code. And back.
Introducing Auto-Code animation in Framer.
2
30
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
24
150
Browse faster on your iPhone with this one simple trick: Settings > Safari > Advanced > Experimental Features > HTTP/3
6
11
138
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
13
135
In our quick tests, Framer is ~40% faster on any M1 than a fully loaded 2020MBP 16" 🤯 That is ... incredible.
6
4
137
Check out all the features for Framer X. Can't wait to get it in your hands. First betas shipping August 1st.
8
8
133
I can't believe how good and fast (Metal accelerated) the latest Mistral-based models run on my MacBook Air using
@LMStudioAI
4
15
126
We set up a dedicated Framer X beta group for feedback:
You can find the (wip) Framer X documentation here:
5
20
119
The folks at OpenAI are the best. Thanks for saving our launch today.
7
2
117
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 —
3
18
148
1
9
118
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
1
32
267
2
8
116
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!
7
21
139
2
6
116
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.
2
14
115
Help me help more people understand React. Upvote my learn guide for designers on Product Hunt.
5
18
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
36
43
363
5
4
112
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
8
111
I wrote a small guide on how to effectively use data in early stage startups: thanks
@oscarlsson
and
@ashaindra
for the help.
7
16
110
If you are a designer who wants to learn code, we have a pretty good guide to spend a Saturday afternoon with:
0
27
110
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
108
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 —
2
21
174
5
5
106
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.
5
16
98
3
6
107
❤️ It's cool to see a strong consensus on Framer AI output:
- Fun and impressive first pass
- Pretty cool inspirational results
- Great starting point for anyone
- Needs human curation for sure
- No game on real designers
1
9
103
So proud to have the 🇺🇦Ukraine National Defense Hackathon site built with Framer. Such a super cool looking site too, makes me wish I was a real hacker.
4
17
102
2017 was a great year for Framer. Best job I ever had.
3
7
102
Completely redesigned Framer site:
http://t.co/kumxztI9xs.
Very proud of this one.
http://t.co/ojWM2FHDZv
14
20
101
I wrote a piece on tips for working at a startup, and most common reasons why things can go wrong. Hope it helps!
2
14
101
We like making nice sites. And this might be nicest one we made yet. This time we made it in hours, not weeks.
✨ It doesn’t matter if you are launching a product, setting up internal documentation, finally getting around to redesigning your portfolio, or building an over-the-top animated feature page (like we just did). It can all be done in the new Framer Beta →
8
12
170
4
2
100
@rafahari
@alexmuench
@figmadesign
Hey but ... apart from thank you for the good feedback (in name of all tool makers) can we take a moment to realize how hard it is to build these and how much
@sketch
and
@pieteromvlee
have invented and raised the bar for all of us. It’s simply insane.
2
2
98
So many good responses on my React for Web Designers article. I should turn it into a series.
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
101
563
9
2
100
If you have been thinking about learning the basics of React we built the perfect guide for you. From component theory to practical examples in a way everyone can follow.
2
15
97
Based on the brand new Browser View Transitions API, Framer now supports page to page effects, which look extremely dope.
They make the web feel native.
🚀 The rumors are true! Introducing Page Effects in Framer.
Animate page transitions with fades, transforms, and our all-new masks.
Choose from simple presets, or compose your own effects. Set a global default, or pair specific pages.
17
9
145
10
2
96
Can we invert cookie banners and agreements?
I'd just like to set my communication and legal preferences in a single place, so the browser can validate and block sites against it without bothering me.
10
5
97
Framer 3 is released. Prototyping tool for designers. Major update with a completely new site.
http://t.co/79GZKR7giS
@framerjs
5
65
96
Trying out a new simple format for React / Framer video tutorials (that I'll make more hi-fi). First up: making a re-usable Tab Bar.
Feedback appreciated:
2
16
93
One of the most popular things of our web launch was our in app video tutorial that helps you create something cool in a few simple steps.
So we made a few more. Check them out here, they’re fun:
4
9
94
Announcing Framer 2: a modern prototyping tool. Now fully integrated with Photoshop.
8
40
90
Build your site in Framer and get all of these by default, right from the canvas.
Modern HTML has many performance controls:
🔑 Prioritize a key image: <img fetchpriority=high>
💤 Lazy-load images: <img loading=lazy>
🌐 Warm connections to origins: rel=preconnect
🕐 Fetch late-found resources: rel=preload
⏭️ Fetch next-page navigations: rel=prefetch
31
474
3K
4
4
89
We completely redesigned Framer today –
5
21
90
For this week designer React tips I try to explain "application state" and how it can help you to build even complex projects in a simple and predictable way.
?
1
15
87
I learned how to build sites from "show source". Excited to bring the no code version of that to Framer.
🌞 Introducing the HTML to
@framer
Chrome extension. Effortlessly copy and paste web elements from any of your own sites, whether they’re made with HTML & CSS, or any other website builders, and edit them directly in Framer.
39
75
582
5
7
88
Asking for your top 3: How will the web be different in 5 years from now?
33
9
88