FG UI DEV

FG UI Development

A pure real-world site built only with the exact current FGUI-DEV fgui.css, fgui.js and official FG UI assets.

Pure FGUI-DEV site.

Everything you see and interact with on these pages comes from the exact current fgui.css, fgui.js and official FG UI assets. There is no helper CSS or helper JavaScript.

457 components

Components

Compact inventory of all 223 Basic and 234 Combined development component families.

Browse components

Natural size

Unboxed

The same complete component library shown one item underneath another.

Open unboxed

Essentials

Core basics

A smaller page for quickly checking common FG UI controls and layouts.

Open core basics

800 icons

Icons

Browse every current icon in the FG UI icon sprite.

Browse icons

Keyboard & focus

Accessibility

Simple checks for keyboard use, focus, labels, modal and toast behaviour.

Open accessibility

Large page

Real-world test

Lots of real FG UI components used together to reveal layout and interaction problems.

Open real-world test