Haikei is a free SVG background generator at app.haikei.app—embedded here on Uwarp. It includes blob, wave, layered waves, peaks, scatter, and blurry gradient tools with SVG and PNG export.

How do I make waves outline backgrounds?

Open the Wave generator, switch to outline variants, tune colors and interpolation, then export SVG or png waves for heroes, footers, and section dividers.

Can I create layered waves?

Yes. The Layered Waves tool stacks wave bands with peak or step interpolation—useful when you need depth without illustration software.

How do I export blob svg assets?

Use the Blob generator, adjust complexity and contrast, then download svg blob files or PNG. For fixed-size PNG, try Uwarp rrrasterize (/rrrasterize) after export.

Does Haikei support gradient waves?

Wave and blurry-gradient generators blend color across shapes. Pair them with outline or solid variants depending on whether you need gradient waves or crisp edges.

What is the difference between blob background and waves?

Blobs are organic fills; waves are edge-driven shapes. Haikei lets you combine both across a site—blobs for soft panels, waves outline for separators.

Yes for core generation in the browser. Confirm current limits, attribution, and licensing on the live Haikei app.

Does Uwarp host Haikei?

No. Uwarp embeds https://app.haikei.app/ and adds workflow context. Generation logic and exports stay on Haikei.

Waves outline generator

Waves outline and layered wave backgrounds, plus blob svg and png waves. Open Haikei on Uwarp—blobs, peaks, scatter; export SVG or PNG.

What is a waves outline generator?

A waves outline generator builds vector wave dividers and backdrops—often exported as SVG or png waves for the web. On this page you open Haikei (https://app.haikei.app/) inside Uwarp: create waves outline art, layered waves, blob svg compositions, and gradient waves in one app, then download assets for product and marketing layouts. Uwarp does not host the editor; compare with /bbblurry for fffuel blur blobs and /uuunion for mesh-style waves on the same directory.

Generator features

Tools available in the Haikei embed on this page.

Waves and waves outline: Solid or outline wave variants with wave, peak, or step interpolation.
Layered waves: Stacked wave bands for heroes and landing sections that need depth.
Blob and svg blob export: Organic blob backgrounds with complexity and contrast controls.
PNG and SVG download: Export png waves or vector files for implementation in code or design tools.
Peaks, scatter, and grids: Polygon scatter, circle scatter, and peak shapes beyond basic waves.
Blurry gradient mode: Soft gradient blobs when you need blurry gradient atmosphere behind UI.

How to use Haikei

Three steps with the embed above.

Step 1: Pick a generator: Choose Wave, Layered Waves, Blob, or another Haikei tool for your section.
Step 2: Customize: Set canvas size, colors, variant (solid vs outline), and complexity.
Step 3: Export: Download SVG or PNG and place in your repo, Figma file, or CMS.

Design tips

Keep Haikei assets readable and on-brand.

Outline vs solid: Waves outline suits dividers; solid fills work behind full-bleed heroes.
Lower complexity first: Start subtle on dashboards; increase blob or wave density only where needed.
Match export format: SVG for scalable UI; png waves when you need a fixed raster in email or slides.
Test contrast: Preview type on top before you ship gradient waves or busy blob backgrounds.
Version exports: Name files by generator and aspect ratio so dev picks the right blob svg or wave file.

Who uses Haikei?

Teams that need fast vector backgrounds.

Frontend developers: Lightweight svg blob and wave assets for heroes and cards.
UI designers: Layered waves and outline variants during concept exploration.
Marketing sites: png waves and blobs for landing pages without custom illustration.
Design systems: Reusable decorative backgrounds across product surfaces.
No-code builders: Export files for Webflow, Framer, or static site generators.
Uwarp directory users: Compare Haikei with haikei-adjacent tools like bbblurry and uuunion in one session.

Why open Haikei on Uwarp?

What you gain from this embed page.

Multiple generators in one app: Waves outline, layered waves, blobs, scatter, and gradients without separate URLs.
SVG and PNG export: Vector for the web; raster when stakeholders need png waves or slides.
Variant control: Solid, outline, and interpolation modes for precise art direction.
Fast iteration: Tune colors and complexity in the browser before handoff.
Official embed: Uses app.haikei.app so controls match the source product.
Raster follow-up on Uwarp: Use rrrasterize when you need a resized PNG from SVG exports.

Technical details

Embed and integration notes.

Embed source: Iframe loads https://app.haikei.app/; behavior follows Haikei releases.
Export formats: SVG and PNG from the live app; confirm options in the editor UI.
Generator set: Blob, Wave, Layered Waves, Peaks, Scatter, Blurry Gradient, and related tools.
Raster follow-up: Use /rrrasterize when you need PNG at a fixed width or height.

Frequently Asked Questions

Have questions? We have answers.