benjamin Profile Banner
benjamin Profile
benjamin

@benjaminnathan

Followers
26,226
Following
550
Media
359
Statuses
1,713
Explore trending content on Musk Viewer
Pinned Tweet
@benjaminnathan
benjamin
9 days
Framer Pro
Tweet media one
65
14
623
@benjaminnathan
benjamin
2 years
💙 Introducing Scroll Transforms in @framer . Design expressive landing pages with complete control over the scroll position. All powered by Motion. Create sites with incredible fidelity. Watch the video here:
44
105
1K
@benjaminnathan
benjamin
2 years
🎁 Updated with Motion Text.
15
65
931
@benjaminnathan
benjamin
2 years
🫰 Motion Text for @framer ✓ Animate letters, words, lines ✓ Custom stagger and transition ✓ Powered by Framer Motion Made with @hemlok_
31
59
873
@benjaminnathan
benjamin
2 years
✨ meet add some pizzazz to your sites with these funky components for @framer . available in a single place for easy copy and pasting. includes a bunch of brand new components: color cycle, random color, noise, grain and squircles. have fun!
25
61
864
@benjaminnathan
benjamin
3 months
Messages
Tweet media one
50
9
847
@benjaminnathan
benjamin
11 months
✨ Introducing Relative Overlays, a completely new way to design navigations in @framer . Create dropdowns, menus, and tooltips within minutes. Watch the video below to learn more!
55
66
839
@benjaminnathan
benjamin
2 years
✍️ animator for @framer is now available! copy and paste on the canvas to add to your project. animate any graphic path, and combine with appear effects for even more expressive animations. put together a lil page with demos here:
18
54
735
@benjaminnathan
benjamin
1 year
🫰 meet high quality navigation patterns for your next @framer site. get started in minutes with one of the 10 interactive demos, and learn how they were made via the accompanying videos. happy publishing!
38
70
733
@benjaminnathan
benjamin
1 month
New @framer app icon. Coming soon.
Tweet media one
38
12
696
@benjaminnathan
benjamin
2 years
🖤 Introducing all-new effects in @framer . Hover, Press, Drag, and Loop. Add stunning interactions and animations to your sites in seconds. Watch the video here:
34
42
674
@benjaminnathan
benjamin
2 years
✨ just published an update to Animator that allows you to hide the "end circle" of paths with a round strokeLinecap. get the latest:
6
30
650
@benjaminnathan
benjamin
4 years
We just shipped Framer Web! Incredibly proud of the @framer team—a ton of work went into this release. We’d love to hear your thoughts.
29
41
563
@benjaminnathan
benjamin
2 years
Here’s a new @framer demo showcasing the types of interactions and animations made possible by today’s release. Motion meets Framer. ✓ Scroll Speed ✓ Scroll Animation ✓ Scroll Variants ✓ Appear Effects ✓ Smooth Scroll
11
47
554
@benjaminnathan
benjamin
1 year
💛 Super excited to announce a @fontshare_com × @framer integration. All Fontshare fonts are now available directly within Framer. Many thanks to our friends at @itfoundry . Craft exceptional websites with best-in-class typography. Only in Framer.
46
48
557
@benjaminnathan
benjamin
4 years
We also have something new coming to macOS soon—be sure to follow @framer to stay in the loop!
Tweet media one
13
11
553
@benjaminnathan
benjamin
10 months
💙 Page Effects are now available in @framer . Built on top of View Transitions, we’re one of the very first tools allowing you to animate between pages visually. Check out the video to learn more!
33
38
546
@benjaminnathan
benjamin
3 months
Chrome
Tweet media one
48
3
540
@benjaminnathan
benjamin
2 years
🌗 Coming soon to @framer —theming. One of our most requested features. Design a light and dark palette, then use within your pages, components, effects, icons, and more. Framer handles the rest. Stay tuned.
34
30
524
@benjaminnathan
benjamin
2 years
🖤 Typewriter for @framer ✓ Spell out letters or words ✓ Customize text and cursor styles ✓ Render as H1, H2, H3 or P
11
36
517
@benjaminnathan
benjamin
11 months
🍬 New in @framer . Effects, now in Components.
66
50
512
@benjaminnathan
benjamin
2 years
Slideshow 2.0 for @framer . Drag support, negative offsets, new layout options for controls, and more. Coming soon!
17
24
510
@benjaminnathan
benjamin
4 years
We’ve been working hard on making high-fidelity prototyping in Framer simple, expressive and fast. Here’s an example of the types of interactions you can now design visually using Magic Motion, Interactions and Components. No code!
13
49
497
@benjaminnathan
benjamin
24 days
Dither Plugin for @framer with @darkroomdevs .
Tweet media one
22
22
500
@benjaminnathan
benjamin
8 months
Custom Cursors. Now in Framer.
58
45
455
@benjaminnathan
benjamin
4 months
Visually design motion-powered inputs. Only in Framer, soon.
26
21
448
@benjaminnathan
benjamin
2 years
⚡️ Updated with the new Slideshow video.
Tweet media one
7
23
440
@benjaminnathan
benjamin
2 years
✨We’ve worked with the @LottieFiles team to create a new @framer integration for DotLottie files. Add incredible animations to your websites with tiny file sizes. Play on hover, click, scroll, or automatically.
9
49
429
@benjaminnathan
benjamin
1 year
💜 Meet the new Input component for @framer . Easily capture email signups on your sites. Supports @sendwithloops , @Mailchimp , @formsparkapp , and @getwaitlist . You can redirect to any page on submit, giving you full creative control over the success state.
27
21
425
@benjaminnathan
benjamin
2 years
🫰 just updated with the new sticky scrolling video.
Tweet media one
6
27
412
@benjaminnathan
benjamin
1 year
🆕 @lmsqueezy × @framer . Start selling products in seconds. Available now.
22
26
416
@benjaminnathan
benjamin
1 year
Today, we shipped a major canvas performance update @framer , made possible by a completely new renderer. This makes the editing experience much faster, especially within huge projects.
Tweet media one
20
20
413
@benjaminnathan
benjamin
2 months
Introducing Text Effects in @framer . Your message, now in motion.
Tweet media one
33
23
415
@benjaminnathan
benjamin
5 months
Masking, now in @framer . Alpha masks, luminance masks, and compositing multiple masks. And they animate, too.
Tweet media one
53
38
403
@benjaminnathan
benjamin
6 months
Introducing 3D Transforms. Now in @framer .
28
38
400
@benjaminnathan
benjamin
2 years
🪂 New @framer airdrop—just added Arc Text to . Quickly copy and paste it onto your project, or remix the linked demo project containing all three examples: Circle, Ellipse and Custom Path.
4
20
393
@benjaminnathan
benjamin
2 years
✨ new @framer component: arc place and animate text on a circle, ellipse or custom path. animate using motion or svg. great for badges! even keeps your text selectable. no need for wrapping frames or code overrides. made with @hemlok_ remix here:
12
25
393
@benjaminnathan
benjamin
6 months
7
26
390
@benjaminnathan
benjamin
1 year
⚡️We just shipped a set of amazing performance improvements @framer . Your projects are up to 2X faster to load and edit, use less memory, and your sites will perform even better once published, too. See our full changelog here:
Tweet media one
20
20
380
@benjaminnathan
benjamin
2 years
💛 meet morpher for @framer smoothly morph flat shapes into one another. combine with appear effects. copy and paste on the canvas to add to your project, or remix my demo to start playing. made together with @mattgperry
3
25
364
@benjaminnathan
benjamin
2 years
🫠 Updated with the new Layout intro.
Tweet media one
9
12
365
@benjaminnathan
benjamin
2 years
🌞 Introducing all-new Color Styles with Themes in @framer . Create a Color Style, define a Light and Dark version, then use throughout your project. Your site will adapt automatically. One of our most requested features. Watch the video here:
31
28
360
@benjaminnathan
benjamin
11 months
⚡️ Excited to introduce our completely re-engineered preview, optimized for performance. Even in huge sites, your pages should now load instantly. No more staring at loading spinners.
Tweet media one
28
16
362
@benjaminnathan
benjamin
2 years
a tool in which you can draw any path, animate it with @framer motion and publish to the web in seconds? 🧐
11
27
358
@benjaminnathan
benjamin
5 years
We’ve been working on a complete refresh of the Framer interface for a few months now, and it’s finally available in Beta! I’d love to hear your thoughts.
Tweet media one
16
30
359
@benjaminnathan
benjamin
6 months
18
13
356
@benjaminnathan
benjamin
3 months
— try all my @framer form demos.
Tweet media one
23
21
358
@benjaminnathan
benjamin
2 years
✨ Updated with the Quick Insert video.
Tweet media one
8
17
347
@benjaminnathan
benjamin
4 years
New in Framer Motion 2.3: useMotionTemplate. This allows you to combine multiple MotionValues into a single string, which is useful for animating properties like shadow. See an example below!
4
40
346
@benjaminnathan
benjamin
2 years
✨ something i’ve been tinkering on with @hemlok_ for @framer : a new arc component that allows you to place text on any path. you can edit the path in realtime and see how the text adapts. plus, you can animate along your path and create infinite loops. really fun!
6
27
348
@benjaminnathan
benjamin
1 year
🖤 Introducing Fit Text for @framer . Design bold headings that scale to fit. Works with any font, supports multiple lines, supports min and max widths, and is extremely performant. Very proud of this one. Amazing work by @hemlok_
23
23
347
@benjaminnathan
benjamin
6 months
This @framer update introduces Variable support for all Styles. We’ve added 12 new Variables, including Border, Shadow, Transition, and many more. Your components just got more powerful.
Tweet media one
44
22
342
@benjaminnathan
benjamin
2 years
🫠 ported cobe by @shuding_ to @framer with some extra properties to customize layout and style. pretty fun to play with! you can customize the drag transition with Motion’s useSpring.
8
25
336
@benjaminnathan
benjamin
3 years
✨ We’re adding 3D Effects to the @framer sites beta. Here’s a quick look at how it works. Coming soon! Live demo:
17
24
336
@benjaminnathan
benjamin
7 months
Arcs
18
13
332
@benjaminnathan
benjamin
3 years
✅ 1 Component ✅ 3 Variants ✅ Auto-Sizing ✅ No Code
6
12
332
@benjaminnathan
benjamin
4 months
Forms, coming soon to @framer . Uniquely flexible, customizable, reusable, and secure. Stay tuned.
Tweet media one
21
4
329
@benjaminnathan
benjamin
1 year
💙 They’re finally here. Multi-Stop and Conic Gradients. Now available in @framer , as part of the July Update.
Tweet media one
43
32
326
@benjaminnathan
benjamin
8 months
7
2
321
@benjaminnathan
benjamin
2 years
✨ New in @framer : Slideshow 2.0 with drag support, new layout options for controls, and more. Watch the video and grab the remix on YouTube.
10
20
318
@benjaminnathan
benjamin
2 years
🫠 we get a surprisingly amount of requests for infinitely looping ticker thingies so here’s a lil demo, powered by a simple @framer motion override.
8
23
310
@benjaminnathan
benjamin
2 years
playing with animated squircles in @framer —ultimately outputs a motion.div, meaning you can leverage all of the motion APIs too
5
24
306
@benjaminnathan
benjamin
2 years
🪂 New airdrop. ⤷ Text Mask—mask text with custom images. ⤷ Easing Gradients—custom curves, color models, steps.
Tweet media one
8
17
309
@benjaminnathan
benjamin
10 months
🖤 New in @framer —you can now add Variables to Stack properties like Align, Direction, Gap, Padding, and more. Plus, all of your animations will now keep working in the Preview, pinky promise.
Tweet media one
33
22
307
@benjaminnathan
benjamin
1 year
🖤 Introducing Viewport unit support for Min Height and Max Height in @framer —unlocking new types of desktop navigations. Watch the video tutorial or remix the demo to learn more.
7
15
300
@benjaminnathan
benjamin
4 years
Big week for us at @framer . To celebrate our upcoming releases—here’s a couple of new app icons! Coming soon.
10
10
294
@benjaminnathan
benjamin
2 months
doodles in @framer
22
23
300
@benjaminnathan
benjamin
2 years
🫰 we just shipped a huge @framer update with tons of experience improvements, quality-of-life features and general fixes—with more updates coming later this week. see highlights here:
Tweet media one
7
25
291
@benjaminnathan
benjamin
1 year
🔢 New in @framer : support for H4, H5, and H6 Text Styles. Plus, all Text and Link Styles are now optional, meaning you can keep your templates cleaner than ever, and only include the ones you use.
Tweet media one
20
11
294
@benjaminnathan
benjamin
4 months
Motion 11 in @framer .
Tweet media one
9
16
296
@benjaminnathan
benjamin
2 years
😌 introducing particles for @framer add some pizzazz to your sites with the magic of @tsParticles . create static, animated and/or interactive particles, and explore infinite combinations via the property panel. its fun! demo page:
12
25
291
@benjaminnathan
benjamin
2 years
Layered Clip Component in @framer
9
15
285
@benjaminnathan
benjamin
2 years
👊 pushed some updates to the slideshow component! you can find it in our insert panel, next to its siblings: carousel and ticker.
Tweet media one
4
13
272
@benjaminnathan
benjamin
1 year
🖤 New in @framer —design side scrolling navigations without any variants. The additions of Overflow X and Overflow Y, plus a new Scrollbars property, unlock new types of navigation patterns.
17
19
276
@benjaminnathan
benjamin
4 months
CMS Pagination, now in @framer . Add infinite scrolling or a “load more” button with a single click. Customize everything down to the spinner itself.
Tweet media one
40
29
275
@benjaminnathan
benjamin
5 months
Today’s @framer update brings dynamic rotation and resizing cursors, better automatic nesting, seamless previewing, and layout tools that can project in 3D. Watch my little overview video below to learn more.
15
24
273
@benjaminnathan
benjamin
1 year
updated the 🌞 component for @framer → you no longer have to add text layers to your page to use custom fonts, the component can now load any web font
9
14
272
@benjaminnathan
benjamin
2 years
🫠 heading for @framer easily create fluid text that scales to your viewport, with a min and max size. pure css and fully compatible with smart components and effects. copy the component link or remix my demo to get started
6
19
270
@benjaminnathan
benjamin
4 years
Magic Motion also unlocks "masking" transitions in Framer. Every Frame has an Overflow property that makes animations like these very simple to set up.
9
20
268
@benjaminnathan
benjamin
5 years
I just published a brand new package that I’ve been working on with @mattgperry and @blixt called Morpher. It allows you to animate between shapes drawn directly on the Canvas—it’s a lot of fun to play with, and I’m very excited to have it out there.
5
29
261
@benjaminnathan
benjamin
3 years
🌞 Collected my recent @framer videos on a little page for easy access (and fun):
9
28
263
@benjaminnathan
benjamin
1 year
🎁 Updated with 2 new patterns and a completely refreshed desktop navigation demo. The previous one required 4 components, this has just 1, thanks to recent @framer updates.
Tweet media one
8
18
252
@benjaminnathan
benjamin
9 months
💙 Looking to try @framer over the holidays? I’ve made a new beginner tutorial showing you how to make your first site from scratch. Follow along, it’s fun!
Tweet media one
13
15
253
@benjaminnathan
benjamin
8 months
Shipping with @hemlok_ later today.
Tweet media one
23
8
255
@benjaminnathan
benjamin
2 years
January was full of incredible performance improvements @framer . This release makes your sites up to 2X as fast.
Tweet media one
11
7
254
@benjaminnathan
benjamin
2 years
mini demo of the new magic tinting feature in @framer remix →
13
14
249
@benjaminnathan
benjamin
2 months
We refreshed the publishing experience in @framer . You can now publish to production without jumping into settings, see realtime optimization status, and catch errors before publishing. Safer, yet faster.
Tweet media one
31
16
254
@benjaminnathan
benjamin
2 years
✨ Today, we’re adding Scroll Animations to @framer . This is a huge update that brings much of the magic of Motion to Framer and unlocks a new level of interactive output. We’re very excited to share this with you. Watch the video here:
Tweet media one
14
11
248
@benjaminnathan
benjamin
9 months
🖤 You can now design your own patterns directly within @framer . We’ve added a new Tile option to Image Fills, and have included a bunch of scalable preset patterns to pick from as well.
Tweet media one
24
32
249
@benjaminnathan
benjamin
2 years
✨ Coming very soon to @framer sites: overlay support. Check out this overview video to get a sneak peek of the new patterns it unlocks!
18
19
244
@benjaminnathan
benjamin
2 years
🫠 syntax for @framer add code snippets to your landing pages or share code snippets via mini-sites. comes with multiple themes, including a custom one by me. uses highlight.js for most languages, and prism.js for jsx and tsx. made with @hemlok_
Tweet media one
11
24
242
@benjaminnathan
benjamin
4 years
Magic Motion also enables animation orchestration in Framer. Instead of designing your transitions from A to B, you can add intermediate states to create more unique (or detailed) interactions. See below for a few examples.
6
22
239
@benjaminnathan
benjamin
9 months
That’s a wrap! Final @framer release of the year. 12/12 months of quality updates. It’s been a fun ride. See you all in 2024.
Tweet media one
21
4
240
@benjaminnathan
benjamin
11 months
We’ve added collision detection and nesting support to relative overlays in @framer . Combined with our dynamic safe area and effects, you can now design incredibly polished menus in minutes.
14
23
239
@benjaminnathan
benjamin
2 years
✨ We just shipped the February Update @framer , adding automatic background tinting and new layout options for Components, plus a whole lot more. Learn more:
Tweet media one
12
8
234
@benjaminnathan
benjamin
9 months
🖤 Introducing the new Page Panel in @framer with nesting and folders, making larger projects much easier to manage.
31
19
234
@benjaminnathan
benjamin
3 months
Forms, now in Framer. Watch the video here.
18
17
236
@benjaminnathan
benjamin
2 years
💜 New in @framer : Domain Connect. Add custom domains to your websites with a single click. No more manual fiddling with DNS records.
Tweet media one
20
14
228
@benjaminnathan
benjamin
8 months
New in @framer —a brand new Creative Section, giving you easy access to playful elements like Arc, Scribbles, Fit Text and more.
Tweet media one
30
18
231
@benjaminnathan
benjamin
2 years
🫰 updated with the new smooth scroll video
Tweet media one
0
9
228