Instant NPM Beta

Instant NPM Beta

Instant NPM Beta

Instant NPM Beta

Endless possibilities with NPM support

Endless possibilities with NPM support

Endless possibilities with NPM support

Endless possibilities with NPM support

Just add your import and hit save.

Just add your import and hit save.

Just type your import and hit save.

Just add your import and hit save.

Import

Import

Import

Import

Type or paste the import for the NPM package you’d like to use, then save your code file.

Type or paste the import for the NPM package you’d like to use, then save your code file.

Type or paste the import for the NPM package you’d like to use, then save your code file.

Type or paste the import for the NPM package you’d like to use, then save your code file.

Build

Build

Build

Build

While saving, Framer fetches your package. it’s ready to go by the time you type your next line of code.

While saving, Framer fetches your package. it’s ready to go by the time you type your next line of code.

While saving, Framer fetches your package. it’s ready to go by the time you type your next line of code.

While saving, Framer fetches your package. it’s ready to go by the time you type your next line of code.

Powered by JSPM

Powered by JSPM

Powered by JSPM

Powered by JSPM

Instant NPM Verified

Instant NPM Verified

Instant NPM Verified

Instant NPM Verified

Packages verified to work in the Framer code editor & canvas.

Packages verified to work in the Framer code editor & canvas.

Packages verified to work in the Framer code editor & canvas.

Packages verified to work in the Framer code editor & canvas.

@chakra-ui/react

A simple, modular and accessible component library

Open Example

@mui/material

A simple, customizable, and accessible library of components

Open Example

@react-three/drei

Useful helpers for react-three-fiber

Open Example

@react-three/fiber

A React renderer for three.js.

Open Example

canvas-confetti

On-demand confetti gun

Open Example

firebase

Use realtime data & app-like features.

Open Example

lodash-es

ES modules compatible Lodash

Open Example

react-aria

Accessible UI primitives for your design

Open Example

react-chart-js

React components for Chart.js

Open Example

react-confetti

Confetti without the cleanup

Open Example

react-hook-speech-to-text

Transcribe microphone input into text

Open Example

react-markdown

Markdown component for React

Open Example

react-select

A flexible Select Input control

Open Example

react-tsparticles

Create highly customizable particles animations

Open Example

react-use-measure

Utility to measure view bounds

Open Example

slate

A customizable framework for building rich text editors

Open Example

styled-components

Style your components without stress

Open Example

supabase

The Open Source Firebase alternative

Open Example

tone

Create interactive music in the browser

Open Example

@project-serum/anchor

Framework for Solana's Sealevel runtime

Open Example

@solana/web3.js

Interface with the Solana Javascript API

Open Example

@zoralabs/nft-components

Easily create your own gallery or auction house

Open Example

Airtable

Simple interface for the Airtable API

Open Example

rumble-charts

Components for building composable and flexible charts

Open Example

Go beyond.

Use NPM packages anywhere you code.

Go beyond.

Use NPM packages anywhere you code.

Go beyond.

Use NPM packages anywhere you code.

Go beyond.

Use NPM packages anywhere you code.

Components

Components

Components

Components

Write flexible React Components right in Framer’s built-in code editor. Learn more.

Write flexible React Components right in Framer’s built-in code editor. Learn more.

Write flexible React Components right in Framer’s built-in code editor. Learn more.

Write flexible React Components right in Framer’s built-in code editor. Learn more.

Discord

Give feedback and chat with the team.

Give feedback and chat with the team.

Give feedback and chat with the team.

Give feedback and chat with the team.

FAQ
Will I be able to use any package?
Does it support Typescript?
How do I select a specific version?
How does it work?
Can I add to the Verified list?