Liniqo / AI tools / Webflow

Use Liniqo in Webflow

Use Liniqo illustrations on your Webflow site. Upload the SVG once and use it anywhere, or paste interactive figures with an Embed element.

No code · 1 minuteWorks with the 300+ free illustrations
  1. 1

    Download the SVG

    In the library, set your colour and theme, open an illustration and download it as SVG.

  2. 2

    Upload it to Assets

    In the Webflow Designer, open the Assets panel and drop the SVG in. Then drag it onto your page, or add an Image element and choose it.

Liniqo Live

Interactive illustrations in Webflow

Pro and Lifetime include all 500+ interactive figures; 23 are free to try. They move with the visitor’s mouse or finger and stay in your colours.

  1. 1

    Copy the embed code

    Switch the library to Interactive, open a figure, set the colour and liveliness, and click Copy embed code.

  2. 2

    Add a Code Embed element

    In the Designer, add a Code Embed element where the figure should go, paste the code and save. Give its parent a width.

  3. 3

    Publish and try it

    Scripts run on the published site, not in the Designer canvas. Publish, open your site and move your mouse over the figure.

Prompts to try in Webflow

Copy one, replace the parts in [brackets] with your own, and paste. See all 25 prompts.

Feature gridThree to six feature cards

My features section has [number] cards: [feature 1], [feature 2], [feature 3]. Add a fitting Liniqo illustration to the top of each card, all the same height, so the cards look like a matching set.

Blog post coversOne cover per article

For each blog post in my site, pick a Liniqo illustration that fits the topic and use it as the cover image on the post and in the blog list. Same aspect ratio for every cover.

Make it consistentFix mixed images and icons

Go through the whole site and replace mismatched stock images and clip art with Liniqo illustrations, so every page uses one consistent style. List what you replaced.

Which plan do you need? Free gives you 300+ illustrations to try in a real project. Personal unlocks the whole library for your own product. Pro adds animated files, 500+ interactive figures and client work. Lifetime gets every monthly drop of 100+ new illustrations, forever.

Compare plans →

Questions

Will the SVG stay sharp?

Yes. SVG files stay sharp at every size and are usually smaller than a PNG.

Open the library →Other toolsGet help