Feathers UI
  • Docs
  • API
  • Showcase
  • Blog
  • Community

›Create a new project in…

Introduction

  • Getting Started
  • Installation
  • Create a new project in…

    • Command line terminal
    • HaxeDevelop
    • Moonshine IDE
    • Visual Studio Code

    Build a project targeting…

    • Android
    • iOS
    • Linux
    • macOS
    • Windows
    • Web
  • Introduction to OpenFL

UI Components

  • Intro to UI components
  • Alert
  • Application
  • AssetLoader
  • Button
  • ButtonBar
  • Callout
  • Check
  • ComboBox
  • HDividedBox / VDividedBox
  • Drawer
  • Form
  • GridView
  • GroupListView
  • Header
  • ItemRenderer
  • Label
  • LayoutGroup
  • LayoutGroupItemRenderer
  • ListView
  • PageIndicator
  • PageNavigator
  • Panel
  • PopUpListView
  • HProgressBar / VProgressBar
  • Radio
  • RouterNavigator
  • HScrollBar / VScrollBar
  • ScrollContainer
  • HSlider / VSlider
  • StackNavigator
  • TabBar
  • TabNavigator
  • TextArea
  • TextCallout
  • TextInput
  • ToggleButton
  • ToggleSwitch
  • TreeView

Layouts

  • Intro to Layouts
  • AnchorLayout
  • HorizontalLayout
  • HorizontalListLayout
  • HorizontalDistributedLayout
  • ResponsiveGridLayout
  • VerticalLayout
  • VerticalListFixedRowLayout
  • VerticalListLayout
  • VerticalDistributedLayout

Styles and Skins

  • Intro to skins
  • Common shape skins
  • Custom programmatic skins
  • Intro to themes
  • Create a custom theme

Custom UI Components

  • Custom UI components
  • Component lifecycle
  • Custom item renderers
  • Class-based item renderers

Miscellaneous

  • CLI commands
  • Collections
  • haxedef options
  • Install Prerelease Builds
Edit

Create a Feathers UI project in Moonshine IDE

Moonshine IDE provides a built-in Feathers UI project template.

Prerequisites

  • Install Haxe
  • Install Node.js (required for code intelligence)

Create a project

  1. From the File menu, go to New, and then choose Haxe Feathers UI Project.
  2. Give your project a Name and choose a Parent Directory to save it on your computer.
  3. Click the Create button to create your project.

Moonshine will automaticaly install all Haxelib dependencies in the project.xml file, if they are not already available. This includes both feathersui and openfl. Installation may take several minutes, and progress will be reported in Moonshine's console.

Run the project

  1. From the Debug menu, choose Build and Debug.
  2. The project should launch in your default web browser.

Troubleshooting

How to fix some issues that you may encounter.

Warning: Haxe language code intelligence disabled. To enable, update Node.js location in application settings.

This error indicates that Node.js is not configured in Moonshine. Node.js is required to run the Haxe language server that provides code intelligence for .hx files.

  1. Install Node.js, if you haven't already.
  2. From the File menu, choose Settings.
  3. Go to the JavaScript section.
  4. Under Node.js Home choose Change and select the folder where Node.js is installed.

On Windows, the default Node.js install location is c:\Program Files\nodejs.

On macOS, the default Node.js install location is /usr/local/bin.

Further Reading

  • Moonshine IDE documentation
Last updated on 2/27/2020
← HaxeDevelopVisual Studio Code →
  • Prerequisites
  • Create a project
  • Run the project
  • Troubleshooting
    • Warning: Haxe language code intelligence disabled. To enable, update Node.js location in application settings.
  • Further Reading
Feathers UI
Feathers UI
  • Downloads
  • Showcase
  • Testimonials
  • Join Github Sponsors
  • Make a Donation
Haxe / OpenFL
  • Documentation
  • API Reference
  • Samples
  • GitHub
  • Issue Tracker
ActionScript / Starling
  • Documentation
  • API Reference
  • Samples
  • GitHub
  • Issue Tracker
Feathers SDK (Starling)
  • Documentation
  • GitHub
Community
  • Forum
  • Discord
  • Stack Overflow
News & Updates
  • Blog (RSS, Atom)
  • Twitter
Copyright © 2021 Bowler Hat LLC — Illustrations by unDraw.