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

›Introduction

Introduction

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

    • Terminal / Command Line
    • HaxeDevelop
    • Moonshine IDE
    • Visual Studio Code

    Build a project targeting…

    • Adobe AIR
    • Android
    • Electron
    • HashLink VM
    • iOS
    • Linux
    • macOS
    • Neko VM
    • Web
    • Windows
  • Introduction to OpenFL

UI Components

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

Layouts

  • Intro to Layouts
  • AnchorLayout
  • FlowRowsLayout
  • FormLayout
  • HorizontalLayout
  • HorizontalListLayout
  • HorizontalDistributedLayout
  • ResponsiveGridLayout
  • TiledRowsLayout
  • TiledRowsListLayout
  • PagedTiledRowsListLayout
  • VerticalLayout
  • VerticalListFixedRowLayout
  • VerticalListLayout
  • VerticalDistributedLayout
  • Layout Data
  • Custom layouts

Styles and Skins

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

Animation

  • Navigator animated transitions
  • Custom navigator transitions

Custom UI Components

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

Miscellaneous

  • CLI commands
  • Collections
  • Focus management
  • haxedef options
  • Displaying pop-ups
  • Semantic versioning
  • Tool-tips
  • Cookbook
  • Install Prerelease Builds
Edit

Getting Started

This page is an overview of the Feathers UI documentation and related resources. Feathers UI is a cross-platform framework of UI components for creative frontend projects.

Introduction

Learn how to download Feathers UI and how to create your first project.

  • Install Feathers UI, along with all of its required dependencies.
  • Create a new project in the following environments:
    • Terminal / Command Line
    • Visual Studio Code
    • HaxeDevelop
    • Moonshine IDE

Basic Concepts

Get familiar with UI components, layouts, working with data, styling, and more.

  • UI components
  • Layouts and containers
  • Data collections
  • Styles and skins
  • Themes

If you're not yet familiar with the Haxe programming language, the the OpenFL library, the following resources are available.

  • Introduction to Haxe
  • Introduction to OpenFL

Advanced Concepts

Dive deeper into the Feathers UI architecture.

  • Custom UI components
  • Create a new theme

API Reference

This documentation section is useful when you want to learn more details about a particular Feathers UI class, property, or method. For example, feathers.controls.Button API reference can provide you with details about all properties, styles, and events that are available on a Button component.

  • Feathers UI API Reference

Sample projects

A variety of examples are available to show you how to integrate the various pieces of the Feathers UI framework into your application.

  • Feathers UI Sample Projects

Staying Informed

The Feathers UI blog is the official source for all announcements and updates about Feathers UI.

You can also follow Feathers UI on social media to keep track of the latest updates, and maybe some fun extras.

  • @feathersui on Twitter
  • @feathersui@fosstodon.org on Mastodon

Finally, if you want to dive into the nitty-gritty details of every bug fix in the newest release, check out the CHANGELOG.md file.

Need extra, in-depth help?

Gain full access to the core Feathers UI framework developers — including priority email access and VIP forum/chat sections — by purchasing a Premium Support contract. As a bonus, you may be able to add your logo as an official sponsor on the Feathers UI website.

Anything missing?

If something is missing in the documentation, or if you found some part particularly confusing, please open an issue on the feathersui-website repository, or send a tweet to @feathersui on Twitter.

Last updated on 11/16/2022
Installation →
  • Introduction
  • Basic Concepts
  • Advanced Concepts
  • API Reference
  • Sample projects
  • Staying Informed
  • Need extra, in-depth help?
  • Anything missing?
Feathers UI
Feathers UI
  • Downloads
  • Showcase
  • Testimonials
  • Premium Support
Documentation
  • Getting Started
  • API Reference
  • Samples
    Github
  • Source Code
  • Issue Tracker
Community
  • Forum
  • Discord
  • Stack Overflow
News & Updates
  • Blog (RSS, Atom)
  • Twitter
  • Mastodon
Make a Donation
  • Join Github Sponsors
  • Donate with PayPal
  • Buy a T-Shirt
Copyright © 2023 Bowler Hat LLC — Illustrations by unDraw.