Hunter
@huntercaron
Followers
2K
Following
11K
Media
103
Statuses
934
canadian person making small tools & thinking too much ✴︎ mostly corporate-posting as designer @framer
Amsterdam
Joined June 2012
hooked up a google sheet to draw in 3d, come hang out & draw some stuff .
13
35
366
Introducing Fetch in @framer. Leverage the power of APIs on your Framer site—without code. Learn more:
49
46
686
recently built an app to passively view channels on my tv. v nice when sitting on the couch ideating / iterating — will share if i can get a smooth login flow working
12
16
617
Nextjs now has experimental url/http import support 💫. no installing, just paste & play
16
50
417
🔎 Introducing Site Search for @framer — add super fast site-wide search to your site in seconds. Check out the update to learn more:.
24
38
400
a reminder that websites don’t have to be landing pages — come toggle this led in my rainy amsterdam apartment
13
18
258
got a nice api going for @threejs_org / react-three-fiber in @framer & easily getting some of the best parts of framer working out of the box. ☆ visual canvas / prop controls / child composition
11
30
222
was easier than ever to get react-three-fiber 5 working in Framer. hooked up @0xca0a's demo to a hue slider as a quick example, you can play with it here –
8
22
203
🩵 Code Blocks & Inline Code, now in @framer. Document, showcase and share your API references, wikis, guidelines and more without needing to write another line of code. Built right into the CMS editor and fully customisable on the canvas.
9
14
121
Add video thumbnails, share audio files, create download buttons and much more – now in the @framer CMS 🐋. Learn more:
12
13
122
riffed off @perilanglois's work & got composable react-three-fiber components working on the @framer web canvas 🌿 next step → prop controls
1
14
98
Fiddling around with some web AR on threejs. Currently I’m about a 2/10 on understanding either of those things.
2
19
101
few things excite me more than the ideas that new people bring to a space when tools become more approachable & easy to use. framer motion + react three fiber enabled this in their respective areas and now they've joined together. have a play, it's fun.
Framer Motion 3D 🔵🔴 has arrived!. It's easier than ever to add beautiful and interactive animations to 3D scenes, with this new animation library for React Three Fiber. Get started: Sandbox:
1
4
96
framer motion is wild cause i can animate search result ui then do visuals in a club later with the same api
3
1
92
✨ AI Translate your site however you’d like, to anything you’d like. AI Style for Localization now available in @framer .
2
10
92
Go wild with your CMS content and rest easy knowing your site will look just as you designed it. With Bold & Italic support in Text styles, Required Fields, Max Length validation and more. Now in @framer 🪁.
11
5
92
✴️ Localization 2.0 in @framer. Many new additions & improvements to the feature powering some of the biggest sites in Framer. ✓ Exclude Pages per Locale.✓ Localized CMS Slugs.✓ Localized Redirects.
9
8
88
we started laying the ground work for this feature almost 2 years ago – and today it is out there for everyone to try . can't wait to see what you all make 🌿.
Did you catch @leeerob showing off Framer components in production at #nextjsconf? 🤯 . We're excited to join @vercel in pushing the limits of what’s possible on the web with URL Imports ⚡ Check out the Framer Handshake beta to see how it’s done —
3
5
79
Never used Framer before and want to try to the Framer Sites beta? we’re looking for help testing the onboarding experience and will give you beta access – send me a dm if interested :).
15
5
75
🦩 New Conditionals and Transforms in @framer. Dynamically adapt your site design & layout based on your content in 3 brand new ways. ✔︎ Conditional Overlays? yup!.✔︎ Conditional Fill Colors? sure!.✔︎ Conditional Rotation? sounds fun, do itt.
5
7
75
Do you ever design components on your canvas and wish you could ship them directly to your production website? . We’re looking for teams to help test a new Framer feature. Reach out if you have a Nextjs site and know your way around Framer + React, ty!.
10
11
68
3
6
64
🌞 for folks on hdr displays & the latest chrome i made my website nice and bright for u. please enjoy.
17
2
57
nice find @lichinlin ! I hid some extra code in there for a part 2 guide I'm working on for remote controlled prototypes 😉
Preparing next week's @framer Taiwan workshop materials. just found out that chat library has a hidden dark mode feature🌛.@huntercaron why the color features are hidden 😆😆😆
3
7
55
real proud of the work by the entire team on this one, we're one big step closer to everyone being able to express their wildest ideas faster & more collaboratively than ever. try it out :).
Framer Web is here. It’s free, collaborative, no-code prototyping. Work fast with premade components and interactions from the Insert Menu. Visually perfect Magic Motion animations. Share links, thread feedback, and hand off animations. Get it for free —
1
1
50
last weekend i exhibited art i made in a physical space for the first time?? . a wild experience im v grateful for, especially being able to do alongside some extraordinarily talented & supportive people . if ur interested here's more about it ↓
4
4
44
with Framer for Developers, we created a tool focused on play & experimentation that leans into my favourite parts of the web 🌞. we made everything faster, rethought how code is shared and let you focus on the fun parts of building the web. also – there is more on the way.
Introducing Framer For Developers 🛠 Your home for all things code in Framer—see what’s new:. - 10x faster code editor.- NPM support (beta).- Smart Components in code.- Auto Size in code.- Sharing code with a link. Explore the rest —
2
5
41
new reactions coming your way ;).
3
3
42
a few of us at Framer have been experimenting with how new web tech can change how we build the web. today you'll see that @leeerob + the Vercel team are just as excited as we are 😌.
0
3
38
if you're into typescript I've added types for the js api wrapper to @ types/are.na . it has types for all the basic arena data structures – channels, blocks, groups, etc and gives you inline documentation / autocomplete
1
2
37
💆♂️.
Framer is coming to the web! Soon, designers and developers will be able to work in the same project file, leave pinned comments, and share with a single link. Want to be one of the first to try it? Join our Beta waitlist —
2
1
36
The new Framer API is really, really good. Hooks, Variants & MotionValues feel so much better than gsap & 1000 refs.
4
4
33
It’s been 2 years since Framer became a web builder so i will finally admit that Origami actually rocks sorry.
@bengold The real answer is code, but Origami is probably the next best thing. Play if you’re specifically targeting iOS prototyping.
4
0
35
finishing up Site Search for @framer and it currently takes about. ~5 seconds to add search to your site.
3
0
35
gonna start tweeting more of the stuff I do at Framer hereee apologies for corp-tweeting but new Framer things incoming 🔜.
3
1
30
Next step of what @blixt, @vovacodes and I have been working on. When you paste a component – you're pasting a compiled react component, imported with an es modules url import. This begins a network of components that are built to be instantly shared & used via web standards.
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 —
4
3
31
it’s been a biggg week for localized websites 🌐. looking forward to seeing the impact of it being much easier to make the web feel more local — we poured a lot of love into it @ framer and im v proud of what our team was able to achieve
🌎 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
0
30
i could walk into a dutch doc with 3 broken legs and they'd tell me to be less stressed and take a paracetamol.
1
0
29
@wongmjane @wSokra we've been using it for a little while now @framer since the Webpack experiment flag to enable stuff like its v v nice work from the Next.js team.
0
0
27
we're currently looking for a few people who are new to Framer to help test some ✨new features✨ over a call in the next week or so. Please DM if you're able to help out, ty!.
3
7
28
for now you need to add this to your next.config and then you're good to go
1
0
26
i used to think no-code would steer you into creating stuff that all looks the same or be way too hard to use . but holyy, I think we’re pretty clearly disproving this.
👀 Spice up your @framer sites with stickers that animate when you scroll the page. Remix the project and customize the stickers to fit your style →
1
0
26
is this. real footage of me designing Localization in @framer? we’ll never know
💥 Introducing our brand-new video series that spills the secret sauce behind our killer features. Join @mattgperry in the first episode as he interviews @huntercaron, revealing the game-changing features for creating your documentation in Framer.
1
0
25
👋 come build keynote for websites with us.
🚀 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.
0
1
24
forget trying bun 1.0 im still thinking about how cute their first site was & what could have been 🥲
2
0
24
the biggest high of making tools is enabling people to make cooler stuff than I ever could.
1
0
22
how do I get rid of the step in my design process where I just need someone to tell me it’s bad.
3
2
18
@derlukasg I put together an example using Framer motion 2 for Gatsby page transitions here :) let me know if you have any Qs .
1
3
17
listen to me & @mattgperry spill the secret sauce 🍝 . a peek into how we think about building our recent Site Search, Code Blocks, and Inline Code features.
💥 Introducing our brand-new video series that spills the secret sauce behind our killer features. Join @mattgperry in the first episode as he interviews @huntercaron, revealing the game-changing features for creating your documentation in Framer.
0
1
18
judging by the Albert Heijn shelves, dutch people are only planning to eat plain pasta for the next month.
2
0
19
honestly just a two floor meth lab.
Canada must feel like they live in an apartment above a meth lab.
0
0
19
pretty wild to see the shift javascript/esm url imports are bringing to the web. they're putting the best parts of using the web into code – its all just copy/pasting links . sharing & playing with code on the web has less friction than ever and there is so much more we can do.
1
1
19
who am i kidding tho i went right to sleep after shipping site search and the visuals are from a few months back.
1
0
17
this is the first thing I've put real work into @framer so far and i'm really interested in seeing all the wild & weird things you all make with it as it rolls out.
0
0
18
For anyone creating email templates to send political representatives, you can use this tool to create & share links that create a new email with the template ready to send
0
6
17
@AREdotNA would be nice to have a /me endpoint for the rest api, or public usage for the graphQL api. currently had to reverse engineer the authenticated /me graphQL request to get user id / so i can fetch personal list of channels.
2
0
17
great to see recent libraries like @observablehq's plot or @gordonnl's OGL put esm url workflows up front in their readme. once you've tried out a lib via a url its hard to imagine ever wanting to `npm install` ever again
1
2
15
how do I stop sounding like a cheap tour guide when recording walkthrough vids.
1
0
15
It’s been just over a month since moving here and I’ve come to the conclusion that SF isn’t a real place.
2
0
16
of course by making anything easier, it has the possibility of influencing creation towards the most easiest flows. these tools balance the 'hook' of being able to quickly make something satisfying, then naturally guiding people to the techniques they need to create unique things.
2
0
14
had a v v lovely week chatting Framer to folks back home in Toronto. back in NL now but wanted to say thank you to @DesignedByPaul, @mattjumper, @JaimeAoyagi, @mo_connection, @amirmxt, @tahahossain_ (+ a few other folks at @madebydaybreak), & more i’m surely missing!.
2
1
15
fun fact, the "sending" animation is fake, just trying to compensate for the incredibly bad latency of how i've set this up.
2
0
15
anyways im beyond excited about the ideas that our small team has pulled off. im incredibly grateful to work with @blixt and @vovacodes every day – their ideas will push the industry forward. excited to see what you all make & what you think of whats coming next.
0
0
15
my lord are big SaaS brands really using crummy AI images like this on marketing pages now?. kinda bonkers. you have funding.
5
0
15
motion 2 is an absolute joy to use - incredible work by @mattgperry . give it a try & show us what you make :).
🚀 Framer Motion 2 is here!. With the new layout animation API, anyone can automatically animate between layouts and even completely different components. Dive into the docs to see what's new:
0
0
13
i love looking at stuff our team is doing and thinking. how in the world is that even possible?? they did that?? . happens a lot here recently. v v nice work Tom & the rest of the team on this.
Working on this was a super fun challenge!. The whole thing works without a backend - we built a custom db where data/indexes are just static files on S3. Queries dynamically load data from these files as needed via range requests, so we only load the bare minimum of data needed.
0
1
14
once the winter darkness hits not a single tweet makes it out of drafts.
1
0
14
toronto folks! I’ll be in town for the Framer meetup next week. if you’re in town and either: . 1. you love Plugins & want to build some .2. you / your team is thinking about trying Framer & would like a demo . let me know!.
1
2
14
the idea im most excited about is how we solved sharing. every code file you create can instantly be imported into any other code file, inside or outside of @framer . with the copy import button in the toolbar, you're copying a sharable an esm import statement that works anywhere
1
1
14
My somewhat conservative grandma just asked how the family feels about Stormy Daniels breasts. Happy Easter 🐣.
0
0
13
just wait till students start figuring out that gpt-3 can triple your essay word count in a few seconds.
1
1
13
"we should enable as much discussion as possible" is a disturbingly spineless position thinly veiled as some free speech high road.
0
0
13
you can see the amount of care put into this one 🔬 super useful for quickly bootstrapping stuff.
Published a handy little component to the @framer store. - Add swipe actions underneath any Frame you attach it to. - Handles dragging/snapping math. - Customise sizing, shape, animations, icons, colours, etc. Enjoy🤘.
0
0
13
