Generate animated graphics with subtle random variations, without coding.
Overview
Figleaf allows you to create textures and shapes enriched with fine random variations in order to find in the design a formal richness close to that of nature.
→ View documentation in Medium
Shape feature list
Rectangular shape
- Adjust width
- Adjust height
- Activate or deactivate border
- Adjust border color and size
- Activate or deactivate background gradient
- Activate or deactivate background image
Circular shape
- Diameter adjustment
- Activate or deactivate border
- Border color and size adjustment
- Activate or deactivate background gradient
- Activate or deactivate background image
- Adjust the level of random dimension in with and height for rectangle and diameter for circle
- Adjust the level of random distortion
- Disable random transformation of segments (top, right, bottom, left) for rectangle
- Morphing animation loop
Adjust random variations of fill color
- Hue random level adjustment
- Saturation random level adjustment
- Lightness random level adjustment
- Morphing animation loop
Choose a backgroud gradient
- Choose linear or radial gradient
- Adjust stop colors of gradient
- Adjust hue random level
- Adjust saturation random level
- Adjust lightness random level
- Adjust gradient distribution and orientation
- Morphing animation loop
Choose a backgroud image
- Image file (gif, png, jpeg) choice
Adjust random variations of border color
- Adjust hue random level
- Adjust saturation random level
- Adjust lightness random level
- Morphing animation loop
Texture feature list
Texture with lines
- Adjust texture width
- Adjust texture height
- Adjust gap between lines
- Adjust the random gap between lines
- Adjust the thickness and color of the lines
- Adjust the random level of line thickness
- Adjust hue random level
- Adjust saturation random level
- Adjust lightness random level
Texture with images
- Choose images file (png, jpeg, jpg, gif)
- Adjust images scale
- Adjust the random scale of images
- Adjust images rotation
- Adjust random variations in image rotation
- Adjust the horizontal gap between images
- Adjust the horizontal random gap between images
- Adjust the vertical gap between images
- Adjust the vertical random gap between images