oda-framework

It's an ES Progressive Framework based on the technology of Web Components and designed especially for creating custom UI/UX of any complexity for web and cross-platform PWA mobile applications.

Usage no npm install needed!

<script type="module">
  import odaFramework from 'https://cdn.skypack.dev/oda-framework';
</script>

README

ODA Framework

Welcome npm version NPM downloads GitHub license

It's a progressive ES framework based on the technology of Web Components and designed especially for rapid development of custom UI/UX for web applications.

  • Features The ODA Framework allows its users to create interactive user interfaces of any complexity rapidly and easily. Web application code becomes as simple and straightforward as it is even possible for debugging and further distribution. Effective updating and rendering of an interface are carried out automatically whenever there is any change in the data itself or in the state of web components.
  • Technologies It is used a component-oriented approach based on all 4 basic elements of the Web Components technology: Custom Elements, Shadow DOM, HTML Templates, and Modules. It implements all the requirements of PWA and PWC technologies.
  • Advantages Simplicity of coding and learning, code minimization with its functionality maximization, the substantial increase of the development speed and extensibility due to the re-use of ready-made web components, both self- and third-party-developed. High rendering efficiency for any changes occurring within an interface. Capability to develop cross-platform mobile applications.

Learn more about ODA Framework.

Installation

You can install ODA Framework as:

  • a <script> tag from a CDN.
  • a <script> tag from a UNPKG.
  • a oda-framework package on npm.
  • a oda-framework package on yard.
  • download zip archive.

More ditails you can find in the install notes.

Fast taste

Use online playgrounds to get a taste of ODA Framework.

  • Our website ODAjs.
  • CodePen: Online Code Editor and Front End Web Developer.

Browser Compatibility

ODA Framework supports all browsers that are ES5-compliant (IE8 and below are not supported).

Documentation

You can find the ODA Framework documentation on the website.

Check out the Getting Started page for a quick overview.

The documentation is divided into several sections:

You can improve it by sending pull requests to this repository.

Questions

For questions and support please use the official forum or community chat. The issue list of this repo is exclusively for bug reports and feature requests.

Issues

opening an issue.

Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.

Good First Issues

To help you get your feet wet and get you familiar with our contribution process, we have a list of good first issues that contain bugs which have a relatively limited scope. This is a great place to get started.

Changelog

Detailed changes for each release are documented in the release notes.

Contribution

Please make sure to read the Contributing Guide before making a pull request. If you have a ODA-related project/component/tool, add it with a pull request to this curated list!

Thank you to all the people who already contributed to ODA Framework!

License

ODA Framework is MIT licensed.