We decided to keep Fela as small and simple as possible. It only includes the renderer and two simple helpers. Yet it is designed to be highly extendable with both plugins and middleware. Plugins are used to process your styles, enhancers to enhance your renderer.
With this approach everyone is able to create a custom version of Fela fitting their particular needs.

Many plugins and enhancers are already included in the main repository.







  • fela-beautifier* - Beautifies the rendered CSS markup
  • fela-layout-debugger* - Adds colored outlines or backgroundColors to debug layouts
  • fela-logger* - Logs every rendered change output
  • fela-monolithic - Render component-based (monolithic) CSS classes (rather than atomic)
  • fela-identifier - Allows to create rules for which the renderer will generate unique class names (useful for nested selectors)
  • fela-perf* - Logs performance information (time elapsed while rendering)
  • fela-sort-classnames - Deterministically sort rendered class names to prevent browser incompatibilities
  • fela-statistics* - Collects different metrics to analyze your styles


Starter Kits

  • catstack - A modular mad science framework for teams working on production web apps
  • dogstack - A popular-choice grab-bag framework for teams working on production web apps
  • olymp - Create and build a next gen app using node, react, cssInJS and other cool stuff
  • fullstack-pro - Full Stack to create independent packages and to run on servers
  • react-frontend-server-stack - Most common react stack and pluggable packages to quickly start a universal react application
  • reason-react-starter - A starter for building universal web apps with ReactReason


* Packages are considered dev tools and should therefore not be used in production.

results matching ""

    No results matching ""