Introduction
Vroxal Design is a cross-platform design system built for Angular, Flutter, and Swift, backed by a single semantic token source. One design language, three native implementations, no visual drift between platforms.
Why Vroxal?
The principles Vroxal is built on, and why they matter to how you use it.
Semantic tokens, not raw values.
Every color, spacing, and radius decision is expressed as intent (content-primary-base, scale-spacing-400) rather than a hex code or pixel value, so theme changes propagate without touching component code.
Native on every platform.
Vroxal isn't a wrapper syntax bolted onto three frameworks. Angular components use Angular idioms, Flutter uses Material 3 widget patterns, Swift uses SwiftUI natively. You write platform-correct code, not Vroxal-flavored code.
Consistent intent, adaptive syntax.
The naming convention and design meaning stay identical across platforms even when the literal implementation differs, so a designer's spec translates predictably regardless of which platform engineering picks up the ticket.
Transparent parity.
Every component page shows exactly what's supported on which platform, and where. No guessing whether a feature actually shipped for your stack.
Getting Started
Pull in the native package for your platform, or browse the source library in Figma.
Flutter
Material 3–inspired widgets that feel native to Flutter, not bolted on.
Flutter package on pub.devTech Stack
The platform versions Vroxal Design targets and tests against:
Angular
v 21
Flutter
v 3.10
Swift
iOS 16+
Platform Comparison
How feature support compares across the three implementations.
Feature | Angular | Flutter | Swift |
|---|---|---|---|
Components | 47 | 20 | 23 |
Theming | |||
Dark Mode | |||
Responsive tokens | No | No | |
Package manager | npm | pub.dev | SPM |
Min version | Angular 21+ | Flutter 3.10+ | iOS 16+ |