ForGoodTools interface system

Build polished interfaces without giving up control.

FG UI is a complete, framework-independent UI kit for websites and applications. It gives you a consistent design language, production-ready components, local icons, local fonts and reliable interactions without forcing a third-party framework into your project.

Zero runtime dependencies No CDN required 800 local icons Self-hosted Manrope 320px responsive Accessibility hardened
Live FG UI
ForGoodTools One UI system. Every product.
FG
Components 457
Icons 800
LocalSVG
1.2.0 StableAccessibleResponsive

Ready for real products

Buttons, forms, navigation, dashboards, commerce, marketing, content, community and more.

Zero dependenciesNo jQuery. No UI framework.
Hardened release457-family Stable gate passed; 393/393 1.1 families preserved.
457Stable component families
223Basic components
234Combined patterns
800local SVG icon IDs
Current Stable · 1.2.0

Reader tools, themes, maintenance patterns and genuinely independent alternatives.

FG UI 1.2.0 Stable adds 64 families without removing any of the 393 published 1.1 families. It also introduces the opt-in FGUI.theme and FGUI.reader namespaces.

See everything new in 1.2
64 NEW

457-family Stable inventory

223 Basic + 234 Combined, with the frozen 393-family 1.1 contract checked as a required subset.

Theme + Reader APIs

New opt-in capabilities

Theme registration, apply/preview/persistence and reader text sizing are additive namespaces rather than changes to the existing nine top-level methods.

ALT collection

Extra choices, not replacements

24 independent ALT families such as .fgui-btn-alt, .fgui-card-alt and .fgui-tabs-alt coexist with their original 1.1 families.

New in 1.1.0

More real-world product patterns, with the 1.0.2 contract preserved.

FG UI 1.1.0 adds 47 component families and meaningfully updates 13 existing families, based on real product work through FG Booking and the FG UI Development Laboratory.

Read 1.1.0 release notes
47 NEW

Operations, portals and workflows

Action hubs, availability, schedules, requirements, evidence, readiness, workflow status and other reusable product patterns join the Combined layer.

13 UPDATED

Responsive and composition polish

Tabs, tables, search, toolbars, admin layouts, cards, alerts and other existing families received targeted Core improvements.

Backwards compatible

Existing public contracts remain supported

All 1.0.2 public component roots and the existing nine JavaScript methods remain supported in 1.1.0.

Public release

FG UI launches publicly on 14 October 2026.

Public access opens on 14 October 2026. Follow the countdown and join the release list to receive one email when access opens.

00Days
00Hours
00Minutes
00Seconds
Release date: 14 October 2026Public launchRelease notification available
Live proof, not a mock-up

This entire website is built with FG UI only.

The page you are using is the product demonstration. Its layouts, cards, navigation, forms, interactions, icons and responsive behaviour all come from FG UI, with no Bootstrap, Tailwind or competing UI framework underneath.

FG UI onlyLocal assetsZero runtime dependencies
Why FG UI

A serious UI system without the usual baggage.

FG UI is designed to help you move quickly while keeping ownership of your interface, assets and runtime.

See the quality story
Complete system

From primitives to complete product patterns

Start with buttons, fields, cards and navigation, then move up to combined patterns for dashboards, admin screens, commerce, authentication, marketing, community and content.

Browse component families
Local first

Your UI does not depend on somebody else's CDN

The runtime is local. The font is local. The icon sprite is local. FG UI requires no remote CSS, JavaScript, icon service or font provider to render your product.

See the runtime
Accessibility

Interaction details are treated as core engineering

Keyboard access, focus management, ARIA state, reduced motion, forced-colours fallbacks and mobile touch targets were included in the release hardening work.

Accessibility approach
Framework independent

Plain HTML, CSS and JavaScript

Use FG UI in a normal website, application, CMS template or extension without adopting a competing JavaScript framework. The public API is intentionally small and direct.

Read the API
Responsive

Designed from 320px upward

Responsive audits cover the full component inventory and real-world patterns, with checks for reflow, long content, touch sizing and narrow layouts.

Responsive coverage
Stable 1.2.0

Frozen public contracts for the stable line

FG UI 1.2.0 preserves all 393 published 1.1 component families and the existing nine top-level JavaScript methods, while adding 64 backwards-compatible families plus the additive theme and reader namespaces. Breaking public-contract changes remain reserved for a major release.

Stability policy
Simple runtime

A full interface system with a very small integration surface.

Copy the assets, load one stylesheet and one JavaScript file, then use FG UI classes. There is no package manager requirement and no runtime network dependency.

One complete stylesheet One interaction layer One 800-icon SVG sprite Self-hosted Manrope assets
Read the quick start
assets/css/fgui.css

Tokens, utilities, components, responsive behaviour and official site patterns.

Core
assets/js/fgui.js

FG UI interactions and the public JavaScript API.

Core
assets/icons/fgui-icons.svg

800 stable local icon IDs using currentColor.

Local
assets/fonts/manrope/variable/

Six self-hosted WOFF2 subsets with system fallbacks.

Local
Built for real products

One design language across very different interfaces.

FG UI is not only a set of buttons. The combined layer gives teams repeatable patterns for the screens products actually need.

Websites

Marketing & content

Navigation, heroes, features, CTAs, newsletters, FAQs, contact sections, blog patterns and site footers.

View examples
Applications

Dashboards & admin

Stats, data tables, filters, settings, permissions, saved views, audit patterns and complex application states.

View examples
Accounts

Authentication & security

Authentication shells, account cards, security states, verification flows and system-level interaction patterns.

View examples
Commerce

Pricing & commerce

Pricing cards, product patterns, order summaries, cart flows and the supporting form controls required around them.

View examples
Quality you can point to

Stable because it was tested like a product.

FG UI 1.1.0 completed the full 393-family automated release gate plus cross-browser, device and accessibility validation.

See testing details
320px+responsive coverage
6real browser/device targets
NVDAscreen-reader sign-off
0runtime dependencies
Common questions

What developers usually want to know first.

The details that matter when deciding whether a UI kit will fit your stack.

No. FG UI is framework-independent and ships its own small interaction layer. It does not require jQuery, React, Vue, Bootstrap or another external UI framework.
No runtime network dependency is required. The stylesheet, JavaScript, icon sprite and Manrope font assets are packaged locally.
FG UI is the ForGoodTools interface system, but authorised projects can use it wherever normal HTML, CSS and JavaScript can be integrated, subject to the applicable written licence.
The 1.1.0 public contract is stable and backwards-compatible with 1.0.2. The release policy reserves breaking public-contract changes for a major version.
Choose your path

See why FG UI fits, or start building immediately.

Whether you are evaluating the product or learning web development from the beginning, there is a clear next step.

Evaluating FG UI

Why choose FG UI?

A simple explanation of the product's biggest advantages without technical overload.

Why FG UI
Complete beginner

Never built a website?

Learn HTML, CSS, JavaScript and FG UI from the beginning, then build a real page.

Start beginner guide
Try before you build

Change FG UI’s colour live.

Pick a brand colour and watch real FG UI components update immediately. It is the quickest way to understand how the token system makes FG UI easy to customise.

One token

Start with --fgui-primary.

Easy
Whole system

Components inherit the same semantic brand language.

Live
Build with FG UI

Give your next product a strong interface foundation from day one.

Explore the 1.1.0 component system, read the integration guide, then join the release list for public access on 14 October 2026.