New
New
New
Component
Character Art Background Component for Framer



About the resource
Using the component is pretty simple—just paste it into your Framer project and set it as a background layer. To ensure it fills the entire space, set it to absolute positioning and pin all sides to 0.
From there, customize it to match your style by choosing between modes: grid
and waves
. In grid mode, switch between lines and text styles, adjusting length, width, and roundness for precise control. Modify speed
and enable reverse
or dynamic effects. Fine-tune gap
and experiment with colors
: in, center, sides, and modes (blending method: LCH, HSL, RGB). Set a background
color, tweak the radius
for smooth edges, and use preview
to test it directly in the Framer editor.
About the resource
Using the component is pretty simple—just paste it into your Framer project and set it as a background layer. To ensure it fills the entire space, set it to absolute positioning and pin all sides to 0.
From there, customize it to match your style by choosing between modes: grid
and waves
. In grid mode, switch between lines and text styles, adjusting length, width, and roundness for precise control. Modify speed
and enable reverse
or dynamic effects. Fine-tune gap
and experiment with colors
: in, center, sides, and modes (blending method: LCH, HSL, RGB). Set a background
color, tweak the radius
for smooth edges, and use preview
to test it directly in the Framer editor.
About the resource
Using the component is pretty simple—just paste it into your Framer project and set it as a background layer. To ensure it fills the entire space, set it to absolute positioning and pin all sides to 0.
From there, customize it to match your style by choosing between modes: grid
and waves
. In grid mode, switch between lines and text styles, adjusting length, width, and roundness for precise control. Modify speed
and enable reverse
or dynamic effects. Fine-tune gap
and experiment with colors
: in, center, sides, and modes (blending method: LCH, HSL, RGB). Set a background
color, tweak the radius
for smooth edges, and use preview
to test it directly in the Framer editor.

The character art background component properties in Framer.

The character art background component properties in Framer.

The character art background component properties in Framer.