Import
Type or paste the import for the NPM package you’d like to use, then save your code file.
Build
While saving, Framer fetches your package. it’s ready to go by the time you type your next line of code.
Powered by JSPM
@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
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
Components
Write flexible React Components right in Framer’s built-in code editor. Learn more.
Give feedback and chat with the team.
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?