Skip to the projects

The foundation of excelling AI frontend development

A component standard, a compiler, a styling engine and a UI library. Four projects that hold every interface, whether people or AI agents write it, to the same high bar.

  1. 01 Open Components
  2. 02 Unframework
  3. 03 Styleframe
  4. 04 Inkline
Scroll to explore

01Standard

Open Components

The guidelines for building UI components with a perfect user experience, developer experience and agentic experience.

UX
User experience.

Accessible, predictable, consistent in every state.

DX
Developer experience.

One clear API, learned once, used everywhere.

AX
Agentic experience.

Components that AI agents can read, reason about and build with.

opencomponents.dev

02Compiler

Unframework

The compiler that speaks seven frameworks. Write your code once, then compile it to every one of them.

  • Angular
  • Svelte
  • Astro
  • Vue
  • React
  • Solid
  • Qwik
unframework.dev

03Styling engine

Styleframe

The styling engine for the AI era. Author tokens, themes, utilities and recipes in TypeScript, and ship zero-runtime CSS.

  • Type-safeAutocomplete and static analysis catch mistakes at build time.
  • ComposableReuse styles as functions, variables and objects from one source.
  • ConfigurableTokens, selectors, variants and utilities, endlessly.
  • EnforceableThe compiler reviews your design system and fails the build on misuse.
styleframe.dev

04UI library

Inkline

The UI library built on the foundation. Perfectly designed components, available in all seven frameworks.

Built with
Unframework and Styleframe
Follows
The Open Components standard
Ships to
React, Vue, Solid, Svelte, Astro, Qwik and Angular
inkline.io

UXFront

Build on the foundation.

One standard, one compiler, one styling engine and one library. Every framework.