makeEntity-image_189_34ead8ab-aafb-924d-d9ec-73a2f46656a9
build advanced web applications faster than ever
power of real programming, speed of no-code
Use cases
Do the same things as with Javascript, but easier and faster.
Web applications
NPM libraries
Websites
Design systems
Others
Screenshot 2020-05-13 at 16.47.47

Create front-ends for web applications easier and faster than ever.w

Use any Javascript or React library from NPM

Connect REST or GraphQL APIs.

Do advanced programming logic and create custom functions and components as you would do in Javascript.

Perfect for teams
Include the whole team in creating web applications, it doesn't have to be all just on developers.
Developer
Designer
Product Manager
Copywriter
Marketing Specialist
QA Tester
Frame 2

Use revolutionary language compatible with Javascript/Typescript

Build main functionality and let designer to play with the design details or the opposite, let designer do the visual skeleton and then add functionality.

Let non-devs to access you codebase to save time on banalities and focus time on can do only you

Be able to review the all the changes, use the same workflow as with Git repository

Powerful, yet easy to use.
Be more productive and don't waste time on easy task
00
Explore and Drag&Drop
01
Component props
02
Designer panel
03
Preview
04
Component marketplace
Explore components you can use and just drag and drop them where you want.
Use keyboard
05
Versioning
06
Data sources
07
Programming logic
08
Components and functions
09
00
Explore and Drag&Drop
Explore components you can use and just drag and drop them where you want.
01
Component props
02
Designer panel
03
Preview
04
Component marketplace
05
Use keyboard
06
Versioning
07
Data sources
08
Programming logic
09
Components and functions
Compiled to JavaScript / TypeScript
Fae
fae-button
Javascript
js-button
Interactive programming language compiled to Javascript
Smarter than most standard languages
Strict type system
Similar as Typescript in strict mode or ReasonML we have very powerful type system.
Call stack types
You can mark if function has side-effect, if the function throws something or if it is React hook. It will then offer to use just functions which make sense in given use case.
Refactoring features

to component / to function

wrap with

to variable

Virtual names
Components and functions names are virtual - so when renaming them, you don’t have to do changes on multiple places
Made with React
We use React and React hooks. We compile CSS directly in editor and export CSS linked by random IDs with html classes.
Performance
Performance is very similar to standard React apps. On production, it is compiled with no additional abstraction to standard React code. In some cases, it is even faster as we some computation during build time. For example, we don't include any CSS layer into the final bundle unlike css-in-js frameworks.
Highly compatible with most used web technologies
Use any NPM library
Add simple JS snippets
Use HTTP/REST APIs
Use GraphQL
(coming soon)
desktop
Effortless Deploy
Download ZIP
Deploy as library to NPM
Export as JS snippet
Export to Git
(coming soon)
Use any NPM library
Add simple JS snippets
Use HTTP/REST APIs
Use GraphQL
(coming soon)
mobile-to
mobile-from
Effortless Deploy
Download ZIP
Deploy as library to NPM
Export as JS snippet
Export to Git
(coming soon)
Made with 🖤 in Fae
We're in beta now but expect more projects coming at you soon
Screen Shot 2020-05-13 at 7.40.42 PM
Fae.dev
Yes, Fae homepage was made in Fae itself
Screen Shot 2020-05-13 at 7.58.19 PM
Nat's World
Personal portfolio
Screen Shot 2020-05-13 at 7.53.32 PM
AWS EC2 prices
AWS EC2 prices with available spot savings
Screenshot 2020-05-13 at 16.46.10
Weather app
Simple mobile weather app
Frequently Asked Questions
Need answers? Find them here!
How much time is needed to learn Fae?

It depends what you already know and what you want to create.

You don't need any special skills to do basic edits on existing projects, but to create something big from scratch, you will need to learn the concepts you would need to learn with real programming, it will be just much faster.

If you already know basics of HTML and CSS, you should be able to do static webs and prototypes right away or after ~10min tutorial

If you know JS and React you should be able to do any web application right away or after ~10min tutorial

Learning to build webs and prototypes with basic dynamic functionality is comparable to learning HTML+CSS. You will save time of learning how to setup environment, learning how to effectively use IDEs and you save a lot of time when dealing with errors. We expect it to be 3-5 times faster than learning HTML+CSS.

Learning programming will be also much easier than with standard languages, but don’t expect you get magic skills without any effort. It is still programming languages and you will have to learn how to use variables, functions, components. After we come out of beta and we will have enough tutorials, we expect it to be 1-2 months for people who would otherwise need 6 months when learning Javascript.

Will it be opensource?
For first release after beta we want have all libraries which get into resulting bundle to be open-source (MIT or similar license). Also compiler (transformation from AST to resulting bundle) will be open source right with first stable release. We have some plans to opensource some critical parts of the visual editor, but we can’t promise anything now.
Can I export javascript?
Yes. We provide deploying to NPM or downloading as Zip file. The exported code is compiled and minified. We don’t recommend export to JS and then edit the code as standard javascript code, because at the time of editing you get out of sync with fae code. If you really need to export developer readable JS, for example to leave Fae ecosystem, we allow you to export Fae AST and then you can use Fae compiler to make JS code. That code is by default optimized to be machine readable. You can either modify the compiler to generate codebase most similar to your own or use tools as code jscodeshift or Babel.
Can I import javascript?
You can use NPM to import any JS library as dependency. We don’t provide converting JS to Fae structures yet. If you need to use short JS snippet, you can create JS based component or function.
Will it be vendor-lock for me?
In the background, we use open source technologies like React and standard HTML/CSS/Javascript APIs. So there are multiple ways how to manage vendor-lock from doing specific requirements in other technology to leaving Fae ecosystem completely.
Custom requirements:It is compatible with standard React components, so as you can rewrite React components to Fae one by one, you can also do the opposite way. If you need to create specific module in WebAssembly or export the project to an existing application, browser extension, or some embedded solution, we provide imports and exports through NPM ecosystem and other ways.
Deployment:The easiest way to deploy Fae app is on our cloud storage or deploy to NPM, but we offer also exporting the whole generated project to Zip file. With that, you should be able to integrate and deploy the app anywhere. We plan to add exporting to Git so you can use your own CI pipelines so you can automate the whole process.
Leaving Fae ecosystem:We try maximally that you should not have reason to leave us, but even if you decide to do that, we offer you solutions to do it easier. Guide how to export Fae projects to readable JS code will be in our documentation by the time we come out of the beta stage.
Open source:You can read more in "Will it be open source?" section of this FAQ.
Can I write backend functionality?
Not yet. All code generated in Fae runs in browser. But we have NodeJS support in our roadmap.
Want to be notified about upcoming releases? Subscribe for beta updates!
© 2020 Fae.dev. All rights reserved