Rules

screenshot of Rules
angular

One Framework to build a highly declarative and customizable UI without using templates.

Overview

MetaUI is an innovative framework designed to simplify the process of User Interface development in Angular applications by dynamically generating UIs based on an object's model and its type. This eliminates the need for developers to manually lay out components in template files, allowing them to focus on defining rules through Meta Rules. With its lightweight and framework-agnostic approach, MetaUI transforms the standard UI development paradigm, fostering a more efficient way to manage interfaces.

The essence of MetaUI lies in its ability to universally apply rules or tailor them for specific objects, streamlining the process for developers. As a result, it not only accelerates UI design but also enhances flexibility, enabling a more declarative style of programming. The framework draws inspiration from the original work on @aribaui and aribaweb, focusing on generating a user interface that aligns with modern development needs.

Features

  • Dynamic UI Generation: Automatically creates user interfaces from JSON object models, removing the hassle of manually designing layouts.
  • Rule-Based Design: Utilizes Meta Rules to define how the UI is rendered, allowing for both universal application and object-specific customizations.
  • Framework Agnostic: Lightweight design ensures compatibility with various frameworks and component libraries, making it a versatile choice for developers.
  • Simplified Development Process: Shifts the development focus from template files to rule definitions, optimizing workflow and reducing time spent on UI setup.
  • Support Channels: Encourages community engagement through Slack for support and feedback, fostering collaboration and problem-solving among users.
  • Open Source License: Available under the Apache 2.0 license, promoting accessibility and contribution from developers worldwide.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

prismjs
Prism JS

PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.