Guide
Why
Getting Started
API
Button
FramerPlugin
FramerPluginProvider
Icon
ListControls
NumberControls
SegmentedControls
Separator
Spinner
TextControls
useAutoSizer
useDebounce
useDebounceValue
useSelection
useStore
useTheme
asNumberOr
capitalizeWords
Component
A component that integrates with Framer to provide plugin functionality.
<FramerPlugin name="My Plugin" autoResize={true} showOnMounted={false} uiOptions={{ position: 'bottom left', width: 300, height: 100 }}> <div>Plugin Content</div> </FramerPlugin>
autoResize?
Whether the plugin should auto resize.
type
boolean
default value
false
name?
The name of the plugin.
string
showOnMounted?
Whether the plugin should show on mounted.
true
uiOptions?
The options of the UI interface.
Omit<UIOptions, 'title'>
{ position: 'top right', width: 240, height: 95 }