A simple, fast way to design, build, and change interfaces together

Production Ready

Views is a simple programming language that compiles to production quality React DOM and React Native.

Super Productive

The Views workflow eliminates the need for mockups to be translated into CSS, HTML, and native code. Views lets designers tweak the interface with no extra dev work.

Cross-Platform

Components made in Views work seamlessly in React DOM and React Native projects with no extra refactoring.

Easy integration

You can test Views on a feature of your existing React project

#1

Add Views

Views' Morpher is a regular non-runtime development dependency. The Morpher will compile and optimize .view files on the fly to React components. Use Views on a side feature or start project from scratch.

Add Views to my project
#2

Make .view files

Views' intuitive composition model helps product teams easily reason about the complexities of application interfaces, change colours, fonts, add and remove components. Views syntax is greatly simplified, and with Views Tools writing code is not required. Designers can progress at their own pace and up-skill on the job.

Start composing
#3

Add .logic files

Logic files are regular JavaScript. Import the View file and any other NPM package, or your own React component. Connect Views in flows, fetch data, and manage state.

Control flows and data

Check out the Views demo app. It features service integration, custom logic, animations, and state management

Views Pilots

Apps currently in production have over 50 million users

Simple, transparent pricing

Open Source Core

The Morpher

Free/ month
  • Views to React compiler
Explore Docs

Early Access

Launch date will be announced via our Slack channel

€25/ month
  • All from free plus:
  • Desktop editor app - Views Tools
  • Interface templates
  • Demo app boilerplates
Join our Slack

FAQ

Why experiment?

We want to drive the change in product delivery space towards inclusion, transparency, and open participation. At the same time, we set new conventions to bring together designers and developers.

Easy in, easy out

It's very easy to try Views on a feature in your existing React project. It's also very easy to drop Views and just use the auto-generated React components.

Why do I need logic files?

You only need a logic file for a given view file when the manipulation of state or props is required. Logic files simply wrap the view files and pass component props to the view.

What about animations?

The first stage of interface animations is ready. Transitions between Views are possible with a bit of JS logic. They will be added to Views on the next stage.

Built with Landen