Rx-Marble-Design-System
Rx-Marble-Design-System copied to clipboard
A design system to visualize functional reactive programming based on ReactiveExtensions
Rx-Marble-Design-System
A library and framework agnostic design system to visualize functional reactive programming with ReactiveExtensions
![](https://github.com/BioPhoton/Rx-Marble-Design-System/raw/master/assets/design-system/cover.png)
Index
- DESIGN TOKENS
- UNIT
- FONT
- COLOR
- SHAPE
- LINE
- SIZE
- COMPONENTS
- TIME
- TIME PROGRESS
- CONSUMER EVENT
- NOTIFICATION
- COMPLETE
- ERROR
- OPERATOR
- OPERATOR CONTEXT
- OPERATION
- DIAGRAMS
- DESCRIPTION
- LEGEND
- DIAGRAM
- BEYOND THE STANDARD
Links
- rx marble design system (github page)
- rx marble design system (google slides)
- rx marble design system (github repo)
- rx marble design system (rxjs github issue)
Preview
![](https://github.com/BioPhoton/Rx-Marble-Design-System/raw/master/assets/draft/Rx-Marbles-Design-System_Components.png)
![](https://github.com/BioPhoton/Rx-Marble-Design-System/raw/master/assets/draft/RxJS-Ratelimiting-Operators.jpeg)
![](https://github.com/BioPhoton/Rx-Marble-Design-System/raw/master/assets/operators/new/tap.jpg)
![](https://github.com/BioPhoton/Rx-Marble-Design-System/raw/master/assets/operators/new/tap_v2.jpg)
![](https://github.com/BioPhoton/Rx-Marble-Design-System/raw/master/assets/operators/new/tap_v3.jpg)
![](https://github.com/BioPhoton/Rx-Marble-Design-System/raw/master/assets/operators/new/finalize.jpg)
![](https://github.com/BioPhoton/Rx-Marble-Design-System/raw/master/assets/operators/new/finalize_v2.jpg)