React-Finity

What is React-Finity?

React-Finity builds Gridfinity parts as a small project: you add baseplates, bins or an openGrid board to a list, set each one's size and options, and see them together in a 3D view. A bin has a grid width, depth and height in units, a stacking lip, wall thickness, inner fillet, magnet holes, weight holes and a honeycomb base, with official, tight and loose fit profiles for the Gridfinity dimensions.

What sets it apart is the modifier system: you stack modifiers onto a bin, such as a divider grid, an angled label tab, a curved scoop, a finger notch in the wall, an insert with its own compartments, or a flat or stacking lid. A print layout view arranges all objects on a virtual print bed and turns them to a good print orientation.

Export gives the selected object as STL or 3MF, all objects as a ZIP or one merged plate STL. Projects are saved in the browser. It is free with no account, and the code is MIT licensed, which covers the software, not your prints. It suits people who want bins with scoops, labels and lids without opening a CAD program.

What you can make

• Gridfinity bins with dividers and scoops
• Bins with label tabs or lids
• Gridfinity baseplates
• openGrid boards

How to use React-Finity

1. Click Add Object and choose a bin or baseplate
2. Set the size, lip, magnets and base options
3. Add modifiers such as dividers, a scoop or a label tab
4. Export the STL or 3MF, or open the print layout