Skip to content

Float Curve CSS

by guillaume_bissieres·Workflow

Images © guillaume_bissieres. Used for product review; image policy.

Why we like it

Float Curve CSS earns its place in the blender_extensions library for turning Float Curve data into copyable CSS and letting the same easing shapes move between nodes and sessions.

What is Float Curve CSS?

Float Curve CSS works with Float Curve nodes in Blender, such as those used in Geometry Nodes or shading setups. Select any Float Curve node and copy its data directly to the clipboard formatted as CSS, generating either linear() functions or sampled values. Beyond exporting, the add-on can reset Float Curves or paste previously saved curve data back into new or existing nodes, letting easing patterns and curve shapes transfer between different parts of a project or across separate Blender sessions.

In the Node Editor, actions include Copy Curve and Apply Curve for moving points between nodes, Apply From Text to apply points from a JSON field, Stretch X/Y sliders, and Redistribute to evenly space inner control points. In the 3D Viewport, you can register a Curve object as a profile and convert it into a Float Curve node inside the active object's Geometry Nodes modifier, with Flip Vertical and Flip Horizontal orientation options.

Advanced options use the Ramer–Douglas–Peucker algorithm for point simplification, a precision setting for sample points per Bezier segment, and Smart Handle Detection that assigns VECTOR handles at peaks and valleys and AUTO handles elsewhere.

Who is Float Curve CSS best for?

Float Curve CSS is best for blender users working with Float Curves in Geometry Nodes, shading, animation, and procedural setups who want to reuse curve shapes across a project.

How much does Float Curve CSS cost?

Float Curve CSS is completely free to download and use.

Key features

  • Copies Float Curve node data to the clipboard as CSS, either linear() functions or sampled values
  • Copy Curve and Apply Curve to transfer points between Float Curve nodes, plus Apply From Text from a JSON field
  • Register a Curve object as a profile and convert it into a Float Curve node in the active object's Geometry Nodes modifier
  • Stretch X/Y and Redistribute sliders, plus Flip Vertical and Flip Horizontal orientation options
  • Point simplification via the Ramer–Douglas–Peucker algorithm with adjustable precision per Bezier segment
  • Smart Handle Detection assigns VECTOR handles at peaks and valleys and AUTO handles elsewhere
  • Reset Float Curves and paste saved curve data into new or existing nodes

Tags

#Blender#Float Curve#Geometry Nodes#CSS#curve tools#add-on#shading#procedural

Frequently asked questions

Does Float Curve CSS work with Blender 4.2?

Float Curve CSS is compatible with Blender 4.2 LTS and newer. Once installed and enabled, you access its Float Curve Tools from the N menu (sidebar) under the Float Curve panel. It operates on Float Curve nodes in the Geometry Nodes editor and on Curve objects in the 3D Viewport, so a Blender version at or above 4.2 LTS is the baseline for using the copy, apply, and conversion actions the add-on provides.

How do I install Float Curve CSS in Blender?

Float Curve CSS installs from a downloaded ZIP file. Open Blender and go to Edit > Preferences > Add-ons, click Install, select the ZIP file, and click Install Add-on. Enable it by checking the corresponding box. After that, the Float Curve Tools appear in the N menu (sidebar) under the Float Curve section. You can also drag and drop the add-on into Blender or install it from disk, following the standard add-on installation flow inside Blender's preferences.

Is Float Curve CSS free to use?

Float Curve CSS is listed as free in this catalog. It is released under the GNU General Public License v3.0 or later. For current licensing details and any additional information, check the developer's page. The add-on states that it does not require special permissions. If you need the most up-to-date terms or wish to support the developer, the official listing is the place to confirm before you build it into a project.

What formats can Float Curve CSS export curve data in?

Float Curve CSS natively supports generating either linear() functions or sampled values when copying a Float Curve node's data to the clipboard in a CSS-style format. It can also apply curve points from a JSON text field directly onto the active node using the Apply From Text action. This lets you save curve data and paste it back into new or existing nodes, keeping consistent easing patterns and curve shapes across different parts of a project or separate Blender sessions.

Alternatives to Float Curve CSS

Also in Workflow for Blender.

Similar plugins