Vaadin Plug-in for Eclipse


The easiest way to get started with Vaadin development is to install the Vaadin Plug-in for Eclipse. You don't need to download or install anything else but the plug-in to your Eclipse IDE for Java EE Developers (3.4 or newer) to start development. Learn more about the features.

Install the plugin

Option 1: Drag and drop install

This is the easiest way to install the plugin. Drag and drop the following icon into a running Eclipse workspace to install Vaadin Plugin for Eclipse:

Option 2: Download and install

To install the plugin:

  • Select Install New Software... from the Help -menu
  • Add new update site:
    • Eclipse 4.4 and newer:
    • Eclipse 4.3:
    • Eclipse 3.5:
    • Eclipse 3.4:
      Vaadin Designer requires Eclipse version 4.4.2 or later.
  • Select the features you want to install and click Next to proceed with the installation.

Alternatively you can install the Vaadin Plug-in for Eclipse from the Eclipse Marketplace.

Plug-in Features

  • Create views with the Vaadin Designer

    You can create a new view based on compositions and edit them with the visual designer tool included with the plug-in. Learn more at

    • Select File -> New -> Other...
    • Select Vaadin Design from the dialog


  • Create new Vaadin project

    The plug-in provides a wizard for creating new Vaadin application projects that can be deployed as Servlets, Portlets or on Google App Engine.

    • Select File -> New -> Project...
    • Select Vaadin 7 Project (Maven)
    • Select Single-module Application project
    • Set the Group Id and Artifact Id (name) of the application

    To run your application:

    • Select Run -> Run As -> Run on server
    • Select server to run your application on
    • You can now open your application in a web browser on http://localhost:8080/<MyApp>/.
  • Create new widgets with ease

    The plug-in provides templates for easily creating new components that have a GWT based client-side widget that communicates with the server-side component.

    • Select File -> New -> Other...
    • Select Vaadin Widget from the dialog
    • The plug-in creates a template classes for you to start building your own widgets

  • Create new themes

    The plug-in creates all the needed files for a new look and feel (theme) so that you can just start applying your own CSS definitions.

    • Select File -> New -> Other...
    • Select Vaadin Theme from the dialog