Instant NPM Beta
🌞 Welcome to the Instant NPM Beta!

Imagine a code editing experience where every npm dependency is at your fingertips, all you need to do is type an import statement for your favourite library and its already ready to use before you type your next line. This is the goal we started with for Instant NPM, Framer’s official NPM support in the code editor.

We’re using the latest tech in order to pull off this experience which means not all packages on NPM are ready for it and we need need your help to test! Please try out all your normal packages you’ve been waiting to try in Framer, and let us know if you get stuck!

ℹ️ How do I use it?

Type an import for any package on NPM, hit save, and you’re good to go!

eg. import Tone from "tone"

🗯️ Join the Discord

Message Hunter#8565 on Discord to be added to the #npm beta channel

🙆 How can I help?

  • Message Hunter#8565 on Discord to be added to the #npm beta channel
  • Does a package work perfectly?
  • Does a package not work properly?
  • Let us know and we’ll look into it! Thank you!
  • Anything weird in general? 
  • Please let us know!

FAQ

  • Will I be able to use library X?
  • Most likely! As long as it is an ESM compatible package
  • Is it fast?
  • Instant!
  • Does it support TypeScript?
  • It sure does! Types are loaded automatically
  • How do I select a specific version?
  • Coming soon-ish
  • Library X doesn’t work
  • Please let us know!
  • Why do I see a red error underline on my imports?
  • This happens before types are loaded for your import, we’re working on improving this!
  • Feel free to drop comments on this section with more questions!


Instant NPM Verified

A list of dependencies that are verified and tested for use with Instant NPM.
Want your dependency added? Message/tweet/call @Hunter C

  • react-use-measure
  • canvas-confetti
  • tone
  • react-sunbeam