# robinweser/fela

State-Driven Styling in JavaScript

Repository: https://github.com/robinweser/fela
Canonical: https://ross.abutalabs.com/products/fela
Homepage: http://fela.js.org
Language: JavaScript
License: MIT
License Family: permissive
Topics: css-in-js, css, atomic-css, state-driven, components, react, styling
Last push: 2024-11-06T11:34:01+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3757, "days_push": 665, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2284, forks 176 (observed 2026-08-28T04:06:34.004271+00:00)

## What it is
Fela is a small, framework-agnostic JavaScript library for state-driven styling that generates atomic CSS from style rules written as functions of application state. It supports React, React Native, and other view libraries, with a plugin ecosystem for vendor prefixing, fallback values, and more.

## Use cases
- generate atomic css from javascript style rules
- style react components dynamically based on state
- avoid css specificity and naming conflicts
- server-side render styles for universal apps
- use css-in-js with react native
- minimize css output through style reuse

## When to choose
- you want dynamic, state-driven styles with minimal css output
- you need framework-agnostic styling with react bindings available
- you want predictable styling without specificity or namespace conflicts
- you need universal (client and server) style rendering

## When to avoid
- you prefer static css or utility-first frameworks like tailwind
- your team wants zero-runtime styling solutions
- you need a large community and frequent updates - the project is in maintenance mode

## Facets
- artifact type: library
- maturity: maintenance
- function: css-framework, ui-components, frontend-framework
- domain: web-development, frontend, web-design
- platform: browser, cross-platform
- tags: css-in-js, atomic-css, state-driven-styling, react-bindings, react-native, dynamic-styling, universal-rendering, nodejs, web-server

## Member repositories
- robinweser/fela (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:34.004271+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:41:06.561871+00:00, confidence not recorded.
  - readme: https://github.com/robinweser/fela (fetched 2026-08-28T04:06:34.004271+00:00, sha bcb581f5fcfe)
  - homepage: http://fela.js.org (fetched 2026-08-29T10:21:48.034174+00:00, sha 71553b1c4b49)
  - site_page: https://fela.js.org/docs (fetched 2026-08-29T10:21:48.043291+00:00, sha 874bcd9795bd)
  - site_page: https://fela.js.org/docs/latest/intro/getting-started (fetched 2026-08-29T10:21:48.045771+00:00, sha 8d3056652621)
  - site_page: https://fela.js.org/docs/latest/intro/benefits (fetched 2026-08-29T10:21:48.047932+00:00, sha 58f1af9d0fe0)
  - registry_npm: https://registry.npmjs.org/fela (fetched 2026-08-29T10:21:48.049833+00:00, sha 1cbdac072928)
- Data as of 2026-08-30T08:39:29.467469+00:00.