Samples

Official sample projects built with Feathers UI, OpenFL, and the Haxe programming language.

Application Samples

Full sample application projects built using Feathers UI.

Calculator

A sample calculator application.

Online Demo Source Code

HN Reader

A sample application that demonstrates the RouterNavigator component by displaying Hacker News feeds.

Online Demo Source Code

TodoMVC

A sample application that recreates the iconic TodoMVC project.

Online Demo Source Code

Feature Samples

Demonstrations of specific features offered by Feathers UI components.

Animated Tween Skin

Create a custom skin for a button that includes an animated effect.

Online Demo Source Code

Collection Sorting

Sort the items in a collection rendered by the Feathers UI ListView component.

Online Demo Source Code

Components Explorer

A listing of all of the UI components available in Feathers UI.

Online Demo Source Code

Custom Programmatic Skin

Use code to draw a custom background skin.

Online Demo Source Code

Custom Programmatic Skin with States

Create a custom button skin that changes appearance when the mouse is over or down.

Online Demo Source Code

Custom Theme

An example of how to create a custom theme that gives custom styles to Feathers UI components.

Online Demo Source Code

Dark Mode

Easily switch between light and dark mode with the default theme.

Online Demo Source Code

Custom Drag-and-Drop

Demonstrates using the drag-and-drop interfaces in Feathers UI.

Online Demo Source Code

Hello world

Every project needs a "Hello World" to get you started!

Online Demo Source Code

List View Drag-and-Drop

Demonstrates drag-and-drop with the Feathers UI ListView component.

Online Demo Source Code

Login Form

Creates a simple login form with the Feathers UI TextInput component.

Online Demo Source Code

NumericStepper Button Layouts

All of the different ways the buttons may be positioned inside a NumericStepper component.

Online Demo Source Code

Percentage Sizing

Demonstrates how layouts support sizing UI component based on a percentage of their parent's size.

Online Demo Source Code

RouterNavigator Data Passing

When navigating between views in a RouterNavigator component, data may be passed from view to view.

Online Demo Source Code

StackNavigator Data Passing

When navigating between views in a StackNavigator component, data may be passed forward or back.

Online Demo Source Code

Additional Samples

The following sample projects have been shared by the Feathers UI developer community.