B
FG Bible
Reader, administrator, installation, settings and local-data interfaces.
See product layouts →ForGoodTools design system
One interface system. Every product.
FG UI is the self-contained visual and interaction system for modern ForGoodTools websites, applications and Joomla extensions.
No BootstrapNo UIkitLocal ManropeNo external runtime
DashboardBuilt for consistency
Components
Tokens
ReadyState
1shared design system
0external UI frameworks
100%local runtime assets
Manropeone product typeface
Product showcase
Designed to travel across the whole product family
The same components and tokens can support very different products without changing visual language.
S
FG Social
Profiles, feeds, community cards, activity and member discovery.
See social UI →C
FG Chat
Conversations, messages, presence, attachments and notification states.
See chat UI →+
Future products
New ForGoodTools products start from FG UI instead of inventing a new interface.
Use the system →Principles
Simple rules keep the system coherent
01
Same job, same component
Buttons, cards, alerts, tables and forms do not get reinvented for each product.
02
Self-contained
FG UI owns its CSS, JavaScript, icons and local font loading. Products do not depend on third-party UI frameworks.
03
Tokens first
Colour, spacing, typography, radius and states are changed centrally instead of patched component by component.
Core colour system
Clear brand and state colours
Explore the complete system
See live controls, states, application patterns, social UI, chat, administration and frontend examples.