Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
  • Support
  • Using Framer
Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
  • Teams
  • Showcase
  • Developers
  • Resources
    • Tutorials
    • Examples
    • Components
    • Templates
    • Sessions
    • Support
    • Updates
  • Blog
  • Pricing
  • ···
    • Blog
    • Pricing
  • Support
  • Using Framer

Related Articles

  • Working with Arduino
  • Deprecated Code Component Width and Height Props
  • Differences between Preview and Export in code
  • Legacy Code
  • Code Editor

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.

Other Frameworks

Some frameworks like Vue.js, 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 possibilities.

Helpful?Was this article helpful?

0

0

Framer

  • Teams
  • Pricing
  • Showcasenew
  • Blog
  • Developers
  • Updates

Platforms

  • Web
  • macOS
  • Windows
  • iOS
  • Android

Learn

  • Tutorials
  • Examples
  • Templates
  • Sessions

Resources

  • Components
  • Input Kit
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2022 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement