cfasim-ui

cfasim-ui is the shared component and theming library you use to make simulators.

Packages

Package	Description
@cfasim-ui/components	Accessible UI components built on reka-ui
@cfasim-ui/charts	SVG charting components
@cfasim-ui/theme	Design tokens, reset, and utility classes
@cfasim-ui/pyodide	Run Python models in the browser via Pyodide Web Workers
@cfasim-ui/wasm	Run Rust/WASM models in the browser via a Web Worker

Components

• Box — colored container for callouts and alerts
• Button — primary and secondary actions
• Expander — collapsible content section
• Hint — inline tooltip for help text
• Icon — Material Symbols icon
• NumberInput — number field with optional slider
• SelectBox — dropdown select
• Spinner — loading indicator
• TextInput — text field
• Toggle — boolean switch

Charts

• ChoroplethMap — US state choropleth map with D3
• DataTable — table for columnar data or ModelOutput
• LineChart — responsive SVG line chart

Workers

• Pyodide — run Python models via Pyodide Web Workers
• WASM — run Rust/WASM models via a Web Worker