Open source / MIT

Take the geometry with you.

Every study can leave the gallery as plain SVG or as a live React component. Use one mark, build a whole system, or write a new equation.

01 / Any website

Export plain SVG

Open any study in the gallery, then download or copy its SVG. The result has no runtime, no dependency, and keeps its non-scaling stroke.

Choose a study

02 / React

Install all 100

The downloadable package includes every named construction, all 100 presets, TypeScript declarations, and the spring hook.

Download the React package

03 / New mathematics

Fork the system

Each drawing is a small pure function. Add a family, expose its parameters, and let one scalar describe the deformation.

View the source on GitHub

A public surface, not a screenshot

One component addresses the whole collection.

Study numbers stay aligned with the gallery, so a designer and developer can refer to the same object without translating names.

Install today

npm install https://parametric-geometry.vercel.app/parametric-geometry-react.tgz

Render study 037

import { StudyIcon } from
  "@dariasdrafts/parametric-geometry";

<StudyIcon
  study="037"
  size={160}
  color="#7047A6"
  t={0}
/>

The geometry contract

Small inputs. Predictable output.

study: Any gallery number from 001 to 100.
t: A continuous deformation value from 0 to 1.
size: Rendered width and height in CSS pixels.
color: One CSS color, inherited through currentColor.

MIT licensed. Commercial work, prototypes, products, exhibitions, and experiments are welcome. Attribution is appreciated but not required by the license.

The package is available directly from this site now. Publishing the same package to npm is the remaining registry step.