Framer
  • Support
  • Using Framer
Framer
  • Learn
    • Speedruns
    • Starter Kit
    • Examples
    • Tutorials
    • Sessions
  • Teams
    • Teams
    • Enterprise
  • Pricing
  • Blog
  • Updates
  • Support
  • Support
  • Using Framer

Related Articles

  • Code Editor
  • Using Code Overrides
  • Using JSON data in Framer
  • Working with live data
  • Using SVGs in code

Working with non-React components in Framer

Framer internally uses React to describe and render components. However, in some cases, you can write a generic React wrapper for JavaScript components that you want to use in Framer.

Note: the suggestions in this article often rely on using npm dependencies in your project, which is currently a feature only available in the desktop app to those on the Pro or Enterprise plan.

Web Components (Stencil/Polymer)

Since Web Components are simply HTML, it is pretty easy to use them in Framer. Check out this article to learn how to set up a Design System using Stencil Components.

You can also check out this package to see an example of Polymer components in Framer.

Vue.js

Frameworks like Vue require a bit more work to set up, but are still possible to use. Check out this package to see an example of Vue.js components in Framer.

Other Frameworks

Some frameworks like React Native, Angular, and Preact aren’t directly possible to use in Framer, but are still on our radar for us to further explore the possiblities.

Helpful?Was this article helpful?

0

0

Framer

  • Updates
  • Pricing
  • Tutorials
  • Teams
  • Enterprise
  • Blog
  • Motion

Platforms

  • Web
  • macOS
  • iOS
  • Android
  • Figma Importing
  • Sketch Importing
  • User Testing
  • Desktop PrototypingNew

Resources

  • Examples
  • Sessions
  • SpeedrunsNew
  • Packages
  • Volt
  • API
  • State of Prototyping
  • Wireframing Tool
  • Mockup Tool
  • Dictionary

About

  • Loupe
  • Community
  • Company
  • Careers
  • Security

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2021 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement