Introduction

What is Dyvix UI?

Dyvix is a premium, JSON-driven UI Library. It is designed and engineered for developers who value state of the art premium aesthetics, performance, and a logic-first architecture.

Dyvix UI is built around the following foundations:

• Theme Architecture: Identity as Data. Easily swap the entire personality of your application by simply passing a pre-defined JSON file. Whether using our built-in configs or using yours, your UI adapts instantly without changing a single manual override.

• Scalable JSON Architecture: Zero Glue-Code. Easily define animations, themes, and elements without writing a single line of JavaScript.

• Logic-First Architecture: Dyvix handles your data validation and data flow.

• Performance & Security: We believe in a security and performance-first doctrine over content and functionality.

• Animated and Beautiful by Default: Living Interfaces. We believe in a non-static architecture, while keeping the option to remove any feature you don't like.

Why Dyvix?

Compared to other UI libraries, Dyvix emphasizes:

• Animation presets: Pre-built animations for common UI patterns.
• Modal presets: Built-in modal workflows for common use cases like authentication and forms.
• Modal field validation: Built-in config driven modal input validation(mandatory, value matching, etc.) to reduce boilerplate with the ability to add custom regex validation easily.
• JSON-driven theming: Swap entire themes without code changes.
• Smart JSON Caching (SJC): A multi-layer caching system (L1, L2, L3) designed for high-performance JSON & CSS delivery and near-zero lattency.

Accessibility

Dyvix UI components include ARIA labels and support keyboard navigation. We strive for WCAG 2.1 AA compliance to ensure your applications are usable by everyone.

Browser Support

Requires a browser with IndexedDB support. Tested primarily on chromium-based browsers.

Next Steps

Ready to dive in? See the Quick Start guide or learn about Themes.