UX Design
UI Design


A JavaScript framework that processes definitions of cause and effect. Applications define what their events mean by mapping them to descriptions of the effects they entail -- a state change, an asynchronous API call, the invocation of a custom function, or another event.

October 1, 2019
CoNarrative Inc.


Framework-x shares much of its API and design with Clojurescript's re-frame, the most expressive front-end framework to date . Its design overlaps with Redux, but diverges in ways that have enable referentially transparent events and side effects, colocation of state transformations and far-reaching consequences for simplicity, mental overhead, and productivity.

Key Features

  1. Less code.
  2. Algebraic effects. Respond to an event with a state change and an API call in 2 lines of code and maintain a purely functional codebase that's easy to follow and write automated tests against.
  3. Single source of truth. Framework-X promotes this best practice by requiring developers do less to achieve it -- less code, and fewer requirements on state organization and update patterns. By not having state in multiple places, you can put your app into any state it's capable of representing by setting one value.
  4. Spreadsheet programming. Like a spreadsheet formula that references the cells of other formulas, Framework-X apps use functions that are based on the results of others. React components use these directly to render UI.
See More


A collection of our projects — home-brewed and in collaboration with other companies.

View All Projects