TL;DR: Fluentic Style is a new JSX styling library for React, Preact, Solid, and compatible JSX runtimes. It starts with typed style objects and a css prop, then adds selector chains, component slots, scopes, themes, runtime resolution, and optional static CSS extraction for production builds.
Fluentic started as an object-first styling API.
That was intentional.
The original shape was built around typed style objects, explicit composition, selector chains, component slots, scopes, themes, and optional static extraction later.
So the first Fluentic style looked more like this:
