0% Loading Visual Editor

Preview in new tab
Export project
Destination
WordPress and Shopify themes are available for export exclusively as ZIP archives.
Mobile app designs export as HTML. Import the screens into Figma, or give the HTML to your coding agent to rebuild the design in your app.
ZIP archive Download all files to your device Git repository Push code to your connected repo SSH server Deploy directly to your own server Figma Send your pages to Figma
index.html
save
Add a page cancel
Preparing your pages…

Select any element on the canvas to activate its settings menu.

Active page
Active

Preview in new tab, AI tools and the Browser view use this page. Click another page on the canvas to switch.

Canvas

Make a page active
Click
Edit in Browser view
Double-click
Move a page
Drag
Move around
Drag background
Scroll the active page
Scroll over it
Zoom
Ctrl/⌘ + scroll
Zoom to fit
0
Project history
Current version
Previous versions

Redirecting to PayPal

COLOR PREVIEW
COLOR PREVIEW
Size value
Transition
result
Box shadow
result
SHADOW PREVIEW
Font family

    The quick brown fox jumps

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt labore et dolore magna. Aliqua ut enim ad minim veniam.

    FONT SETTINGS
    font
    family

    Shadcn/ui Styles

    Font family
    Containers
    Appearance
    Elements
    Card
    Popover
    Sidebar
    Chart

    Hi there!

    You must have a full account to use all features.

    Create Account
    Appearance
    Elements
    Card
    Popover
    Sidebar
    Chart

    Hi there!

    You must have a full account to use all features.

    Create Account
    Custom CSS  

    Hi there!

    You must have a full account to use all features.

    Create Account
    index.html
    save
    Add a page cancel

    React Code Editor

    All changes saved

    By default, custom components are saved globally (it is the same object).

    If you want to create a new object with its own content, please use save as new component.

    By default, only edited code is overwritten.

    If you want to create your own component for further reuse, please use save as component.

    AI Agent

    | |
    Demo ideas to try: Pricing Section, Contact Form Gradient Background, Modify layout
    or
    index.html
    save
    Add a page cancel
    Please wait a moment

    AI is sketching, styling, and stitching everything together.

    Draw your idea

    ← Return to the home page
    No internet connection. We will not save your changes.