Liniqo / AI tools / Bolt

B

Use Liniqo in Bolt

Add Liniqo illustrations to the app you are building in Bolt, without writing code. You pick the illustrations, copy one prompt, and Bolt puts the files in your project and places them.

No code · 2 minutesWorks with the 300+ free illustrations
  1. 1

    Pick your colour and illustrations

    Open the library, tap the colour dot at the top and choose your brand colour, then light or dark. For one illustration, open it and click Use with AI. For a whole page, tap the heart on each one to save them to a collection, open the collection and click Copy for AI.

  2. 2

    Paste it into Bolt

    Paste into the Bolt chat and add one line about where they go, for example “use these on the landing page, one per section”. The copied text tells Bolt to download each file into public/illustrations and place it.

  3. 3

    Check the preview and adjust

    Look at the preview and ask for changes in plain words: “make the hero illustration bigger”, “use the dark versions”, “swap the pricing one for something about payments”. To add more later, repeat step 1.

Liniqo Live

Interactive illustrations in Bolt

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

    In the library, switch to Interactive, open a figure, set your colour and how lively it should be, then click Copy embed code. It is one line of HTML plus one script.

  2. 2

    Paste it into Bolt

    Paste it into the Bolt chat with where it goes, for example: “add this interactive figure to the right side of my hero. If the project uses React, render the div and load the script once.”

  3. 3

    Move your mouse over it

    Open the preview and hover over the figure: it reacts to the pointer, and on phones to touch. Give the container a width (for example the full hero column) so it has room.

Prompts to try in Bolt

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

Full landing pageHero, features and how it works

Add Liniqo illustrations to my landing page: one large hero illustration that shows what [my product] does, one smaller illustration for each feature section, and one for each step of "How it works". Use our brand colour [#3b5bff]. Keep every illustration the same style and size within its section, and make them look good on mobile.

Empty statesScreens with no data yet

Find every empty state in my app (no data yet, no search results, empty inbox, no projects, no notifications) and add a fitting Liniqo illustration to each, centred above the message, about 200px wide, with a clear button that tells the user what to do next.

OnboardingWelcome and setup steps

Add a Liniqo illustration to each step of my onboarding flow so every step shows what the user is setting up: [step 1], [step 2], [step 3]. Same size on every step, with the progress indicator kept below it.

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

Does Bolt need my license key?

Only for premium illustrations. When you are signed in to the library with your key, the copied prompt includes private links that unlock them. Free illustrations work without a key.

What if Bolt cannot download the files?

Download the SVG or PNG from the library instead and attach or upload it in the Bolt chat, then say where it goes.

Can I keep the link in my code?

No. Ask the builder to save the files in your project rather than linking to liniqo.com, especially when the links contain your key.

Open the library →Other toolsGet help