Build your website with drag and drop. See it on every screen.

Fine on your laptop. Broken on your phone.

Many website builders show one screen size at a time. You fix the desktop view and find out later that the mobile menu covers your phone number. Others give you a form full of settings and a preview button to click after every change.

You want to see what you’re building. On every screen, while you build it.

What is a visual editor?

A visual editor shows your page the way it will look while you work on it. You change things on the page itself, not in a box of code or a long form. It’s also called drag and drop, or WYSIWYG: what you see is what you get.

In Striive, that’s not an approximation. Each screen size is shown in its own frame, with exactly the same HTML and CSS the published page gets.

How to build a page with drag and drop

A new section takes less than a minute:

1. Click + and pick a block: heading, text, image, button, form and more. You can search and see a preview of each block.
2. Drag the block to where it should go on the canvas.
3. Double-click any text and type straight onto the page.
4. Adjust colours, sizes and spacing in the settings panel. Want something different on phones? Change it for that screen size alone.
5. Switch to live view to see the page at full size. Press Publish when you’re ready.

Phone, tablet and desktop side by side

In design view, every screen size sits next to the others, and you can zoom and pan around. Change a heading and see at once how it wraps on a narrow phone and a wide screen.

Live view shows one page at full size, the way a visitor sees it, and you can still edit right there.

What you can do in the visual editor

Everything a small business site needs, without code:

• Undo and redo: every change can be taken back.
• Pick one brand colour, and Striive works out lighter and darker shades for buttons, backgrounds and borders.
• Text sizes and spacing that scale smoothly from phone to desktop, so you don’t adjust every breakpoint.
• A shared header and footer you edit once and that appear on every page.
• Your own 404 page for addresses that don’t exist.
• Reusable sections you build once and use on several pages.
• The AI assistant in the same editor, if you’d rather write what should happen.
• Your own CSS and HTML for you or your web person, wherever you need it.

Good to know before you start

The mobile version isn’t a separate site. It’s the same page adapting to the screen. You only change what should be different.

There’s no template gallery. You build from blocks and your own reusable sections. One-click design styles are on our roadmap.