banner
banner

Webpages Kit

All the inspiration you need while building your website

Explore a collection of layouts and blocks that you can use to create website mock-ups for landing pages, solution pages, blogs, and more.

vi-sparkle drop svg
kits image

What is the webpages Kit?

The webpages Kit is a handy tool that you can add to your toolbar whenever you're working on a webpage mock-up. It includes editable layouts that you can simply drag onto the canvas and start editing. You can modify text, replace images, and move things around, making it super easy to create quick webpage mock-ups that you can then share with your designers. No more drawing in the air while explaining your ideas!

If you prefer starting your webpage mock-up from scratch, you can use WebBlocks, like the navigation bar, page headers and footers, and the hero and body sections, which you can then mix and match to construct a webpage layout.

What does this Kit have?

The webpages Kit comes with premade layouts for

banner
banner
  • Landing pages
  • Solution pages
  • Portfolio pages
  • Product pages
  • Event pages
  • Blogs pages
  • Testimonial pages
landing page
solution page
portfolio page
product page
event page
blogs page
testimonial page
vi-sparkle

WebBlocks

The webpages Kit also contains WebBlocks. WebBlocks are components like footers, headers, and other elements that you can easily drag and drop onto the canvas to create a complete webpage mock-up design from scratch.

vi-sparkle drop svg

Who is this Kit for?

  • Marketers can create webpage mock-ups and collaborate better with designers to go from idea to finished webpage faster
  • Freelancers can quickly explore different portfolio designs when working with designers.
  • Event planners can create event-specific website mock-ups.
  • Product managers can explore options for their product's home page and pricing pages

Why use Vani for webpage mock-ups?

Unlike a linear document, Vani gives you an infinite canvas where you can create multiple versions of webpage mock-ups. Vani also has a lot of collaborative features that you can leverage to get your team's creative juices flowing.

Add text, images, videos, GIFs, and embeds to bring in all the inspiration your team needs while working on a webpage.

Teammates can share their thoughts as text comments or voice notes and leave quick reactions to express their opinion.

Forget about switching tabs and get on a quick video Catchup with your teammates in the same Space where your webpage ideas are. This way, everyone can see all the changes and iterations at a glance and follow along with what's happening on the canvas.

How to use this Kit

  1. From the toolbar, click Kits and choose Webpages Kit. The Webpages Kit will now be added to the toolbar.
  2. After clicking the Webpages Kit, you'll see multiple options for Webpages, like landing pages and portfolio pages.
  3. Choose the page that you want to work on and start ideating on the Space in no time!