diff --git a/photonui/photonui.d.ts b/photonui/photonui.d.ts
new file mode 100644
index 000000000..b505909ac
--- /dev/null
+++ b/photonui/photonui.d.ts
@@ -0,0 +1,420 @@
+// Type definitions for PhotonUI 1.0.0
+// Project: https://github.com/wanadev/PhotonUI
+// Definitions by: Florent Poujol <https://github.com/florentpoujol/>
+// Definitions: https://github.com/borisyankov/DefinitelyTyped
+
+module photonui {
+  class Base {
+    constructor(params?: any);
+    destroy();
+    registerCallback(id: string, wEvent: string, callback: Function, thisArg: any);
+    removeCallback(id: string);
+  }  
+
+  class Widget extends Base {
+    absolutePosition: { x: number; y: number; }; // readonly
+    contextMenu: PopupWindow;
+    contextMenuName: string;
+    html: HTMLElement; // readonly
+    layoutOptions: { [key: string]: any };
+    name: string;
+    offsetWidth: number; // readonly
+    offsetHeight: number; // readonly
+    parent: Widget;
+    parentName: string;
+    tooltip: string;
+    visible: boolean;
+
+    show();
+    hide();
+    unparent();
+    addClass(className: string);
+    removeClass(className: string);
+
+    static getWidget(name: string): Widget;
+    static domInsert(widget: Widget, element: HTMLElement);
+  }
+
+  // Methods
+  function domInsert(widget: Widget, element: HTMLElement);
+  function getWidget(name: string): Widget;
+
+  //Widgets
+  class FileManager extends Base {
+    acceptedExts: string[];
+    acceptedMimes: string[];
+    dropZone: HTMLElement;
+    multiselect: boolean;
+    
+    open();
+  }
+
+  class Translation extends Base {
+    locale: string;
+
+    addCatalogs(catalogs: any); // Stone.js catalogs
+    guessUserLanguage(): string;
+    gettext(string: string, replacements: any): string;
+    lazyGettext(string: string, replacements: any): string;
+    enableDomScan(enable: boolean);
+    updateDomTranslation();
+  }
+
+  class AccelManager extends Base {
+    addAccel(id: string, keys: string, callback: Function, safe: boolean);
+    removeAccel(id: string);
+  }
+
+  class MouseManager extends Base {
+    constructor(element?: Widget|HTMLElement, params?: any)    ;
+    
+    element: HTMLElement;
+    threshold: number;
+    
+    action: string; // readonly
+    btnLeft: boolean; // readonly
+    btnMiddle: boolean; // readonly
+    btnRight: boolean; // readonly
+    button: string; // readonly
+    pageX: number; // readonly
+    pageY: number; // readonly
+    x: number; // readonly
+    y: number; // readonly
+    deltaX: number; // readonly
+    deltaY: number; // readonly
+  }
+
+  // -----------------------------------
+
+  class BaseIcon extends Widget {}
+
+  class FAIcon extends BaseIcon {
+    constructor(params?: any);
+    constructor(name: string, params?: any);
+
+    color: string;
+    iconName: string;
+    size: string;
+  }
+
+  class SpriteIcon extends BaseIcon {
+    constructor(params?: any);
+    constructor(name: string, params?: any);
+
+    icon: string;
+    iconName: string;
+    spriteSheetName: string;
+  }
+
+  // -----------------------------------
+
+  class Image extends Widget {
+    width: number;
+    height: number;
+    url: string;
+  }
+
+  class SpriteSheet extends Base {
+    name: string;
+    imageUrl: string;
+    size: string;
+    icons: { [iconName: string]: number[] };
+
+    addIcon(iconName: string, x: number, y: number);
+    removeIcon(iconName: string);
+    getIconPosition(iconName: string): { x: number; y: number; };
+    getIconCSS(iconName: string): string;
+
+    static getSpriteSheet(name: string): SpriteSheet;
+  } 
+
+  class Canvas extends Widget {
+    canvas: HTMLElement;
+    interactiveMode: HTMLElement;
+    width: number;
+    height: number;
+    getContext(contextId: string): any;
+    setContext(contextId: string);
+    supportsContext(contextId: string): boolean;
+    toBlod(imageFormat: string): any; // returns Blob
+    toBlodHD(imageFormat: string): any; // returns Blob
+    toDataUrl(imageFormat: string): string;
+    toDataUrlHD(imageFormat: string): string;
+    transferControlToProxy();
+  }
+
+  class Label extends Widget {
+    constructor(params?: any);
+    constructor(name: string, params?: any);
+
+    forInput: Field|CheckBox;
+    forInputName: string;
+    text: string;
+    textAlign: string;
+  }
+
+  class Text extends Widget {
+    rawHtml: string;
+    text: string;
+  }
+
+  class ProgressBar extends Widget {
+    orientation: string;
+    pulsate: boolean;
+    textVisible: boolean;
+    value: number;
+  }
+
+  class Separator extends Widget {
+    orientation: string;
+  }
+
+  class Button extends Widget {
+    appearance: string; //  normal | flat
+    buttonColor: string;
+    
+    leftIconName: string;
+    leftIcon: BaseIcon;
+    leftIconVisible: boolean;
+    
+    rightIconName: string;
+    rightIcon: BaseIcon;
+    rightIconVisible: boolean;
+
+    text: string;
+    textVisible: boolean;
+  }
+
+  class ColorButton extends Widget {
+    color: Color;
+    dialogOnly: boolean;
+    value: string;
+  }
+
+  class CheckBox extends Widget {
+    value: boolean;
+  }
+  class Switch extends CheckBox {}
+  class ToggleButton extends CheckBox {}
+
+  // -----------------------------------
+
+  class Color extends Base {
+    hexString: string;
+    rgbString: string; // readonly
+    rgbaString: string; // readonly
+
+    red: number;
+    green: number;
+    blue: number;
+    alpha: number;
+
+    hue: number;
+    saturation: number;
+    brightness: number;
+
+    setRBG(red: number, green: number, blue: number);
+    getRBG(): number[];
+    setRBGA(red: number, green: number, blue: number, alpha: number);
+    getRBGA(): number[];
+    setHSB(hue: number, saturation: number, brightness: number);
+  }
+
+  class ColorPalette extends Widget {
+    color: Color;
+    palette: Array<string[]>;
+    value: string;
+
+    static palette: Array<string[]>;
+  }
+
+  class ColorPicker extends Widget {
+    color: Color;
+    value: string;
+  }
+
+  // -----------------------------------
+
+  class Field extends Widget {
+    placeholder: string;
+    value: boolean;
+  }
+
+  class NumericField extends Field {
+    min: number;
+    max: number;
+    step: number;
+    decimalDigits: number;
+    decimalSymbol: string;
+  }
+
+  class Slider extends NumericField {
+    fieldVisible: boolean;
+  }
+
+  class TextAreaField extends Field {
+    cols: number;
+    rows: number;
+  }
+
+  class TextField extends Field {
+    type: string; // text, password, email, search, tel, url
+  }
+
+  // -----------------------------------
+
+  class Select extends Widget {
+    children: Widgets[];
+    childrenNames: string[];
+    iconVisible: boolean;
+    placeholder: string;
+    popupWidth: number;
+    popupHeight: number;
+    popupMaxWidth: number;
+    popupMinWidth: number;
+    popupMaxHeight: number;
+    popupMinHeight: number;
+    popupOffsetWidth: number; // readonly
+    popupOffsetHeight: number; // readonly
+    popupPadding: number;
+    value: any; // string (maybe)
+
+    addChild(widget: Widget, layoutOptions?: any);
+  }
+
+  class FontSelect extends Select {
+    fonts: string[];
+
+    addFont(fontName: string);
+  }
+
+  // -----------------------------------
+
+  class Container extends Widget {
+    child: Widget;
+    childName: string;
+    containerNode: HTMLElement; // readonly
+    horizontalChildExpansion: boolean;
+    verticalChildExpansion: boolean;
+
+    removeChild(widget: Widget);
+  }
+
+  class Layout extends Container {
+    children: Widget[];
+    childrenNames: string[];
+
+    addChild(widget: Widget, layoutOptions?: { [key: string]: any });
+    empty();
+  }
+
+  class BoxLayout extends Layout {
+    horizontalPadding: number;
+    verticalPadding: number;
+    orientation: string;
+    spacing: number;
+  }
+
+  class FluidLayout extends Layout {
+    horizontalPadding: number;
+    verticalPadding: number;
+  }
+
+  class GridLayout extends Layout {
+    horizontalPadding: number;
+    verticalPadding: number;
+    horizontalSpacing: number;
+    verticalSpacing: number;
+  }
+
+  class Menu extends Layout {
+    iconVisible: boolean;
+  }
+
+  class MenuItem extends Menu {
+    active: boolean;
+    icon: BaseIcon;
+    iconName: string;
+    text: string;
+    value: any; // string (maybe)
+  }
+
+  class SubMenuItem extends MenuItem {
+    menu: Menu;
+    menuName: string;
+  }
+
+  // -----------------------------------
+
+  class Viewport extends Container {
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+    height: number;
+    minHeight: number;
+    maxHeight: number;
+    padding: number;
+    horizontalScrollbar: boolean;
+    verticalScrollbar: boolean;
+  }
+
+  // -----------------------------------
+  
+  class BaseWindow extends Container {
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+    height: number;
+    minHeight: number;
+    maxHeight: number;
+    padding: number;
+    position: { x: number; y: number };
+    x: number;
+    y: number;
+
+    center();
+  }
+
+  class PopupWindow extends BaseWindow {
+    popupXY(x: number, y: number);
+    popupWidget(widget: Widget);
+  }
+
+  class PopupMenu extends PopupWindow {}
+
+  class Window extends BaseWindow {
+    closeButtonVisible: boolean;
+    modal: boolean;
+    movable: boolean;
+    title: string;
+
+    moveToFront();
+    moveToBack();
+  }
+
+  class Dialog extends Window {
+    buttons: Widget[];
+    buttonNames: string[];
+
+    addButton(widget: widget, layoutOptions: any);
+    removeButton(widget: widget);
+  }
+
+  class ColorPickerDialog extends Dialog {
+    color: Color;
+  }
+
+  // -----------------------------------
+
+  class TabItem extends Container {
+    tabHtml: HTMLElement; // readonly
+    title: string;
+  }
+
+  class TabLayout extends Layout {
+    activeTab: Widget;
+    activeTabName: string;
+    padding: number;
+    tabsPosition: string; // top, bottom, left, right
+  }
+}