Noder

 

Remix it

 

Noder

Developer

Store

 

Remix it

 

 

Type

All

Text

Output

Text

Input

Text

Transform

Text

Source

Official

Text

Community

Text

Store

All

All Nodes

Display text output

i

Remix it

Arrange datasets into bar charts

Mabe by

Remix it

Value

Input a number or text value

i

Remix it

Datasets

Input values from CSV format

i

Remix it

Form

Input value from a Typer form

Mabe by

Remix it

absolute

Return the absolute value of a number

i

Remix it

round

Round the number to the nearest integer

i

Remix it

truncate

Truncate the number by removing any fractional digits.

i

Remix it

count

Count the item amount.

i

Remix it

sum

Return the sum of all values.

i

Remix it

average

Return the average of all values.

Mabe by

Remix it

multiply

Multiply all the values by each other.

i

Remix it

divide

Divide all the values by each other.

i

Remix it

Max

Returns the largest number

i

Remix it

Min

Returns the smallest numbers

i

Remix it

Random

Return a random item from the selection

i

Remix it

Find

Return items based on a Regex Search

i

Remix it

OR

Return the first available Item

i

Remix it

 

 

Develop your Node

Looking for a specific node for your project? You can create yours! Everyone can develop their own nodes that work with the ecosystem.

 

Try it out

 

Remix it all for free

The Nodes are free. Don't wait! Remix the full kit of Nodes now.

 

Remix it

 

 

 

Develop your Node

Looking for a specific node for your project? You can create yours! Everyone can develop their own nodes that work with the ecosystem.

 

Try it out

 

Insert

Layout

Text

CMS

Actions

Publish

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,

},

},

})

Remix it all for free

The Nodes are free. Don't wait! Remix the full kit of Nodes now.

 

Remix it

 

Insert

Layout

Text

CMS

Actions

Publish

Pages

Layers

Assets

Value

Datasets

Form

absolute

round

truncate

count

sum

average

multiply

divide

Max

Min

Random

Find

OR

Value

Datasets

Form

absolute

round

truncate

count

sum

average

multiply

divide

Max

Min

Random

Find

OR

Position

Type

Relative

Size

Width

1fr

Fill

Height

Auto

Fit

Effect

Styles

Transition

Instant

Opacity

1

100001

Visible

Yes

No

Rotation

0°

Text

Node

Random

Tag

p

Placeholder

A

Placeholder

Abhaya LIbre

Color

#4D4C48

Size

16

16

Letter

0

-

+

Line

1.2

-

+

Paragraph

0

-

+

Align

⊢

-

⊣

⊤

-

⊥

Transform

None

Decoration

Aa

Aa

Aa

FREE

 

Noder

Made by Victorien.

Contribute

Admire the work? Support me to enhance its

Buy me a coffee

Developer

Create your own node that work with the ecosystem

Documentation

Contact us

Don't hesitate to reach out if there's any question

Contact me