RFDS — Reflex Finance Design System

Design system and Python component library for finance applications built with Reflex 0.9.12: DTCG design tokens compiled to CSS, a Radix-Themes-based component set, patterns and page templates, formatting and data contracts for money, and the tooling (lint, tests, budgets) that keeps apps conformant.

packages/rfds/          the `rfds` package (src/rfds) and its tests
apps/kitchen_sink/      every public API item rendered once, per work package (/wp01/foundations, …)
tools/                  generators and CI checks (tokens, exports, fonts, bundle, CSS layers, import boundaries)
.github/workflows/      ci, quality gate, perf, nightly reflex@main, release

Quick start (app)

# rxconfig.py
import reflex as rx
import rfds

config = rx.Config(
    app_name="my_app",
    plugins=[rx.plugins.RadixThemesPlugin(theme=rfds.radix_theme()), rx.plugins.TailwindV4Plugin(),
             rfds.RFDSPlugin(format_locale="de-DE")],
    disable_plugins=[rx.plugins.SitemapPlugin],
    cors_allowed_origins=["https://app.example.com"],
    telemetry_enabled=False,
    show_built_with_reflex=False,
)

# my_app/my_app.py
app = rfds.install(rx.App(**rfds.app_kwargs(html_lang="de")))

Development

uv sync                                   # or: python3.12 -m venv .venv && pip install -r tools/dev-requirements.txt
python tools/gen_tokens.py --check        # tokens -> CSS / Python / bridges are fresh
python tools/gen_exports.py --check       # lazy export maps are fresh, no FW-27 clash
rfds lint --strict packages/rfds/src apps/kitchen_sink
pytest packages/rfds/tests
cd apps/kitchen_sink && reflex compile --no-rich && reflex export --frontend-only --no-zip

Licence: Apache-2.0 (see LICENSE; third-party notices incl. IBM Plex OFL-1.1 in NOTICE).