Table of contents

Can I use it together with CSS Files?

Yes. Fela is encapsulated and can be integrated into any kind of application and therefore can also be used together with other CSS files/classes.
Just remember that you might again get into specificity problems if you mix different CSS classes from different sources.

Can I use it together with inline styles?

Yes. You can always use inline styles together with Fela. It can be useful to overwrite single values for specific cases. Also state-depending styles might better fit as inline styles e.g. a progress bar which updates the inner width according to the progress. This might else lead to >100 rendered Fela classes.

Can I use it without React?

Yes. Fela is framework-agnostic by design, but works especially well with React and React-like view libraries. Checkout the official React bindings react-fela(new tab) as well as Usage with React.
It also works great with Inferno, Preact, ReasonML, Vue(new tab), alternative Vue(new tab), Hyper(new tab) and Cycle.

Can I use it with React Native?

Yes. Next to React, Fela also supports React Native. It can also be used with react-fela(new tab) and shares a similar API with fela(new tab) itself. You just have to replace your

-method with the one exported by fela-native(new tab). Check out Usage with React Native for more information.

Can I use template strings?

Yes. While you traditionally write your Fela styles in JavaScript object notation, there are several tools that allow styles written in pure CSS using ECMAScript 2015 template strings(new tab). You may try react-styling(new tab) for runtime transformation or even use babel-plugin-css-in-js(new tab) which was in particular written for Fela rules.

Can I use objects instead of functions?

With pure Fela: No. Except for static styles rendered using

Read about our Principles to learn why!
That said, if you're working with bindings such as react-fela(new tab), most APIs also accept style objects directly.

Is Fela production-ready?

Yes. As of version 1.0.0 Fela is production-ready and fully covered with tests.
It is already used in many applications in production.

Where does the name "Fela" come from?

Fela actually is the name of a character in one of the author's favorite fantasy novel called "Kingslayer Chronicles"(new tab) by Patrick Rothfuss(new tab). Fela(new tab) is a young, attractive and smart woman practicing sculpturing among others at the university of Imre. She's one of Kvothe(new tab)'s (the main protagonist), best friends there.
There is no deep connection to JavaScript styling in general, except the fact that she does sculpturing which seems to be kind of similar to what component styling is lately.