457-family Stable inventory
223 Basic + 234 Combined, with the frozen 393-family 1.1 contract checked as a required subset.
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.
Buttons, forms, navigation, dashboards, commerce, marketing, content, community and more.
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.
223 Basic + 234 Combined, with the frozen 393-family 1.1 contract checked as a required subset.
Theme registration, apply/preview/persistence and reader text sizing are additive namespaces rather than changes to the existing nine top-level methods.
24 independent ALT families such as .fgui-btn-alt, .fgui-card-alt and .fgui-tabs-alt coexist with their original 1.1 families.
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.
Action hubs, availability, schedules, requirements, evidence, readiness, workflow status and other reusable product patterns join the Combined layer.
Tabs, tables, search, toolbars, admin layouts, cards, alerts and other existing families received targeted Core improvements.
All 1.0.2 public component roots and the existing nine JavaScript methods remain supported in 1.1.0.
Public access opens on 14 October 2026. Follow the countdown and join the release list to receive one email when access opens.
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 is designed to help you move quickly while keeping ownership of your interface, assets and runtime.
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 familiesThe 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 runtimeKeyboard access, focus management, ARIA state, reduced motion, forced-colours fallbacks and mobile touch targets were included in the release hardening work.
Accessibility approachUse 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 APIResponsive audits cover the full component inventory and real-world patterns, with checks for reflow, long content, touch sizing and narrow layouts.
Responsive coverageFG 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 policyCopy 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.
Tokens, utilities, components, responsive behaviour and official site patterns.
FG UI interactions and the public JavaScript API.
800 stable local icon IDs using currentColor.
Six self-hosted WOFF2 subsets with system fallbacks.
FG UI is not only a set of buttons. The combined layer gives teams repeatable patterns for the screens products actually need.
Navigation, heroes, features, CTAs, newsletters, FAQs, contact sections, blog patterns and site footers.
View examplesStats, data tables, filters, settings, permissions, saved views, audit patterns and complex application states.
View examplesAuthentication shells, account cards, security states, verification flows and system-level interaction patterns.
View examplesPricing cards, product patterns, order summaries, cart flows and the supporting form controls required around them.
View examplesFG UI 1.1.0 completed the full 393-family automated release gate plus cross-browser, device and accessibility validation.
The details that matter when deciding whether a UI kit will fit your stack.
Whether you are evaluating the product or learning web development from the beginning, there is a clear next step.
A simple explanation of the product's biggest advantages without technical overload.
Learn HTML, CSS, JavaScript and FG UI from the beginning, then build a real page.
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.
Start with --fgui-primary.
Components inherit the same semantic brand language.
Explore the 1.1.0 component system, read the integration guide, then join the release list for public access on 14 October 2026.