Skip to content
SVG utilities based on Virtual Elements
TypeScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib
.gitignore
LICENCE
Readme.md
index.ts
package-lock.json
package.json
tsconfig.json

Readme.md

SVG Textures

Create simple and interesting backgrounds with a single line of code.

Check out the live demo with code examples!

Use the same textures anywhere

The SVG utilities are based on Virtual Elements.

This means that you can create textures in the Browser in real time or you can generate .svg files in Node.

If you have a React app simply do .toReactElement(), eg:

const MyReactComponent = (props) =>
{
    return (
        <div>
            <MyOtherComponent/>
            {svgRectPatternLine().toReactElement()}
        </div>
    );
}
You can’t perform that action at this time.