Define Taglib and skins stylesheet:
<%@ taglib uri="/WEB-INF/swiftui.tld" prefix="sui" %>
<LINK href="skins/skins.css" rel="stylesheet" type="text/css">

Grid

<sui:grid
  id="testGrid"
  title="Random Data"
  width="500"
  align="LEFT"
  skin="default"
  headers="ID,Name,Description"
  properties="id,name,description"
  colwidths="50,150,300"
  sort="yes,yes,no"
  showtitle="true"
  showbase="true"
  bean="dataForm"
  list="valueList"
  pager="PAGER"
  action="/suidemo/home.do"
  actionname="Process Files"
/>

Panel

<sui:panel
  id="simplePanel"
  width="400"
  height="300"
  skin="default"
  title="SwiftUI Logo"
  align="LEFT">
    <div style="margin-left:10px;margin-right:10px;margin-top:10px;" >
        <img src="images/swiftui_logo.gif" border="0" />
    </div>
    <div style="margin-left:10px" align="center">
        <b>version 0.5b</b>
    </div>
</sui:panel>

Form [ Flexible ]

<sui:form>
  id="flexForm"
  name="myform"
  action="formAction.do"
  method="POST"
  rows="7"
  skin="default"
  width="260" height="100"
  title="My Flexible Form"
  align="LEFT" >
    <sui:text id="t1" text="Login" row="2" column="30" skin="default"/>
    <sui:textfield id="tf1" name="test1" value="" row="2" column="95" size="10" skin="default" />
    <sui:text id="t2" text="Password" row="3" column="30" skin="default"/>
    <sui:password id="tf2" name="test2" value="" row="3" column="70" size="10" skin="default" />
    <sui:filefield id="ff1" name="fileField1" row="4" column="30" skin="default" />
    <sui:hidden id="h1" name="myHiddenField" value="test" row="1" column="1" />
    <sui:checkbox id="cb1" name="cbox1" value="Check1" row="5" column="30" text="Check 1" />
    <sui:checkbox id="cb1" name="cbox1" value="Check2" row="5" column="50" text="Check 2" />
    <sui:radio id="rb1" name="cbox1" value="Radio1" row="6" column="30" text="This" />
    <sui:radio id="rb2" name="cbox1" value="Radio2" row="6" column="50" text="Or This" />
    <sui:text id="seltxt" text="List Box" row="7" column="30" skin="default" />
    <sui:select id="sel1" name="selBox" row="7" column="60" skin="default">
        <sui:option id="opt1" value="Value1">Item 1</sui:option>
        <sui:option id="opt2" value="Value2">Item 2</sui:option>
        <sui:option id="opt3" value="Value3" selected="true">Item 3</sui:option>
    </sui:select>
  </sui:form/>

Form [ Standard ]

<sui:form>
  id="flexForm"
  name="myform"
  action="formAction.do"
  method="POST"
  rows="9"
  columns="2"
  skin="default"
  width="400"
  height="200"
  title="My Flexible Form"
  align="LEFT" >
    <sui:text id="t1" text="Login" row="2" column="1" skin="default"/>
    <sui:textfield id="tf1" name="test1" value="" row="2" column="2" size="10" skin="default" />
    <sui:text id="t2" text="Password" row="3" column="1" skin="default"/>
    <sui:password id="tf2" name="test2" value="" row="3" column="2" size="10" skin="default" />
    <sui:filefield id="ff1" name="fileField1" row="4" column="1" skin="default" />
    <sui:hidden id="h1" name="myHiddenField" value="test" row="5" column="1" />
    <sui:checkbox id="cb1" name="cbox1" value="Check1" row="6" column="1" text="Check 1" />
    <sui:checkbox id="cb1" name="cbox1" value="Check2" row="6" column="2" text="Check 2" />
    <sui:radio id="rb1" name="cbox1" value="Radio1" row="7" column="1" text="This" />
    <sui:radio id="rb2" name="cbox1" value="Radio2" row="7" column="2" text="Or This" />
    <sui:text id="seltxt" text="List Box" row="8" column="1" skin="default" />
    <sui:select id="sel1" name="selBox" row="8" column="2" skin="default">
        <sui:option id="opt1" value="Value1">Item 1</sui:option>
        <sui:option id="opt2" value="Value2">Item 2</sui:option>
        <sui:option id="opt3" value="Value3" selected="true">Item 3</sui:option>
    </sui:select>
    <sui:text id="seltxt2" text="Data Driven List Box" row="9" column="1" skin="default" />
    <sui:list
        id="list1"
        name="listbox"
        row="9"
        column="2"
        bean="dataForm"
        list="valueList"
        properties="id,name"
        skin="default" />
  </sui:form/>

Bar

  <sui:bar
    id="simpleBar"
    skin="default"
    width="500"
    align="CENTER" >
    Hello, this is text in the bar!
  </sui:bar>

Link

  <sui:link
    id="link1"
    href="/suidemo/form.do"
    skin="default"
    align="LEFT">
      View Form Page
  </sui:link>

Tree

  <sui:tree
    id="myTree"
    skin="default">
    <sui:treeNode
        id="node1"
        text="Node 1"
        skin="default">
        <sui:treeItem id="item1" text="Item 1" />
        <sui:treeItem id="item2" text="Item 2" />
    </sui:treeNode>
    <sui:treeNode
        id="node2"
        text="Node 2"
        skin="default">
        <sui:treeItem id="item21" text="Item 1" />
        <sui:treeItem id="item22" text="Item 2" />
    </sui:treeNode>
  </sui:tree>