Develop your own nodes
Nodes aim to be interconnected. Following this idea, anyone can develop nodes that will work within the ecosystem. Check the documentation and contact me if you have any questions. You can also submit your Node to the Store.
Insert
Layout
Text
CMS
Actions
Publish
Pages
Layers
Assets
Components
Project
Node
MyNode
Styles
Code
MyNode.tsx
Home
MyNode.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import { ControlType, addPropertyControls } from "framer"
import { useNodeInput, useNodeOutput, Node } from "framer-nodes"
export function Product({input}) {
const [values] = useNodeInput(input);
const [output, setOuput, deleteOutput] = useNodeOutput(
values.reduce((total, value) => total * value, 1)
);
useEffect(() => {
return () => { deleteOutput() }
}, [])
return <Node />
}
addPropertyControls(Product, {
input: {
type: ControlType.Array,
control: {
type: ControlType.ComponentInstance,
},
},
})