Joris Rood
@JorisRood
Followers
2,535
Following
866
Media
486
Statuses
4,818
Product and customers first • Creator of MagicForm for @Framer - build complex forms in a matter of seconds. Everything on canvas and all without code.
Amsterdam
Joined April 2009
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#GranHermano
• 150919 Tweets
スタンプ
• 145431 Tweets
#JACKANDJOKERQ1
• 113234 Tweets
GPT-4o
• 112232 Tweets
#WWERaw
• 89269 Tweets
Luka
• 72679 Tweets
Dallas
• 47014 Tweets
Mavs
• 31538 Tweets
Diniz
• 27239 Tweets
Shai
• 25332 Tweets
Dort
• 21258 Tweets
Gunther
• 18873 Tweets
#NarcoCandidataClaudia60
• 17171 Tweets
スナック
• 14877 Tweets
スクエニ
• 14381 Tweets
Manny
• 13480 Tweets
Jey Uso
• 13147 Tweets
書類送検
• 12909 Tweets
Mavericks
• 11578 Tweets
Chet
• 10915 Tweets
Pinned Tweet
Let's be real, we ain't working with
@framer
because we love to code custom forms. That's why I set out to create the easiest form builder we could imagine.
Let me introduce 🪄MagicForm - build complex forms in a matter of seconds, straight on the canvas.
Available tomorrow!
31
14
323
🔥Daily
@Framer
Drop 1/31
Twitter Follower Count Component - Easily show your Twitter followers on your website with this little counter.
The only thing you'll need to do is enter your Twitter handle, and it'll display your follower count :)
Get it at:
7
16
260
Some thoughts on the
@framer
AI launch! I've been tirelessly testing it and here are my findings so far.
A thread🧵
12
23
259
Finally! After countless late nights, I made it happen.
The first ever file submission through a native
@framer
website. Thanks to the MagicForm component, it goes straight into my dashboard!
Get ready for a new era of form submissions in framer!
27
7
177
Buckle up, folks! I just built my first custom
@framer
component and boy did I learn a lot.
I figured out how to fetch data from the Twitter API, set up a node.js server, and integrate it all into Framer.
Needless to say, these past few days have been quite the adventure.
11
7
173
🚨 Daily
@Framer
Drop 12/30 🚨
Create functional interactions with some Easy mouse-over Effects.
Get it here 👉
6
16
170
I will never be a designer
I will never be a developer
I will never be a salesperson
I will never be a manager
I will never be anything solely
I will be a bit of everything all at once. So
I will ship
I will create
I will sell
and thus
I will never be bored
14
16
148
🚨 Daily
@Framer
Drop 14/30 🚨
Sweet and simple dropdown component for your next project
Get it here 👉
1
17
147
🚨 Daily
@Framer
Drop 22/30 🚨
Hiding the nav-bar when scrolling up has been the most requested tutorial by far. Unfortunately it isn't possible natively in Framer.
Luckily for you, I've got you covered with a code override
Get it here 👉
12
13
148
Ready to learn something cool?
Today's tutorial covers the Stacked Card effect - originally created by
@itsnotnabeel
. I'll show you step-by-step how to achieve this stunning look in
@framer
. Let's dive in!
5
9
143
No-code in
@framer
is pretty powerful...but combining the CMS, with no-code design and custom code components really brings you a step closer to playing website god.
Finally found a quick way to filter CMS collections without even making one single extra variant. All with…
6
7
136
Just found Such a great and simple setup.
Every company running on
@framer
should invest some time in their own component library.
2
9
132
Okay this is it.
@framer
is hands down the easiest tool ever. I just FaceTimed my mom from a bus because I forgot something for a client on a deadline. At first she couldn’t find the ‘Enter’ button on my Mac, but she managed to make all the changes and publish to production 🙏
11
2
126
I hear you.
@Framer
is a poor solution for teams of scale
It doesn’t even allow CMS references
So it will never enable you to customize at scale
HA, think again. Here is one nifty trick that allows me to built a marketing machine.
It allows you to simply select any item from…
10
6
125
That awkward moment when you thought you could publish to production, but suddenly realised you forgot to create Tablet and Phone breakpoints
21
8
125
🚨 Daily
@Framer
Drop 7/30 🚨
Some sweet tooltips to help you setup your next project. Just copy and paste the tooltips to use in your next Framer project.
Get it here 👉
4
20
123
🤩 Today, we're creating a tutorial on how to build the
@Messagebird
menu!
As usual, all done in
@framer
with zero lines of code. Be sure to follow me for daily updates on building amazing things with Framer.
9
3
121
🚨 Daily
@Framer
Drop 24/30 🚨
Magic Text Reveal
Would you like your text to magically appear when scrolling? Or would you like your words to appear? Or even letters. I've bundled everything in today's drop.
Get it here 👉
4
5
118
🥳 Experimenting with
@framer
is so much fun! I'm documenting my journey and just finishing a tutorial on "how to show a sticky navigation on scroll."
Stay tuned – it drops later today. Here's a sneak peek:
4
5
115
🚨 Daily
@Framer
Drop 10/30 🚨
Let's go and create a stunning visual hero section that showcases your work. Lots of interaction and mixing of components.
Get it here 👉
5
6
106
Yesterday I dropped this teaser about building multilingual websites in
@Framer
without using external tools or code components.
Today I'll show you how:
What if I told y’all there is a way to offer multilingual websites in
@framer
without using external services and thus benefiting from all that extra SEO juice.
9
0
33
5
7
103
We just went live with the biggest
@framer
site ever built. It's been such a great ride getting the whole of Mollie migrated to Framer. Happy to ditch that old ugly WordPress stack and be able to ship fast!
Welcome to a fresh ✨
Our product offering has grown beyond payments; we’ve shipped a new version of our website to match ✌️
New era, new look 🩵💜💛💚
4
4
51
14
1
100
🚨 Daily
@Framer
Drop 18/30 🚨
Learn how to create a responsive navigation in Framer - All without a single line of code
Get it here 👉
2
8
99
✨Create a side navigation✨
A quick tutorial on how to create a side navigation with
@framer
that shows on hover and can be toggled to stay open.
Get the remix at:
4
11
97
🚨 Daily
@Framer
Drop 17/30 🚨
Today I'll teach you how to: craft a splash screen that pre-loads your content? Simple, but the pesky reload every time you hit the homepage? Say goodbye to that after today's drop.
Get it here 👉
6
7
93
🚨 Daily
@Framer
Drop 15/30 🚨
Building a list of your favorite tracks using embeds – simple, yet oh so fun!
Get it here 👉
1
7
94
OMG I finally cracked the code how to update variant states of a component from within a different
@framer
component. This is going to be so epic 😍
11
3
85
It’s been just over a year since I started using
@framer
, and I've met a wonderful group of people. Here's my list of 8 known and lesser-known individuals and why you should definitely follow them on X:
0/8
12
6
83
Months ago, I started building MagicForm.
Today, I achieved the impossible: Conditional routing for your form with zero code. Just a click in the MagicForm component's properties panel in
@framer
Coming soon!
7
2
81
🚨 Daily
@Framer
Drop 11/30 🚨
Get a Complete Mega Menu for Your Shop - Totally for Free!
Obviously completely optimised for all breakpoints.
Get it here 👉
2
5
79
Still believe you need Typeform? Over the past few days, we've enjoyed discussing different form solutions for
@framer
.
Some were strongly in favor of Typeform, and naturally, I enthusiastically transformed them by incorporating some Typeform-like features into MagicForm.
If…
Hey
@framer
community help me out, what’s your preference and why?
MagicForm by
@JorisRood
or FramerForms by
@theryanhayward
5
0
6
8
3
79
⚡️Learn to build
@messagebird
's sleek dropdown menu without writing a single line of code! ⚡️
Check out this
@framer
tutorial that shows how to use interactions within nested components.
Be sure to follow me for daily updates on building amazing things with Framer.
4
5
77
Huge news! The year's most epic update to MagicForm is out now!
Introducing the game-changing feature: Conditional formatting for your
@framer
form, all with a few simple clicks (Watch me set it up in less than 30 seconds!)
Don't miss out, get it now at !
7
6
77
🚨 Daily
@Framer
Drop 25/30 🚨
Dropping a bit late, but it is here! The code override to Change variants from within a secondary component.
Big ups for
@FramerDev
for lending a hand with the code.
Get it here 👉
4
8
75
💭 As a SaaS founder, I'm blown away by
@framer
's ability to create micro-interactions that improve engagement.
Check out how slickly this 'sign up' CTA fades in when the big button scrolls out of view! 💥
4
1
75
🚨 Daily
@Framer
Drop 19/30 🚨
Creating a table of contents which highlights your scroll position.
Get it here 👉
5
4
74
The
@framer
community amazes me everyday. After one day, there are already 30+ signups on the waitinglist for the .
This really motivates me to double down on creating more and more Framer content.
Sign-up now and qualify for the early-bird offer :)
9
4
70
I have never met a friendlier group of people online than the individuals in the
@framer
community.
Love you all
13
2
69
🚀 Learn how to create an Upgrade modal within nested components 🚀
A new
@framer
tutorial. Get remix:
📝 This tutorial is a continuation of "How to Build a Side Navigation". Check out my profile for Part 1
5
8
70
✨Show sticky navigation on scroll ✨
A quick tutorial on how to display a sticky navigation element after scrolling to a certain view-height.
All created in
@framer
with zero code.
Watch the video tutorial or read the thread below
7
6
65
🚨 Daily
@Framer
Drop 21/30 🚨
Every cool new project seems to be working with Fixed Scroll animations on your features. Let's dive in and see how to recreate this effect in Framer.
Get it here 👉
1
2
66
🚨 Daily
@Framer
Drop 5/30 🚨
From Zero to Hero - The ultimate pricing page for your business
Get it here 👉 or read down below 🧵
2
4
65
Thinking about opening up for BETA launch tomorrow. Would love to continue building with the community.
What do you think about these categories for the
@framer
tutorials? Am I missing something?
9
1
65
Join me in building the largest website ever built in
@Framer
!
Working closely with the Framer team, we're proving that even large enterprises can run solely on Framer. But we're a man short and urgently need someone to help us out.
Want to join me on this unique adventure?…
8
3
59
🚨 Daily
@Framer
Drop 2/30 🚨
Learn how to create a cheeky CTA that'll make your prospects take notice.
Get it here 👉
4
2
59
Yesterday there was a vivid discussion about the Magic Text appearance in
@framer
. In todays drop I went beyond the basic approach of teaching and created a mega drop that teaches how-to natively, but also added multiple components for appearing words and letters.
#staytuned
.
2
1
57
🚨 Daily
@Framer
Drop 23/30 🚨
Working with code-overrides for your Framer components. A basic tutorial on how to create and add a code override.
Get it here 👉
4
4
55
🪄Introducing - The Range picker for MagicForm.
Completely customisable, just the way you'd like it.
Get it now at
7
2
53
🚨 Daily
@Framer
Drop 8/30 🚨
Create easy text highlights, completely customisable
through Framer, without needing to add a single line of code.
Get it here 👉
1
1
53
🚨 Daily
@Framer
Drop 9/30 🚨
Tired of messy FAQs? My latest drop lets you create a sleek, categorized section - powered by just one CMS and some clever filters.
Get it here 👉
4
3
52
Today marks the launch of MagicForm, the easiest form builder for
@framer
. Proud to say I could squeeze in a nice new feature already.
Added a background color on hover.
This gives such a nice and subtle effect while hovering the inputs. Check it out at
4
2
51
🚨 Daily
@Framer
Drop 3/30 🚨
How to make a perfect replica of the Swag menu - all in Framer and without using any line of code.
Get it here 👉 or read down below 🧵
3
2
51
Wow, I'm literally blown away right now! Just noticed
@framer
featured MagicForm in their top-notch academy docs. Not too shabby to be on that list with all those gazillion-dollar companies 😅
8
0
50
Boom! We're live! Can't imagine the velocity
@framer
brings to redesigning your website.
Check it out, folks. The sizzling new MagicForm website is here and it's on fire! 🔥
Who wants to check out the new MagicForm website and give some early feedback?
13
0
15
19
3
47
OMG we are 8 minutes in the
@framer
spring event and both MagicForm and
@MolliePayments
made it to the big screen. HYPED HYPE HYP
3
0
48
🚨 Daily
@Framer
Drop 16/30 🚨
I've been blown away by the response to my daily drops, and it's inspired me to bring Framer to the masses even more.
That's why I'm thinking about launching a new project called: Emptyspace Club. Here's where I'm at right now. What do you think?🧵
4
5
47
Almost ready to launch Framer Tutorial - my personal space for all
@framer
content.
It's going to be completely different then I envisioned at first, but that's the fun part about building innit.
🚀 Stay tuned for more updates on the launch!
10
2
46
⚡️ Okay MagicForm has just gotten a whole lot better once more.
You defo have to check this one out:
Conditional form logic for your
@Framer
forms. All straight from the properties panel and ZERO code required whatsoever.
7
2
45
🚨 Daily
@Framer
Drop 4/30 🚨
Today I'm releasing my new template: Flirt.
Flirt - with your prospects with this template specially designed for Framer.
Get it here 👉 or read down below 🧵
3
0
45
👀 So much fun designing these interactive bento grids for the new MagicForm site in
@framer
.
Great to be able to display little bits and pieces of the actual product in the marketing materials.
2
0
43
Just released a new MagicForm feature and this one is a banger!!!
🪄Automated confirmation emails to your subscribers on your
@framer
website with MagicForm.
Automatically send a confirmation email to the person who has filled in your form. So they know the submission has been…
3
2
43
🚨 Daily
@Framer
Drop 24/30 🚨
Everything you need to know about the Overflow: Scroll property.
Get it here 👉
4
2
41
🪄 Multi step forms in
@framer
? O YES! It is possible with .
Just updated the PRO plan, so make sure to get your copy and create awesome looking forms like this:
4
1
39
The last few days I’ve been working on a nice and clean interface for the tutorial section for the Emptyspace club. Let's take a look at the first setup of the CMS in
@framer
.
Any feedback? Or read on for more details
2
4
39
Want to earn at least $250,- a month for a year while doing no work?
Commit to a few free
@framer
templates right now in the:
- hospitality
- docs
- changelog
- podcast
categories
100% sure you’ll be able to eat out in a nice restaurant for free the coming 12 months of your…
8
0
38
I don’t really know who this guy is and what he does exactly, but boy
@shadcn
stuff is mad impressive!
2
0
37
Ive been a part of the
@framer
community for the past year and its been life changing. Going to ask a few persons a few questions. Here we go:
3
0
37
My friend Nandi posted this button today and I promised to remake this by combining both the power of
@framer
and .
It took me like 2 minutes to build this and after that I was already receiving the the submission in MagicForm🤯
So crazy to experience…
🤯 Look at this compact email button on the website.
I'm absolutely in love with it.
Drop a "☝️" if I should recreate this in
@Framer
.
20
5
150
5
4
36
Framer is the first tool that truly feels like a lifestyle to me.
3
1
36
A quick preview of how easy it is to receive formdata with the new MagicForm app. It just works buttery smooth with the MF component in
@framer
.
Need a few more nights for some power features and styling, but the BETA is open. Any testers out there?
5
0
36
I frigging love
@framer
! But please, push the boundaries and experiment more. We need to break free from websites that all look the same.
Take the time you saved by working with Framer and channel it into unleashing your creativity. 🙏
5
1
35
"I want to say something nice about MagicForm to
@jorisrood
"
This tweet is created by a button on my new Wall of Love ❤️
Yea or Nay?
8
3
35
Going to do something rad.
I’m giving away 2 yearly subscriptions to MagicForm for free!
Heck, I’ll even implement the form on your
@framer
website. I’ll make it the best form you’ve ever seen, simply to show everyone the power of the form component.
Follow me on twitter +…
2
2
35
Want to play around in
@framer
every day and get paid for it?
Now looking for a marketing designer that continues the work on the largest framer site.
2
5
34
😍 After my post yesterday it went nuts and we've already got 100+ signups for the early bird right now.
So decided to double down and started to work on the menu for the tutorial section.
Sign up for the early bird discount at:
1
0
34
Today, I reached a whole new level of understanding in the capabilities of
@framer
.
I'm beyond thrilled! Just streamlined the workflow for 30+ marketeers to mere seconds. Wondering how many levels I still have to unlock.
6
2
33
What if I told y’all there is a way to offer multilingual websites in
@framer
without using external services and thus benefiting from all that extra SEO juice.
9
0
33
🚨 Daily
@Framer
Drop 19/30 🚨
Learn how to: Show a featured blogpost on top of your nav-bar.
Have a announcement or want to get more click on your latest blogpost. Add a featured blogpost to your homepage on top of the nav-bar.
Get it here 👉
1
1
32
As you can see the options are numerous and even within a few hours of launching the whole design community is going crazy. For now I'll finish it off with the best example I've seen so far. Give some props to
@zee7
and his prompt:
@JorisRood
@framer
My prompt:
"Create a photographer portfolio, name is Alexandra, add bio, photo masonry grid, awards, big CTA to hire her.
Make it minimal and full width. Dark theme please. No shapes or graphics."
Live 🫣
5
0
36
2
0
32
🪄Just finalised the setup of the integrations. It's so cool to see how the MagicForm Framer component and the web app combined are ticking all of the boxes you'll ever need to manage form submissions in
@Framer
.
You are now able to:
- Create forms and manage submissions
-…
6
2
31
It was a pretty sad moment when I realised my
@framer
swag didn’t fit. Luckily I now have two pretty things to look at😍
5
0
32
Getting pretty happy with my Table of Contents for Emptyspace.
All automatically managed through the
@framer
CMS and will show your position according to your progress in the tutorial.
Any other features I should add to the ToC?
3
1
32
People been begging for this update for weeks and tonight is the night I finally sat down to finish this.
Changing the flex direction on the MagicForm component so you can actually create a simple horizontal form🪄
Directly added this to the new template library for MagicForm.…
2
3
30
Say goodbye to spammy emails on your forms! ✉️🚫
Introducing business email validation for MagicForm in
@framer
:
🔒 Easily validate on business emails
✨ It's so simple, it feels like magic!
4
0
31
What I like the most about the new MagicForm website?
Easily the new /academy section on how to get the most out of your forms in
@framer
.
2
1
31
So it’s been a week since I’ve launched - the easiest way to craft magical forms in
@framer
.
Let’s see what we’ve learned and achieved so far.
🧵A little thread
1
2
31