CrossUI is a free Cross-Browser Javascript framework with cutting-edge functionality for rich web application

Overview

CrossUI

CrossUI is a free Cross-Browser Javascript framework with cutting-edge functionality for SPA(Single Page Application) web application.

Compatible with older browsers, even IE6

Features & Resources

  1. Rich client-side API, works with any backend or static HTML pages.
  2. Web services (JSON/XML/SOAP) can be directly bound.
  3. More than 100 components, including Tabs, Dialog, TreeGrid, SVG Shapes, Chart and many other web GUI components.
  4. Support reusable modules.
  5. Wide cross-browser compatibility, IE6+, firefox3+, opera9+, safari3+ and Google Chrome.
  6. Full API Documentation with tons of samples.
  7. Ever Increasing Code Snippets.
  8. PHP/C #/JAVA Back-end service codes are available.
  9. CrossUI Framework is Open Source under LGPL3 license.

Related tools

These tools (without coding) can reduce development time significantly:

Create configurable React App React Builder

Create fully interactive web app without writing one line of code, integrated with Github repository CrossUI Builder

CDN

Others

Comments
  • How to call pseudo code?

    How to call pseudo code?

    Can I access methods from the module function set in the project externally

    Let's say I embed a project in an iframe and then access a module function set method through an external project

    opened by wowoName 7
  • CheckboxList

    CheckboxList

    Good morning,

    I need your help please about how to implement in a table, a component CheckboxList. The idea is that you can select inside a checkbox that belongs to a table, different items and that are shown in the same table. I can select one or more. In advance thank you very much for the help.

    opened by jesusmavarezaskblue 5
  • add multiple

    add multiple

    append( xui.create("xui.UI.ComboInput") .setHost(host,"xui_ui_comboinput4") .setLeft("11.666666666666666em") .setTop("7.5em") .setWidth("18em") .setLabelSize("8em")
    .setType("file") );

    add multiple???

    opened by yr2018 4
  • Best strategy to build a grid with > 500 rows

    Best strategy to build a grid with > 500 rows

    Hi, First of all, many thanks for your amazing software ans support! I would like to know what could be the best manner to put about 500 rows without using the pagination What I really want is the possibility to not get stuck the grid while the rows are building. I don't think that 500 rows is a big data volume for the modern browsers. Is it possible? I don't want to use the pagination. I saw that google uses, for example, the scroll bars event, so when you get the final of view, it charges more rows.... Thank you!

    opened by macscripter 4
  • xui.UI.Gallery

    xui.UI.Gallery

    xui.create("xui.UI.Gallery") .setHost(host,"xui_ui_gallery3") .setItems([ { "id":"a", "caption":"item 1", "image":"{/}img/article.png", "imageClass":"xui-icon-number1", "itemWidth":"64", "itemHeight":"64", "flagText":"荐" },

    调式了很久,发现一个问题。设置image图片地址,刷新浏览器显示不出来(貌似是第一次加载图片不显示),看资源文件,图片是加载成功的。

    opened by yr2018 3
  • different user interface look on chrome 95

    different user interface look on chrome 95

    since I updated my chrome to v.95, there is problem for some user interface. it happen too at builder online if i change theme to other than default:

    image

    opened by indianajava 2
  • Editor runs slowly

    Editor runs slowly

    Use App Builder version 2.5 Beta. I have about 9000 lines code, in code view, if i edit one row and then move cursor to another row to edit it, the editor become slow response. May be caused by new version of JSHINT?

    opened by indianajava 2
  • Include target class

    Include target class

    xui.include() can not include target class with header request and async:

    1. xui.include("Module.Script",url+"Script.js",function(rsp){},onFail,FALSE,{header:{key:value}) => script included, asyn, but header not sent
    2. xui.include("Module.Script",url+"Script.js",function(rsp){},onFail,TRUE,{header:{key:value}) => script included, header sent, but not asyn
    3. onSuccess:function(rsp){ } => how to read script target?
    opened by indianajava 2
  • Stacks Component: show close button while hover

    Stacks Component: show close button while hover

    Scenario: hover handle bar to show close button, and hide while mouseout these below code don't work:

        _xui_ui_stacks15_beforehovereffect:function(profile, item, e, src, type){
            var ns = this, uictrl = profile.boxing();
            if (type=="mouseover") {
                uictrl.updateItem(item.id, {closeBtn:true});
            } else {
                uictrl.updateItem(item.id, {closeBtn:false});
            }
        }
    
    opened by indianajava 2
  • setVisibility Bug

    setVisibility Bug

    CrossUi v-2.40: There is xui.UI.Block container contains xui.UI.Button, if button.setVisibility("visible") and block.hide(), button component still appear.

    opened by indianajava 2
  • What is the main difference between xui 1.4 and 2.0?

    What is the main difference between xui 1.4 and 2.0?

    Hi,,

    I would like to know what is the difference between version 1.4 and 2.0? Is it possible to reuse the 1.4 version code for 2.0? Do you want to still maintaining th2 1.4 version? could you suggest to migrate from 1.4 version?

    Thank you!

    opened by macscripter 2
Releases(ver2.1)
Owner
Jack Li
Creator of CrossUI, cloud architect, full-stack developer
Jack Li
Front End Cross-Frameworks Framework - 前端跨框架跨平台框架

English | 简体中文 Omi - Front End Cross-Frameworks Framework Merge Web Components, JSX, Virtual DOM, Functional style, observe or Proxy into one framewor

Tencent 12.5k Dec 31, 2022
Dojo Framework. A Progressive Framework for Modern Web Apps

@dojo/framework Dojo is a progressive framework for modern web applications built with TypeScript. Visit us at dojo.io for documentation, tutorials, c

Dojo 549 Dec 25, 2022
🐰 Rax is a progressive React framework for building universal application. https://rax.js.org

Rax is a progressive React framework for building universal applications. ?? Write Once, Run Anywhere: write one codebase, run with Web, Weex, Node.js

Alibaba 7.8k Dec 31, 2022
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

Supporting Vue.js Vue.js is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesome ba

vuejs 201.6k Jan 7, 2023
Ember.js - A JavaScript framework for creating ambitious web applications

Ember.js is a JavaScript framework that greatly reduces the time, effort and resources needed to build any web application. It is focused on making yo

Ember.js 22.4k Jan 4, 2023
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

vue-next This is the repository for Vue 3.0. Quickstart Via CDN: <script src="https://unpkg.com/vue@next"></script> In-browser playground on Codepen S

vuejs 34.6k Jan 4, 2023
OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice.

OpenUI5. Build Once. Run on any device. What is it? OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on al

SAP 2.7k Dec 31, 2022
The AMP web component framework.

AMP ⚡ ⚡ ⚡ ⚡ Metrics Tooling AMP is a web component framework for easily creating user-first websites, stories, ads, emails and more. AMP is an open so

AMP 14.9k Jan 4, 2023
Turbolinks makes navigating your web application faster

Turbolinks is no longer under active development Please note that Turbolinks is no longer under active development. It has been superseded by a new fr

Turbolinks 12.8k Jan 4, 2023
Relay is a JavaScript framework for building data-driven React applications.

Relay · Relay is a JavaScript framework for building data-driven React applications. Declarative: Never again communicate with your data store using a

Facebook 17.5k Jan 1, 2023
A rugged, minimal framework for composing JavaScript behavior in your markup.

Alpine.js Alpine.js offers you the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. You get to keep your DOM,

Alpine.js 22.5k Jan 2, 2023
A JavaScript Framework for Building Brilliant Applications

mithril.js What is Mithril? Installation Documentation Getting Help Contributing What is Mithril? A modern client-side JavaScript framework for buildi

null 13.5k Dec 28, 2022
A modest JavaScript framework for the HTML you already have

Stimulus A modest JavaScript framework for the HTML you already have Stimulus is a JavaScript framework with modest ambitions. It doesn't seek to take

Hotwire 11.7k Dec 29, 2022
A functional and reactive JavaScript framework for predictable code

Cycle.js A functional and reactive JavaScript framework for predictable code Website | Packages | Contribute | Chat | Support Welcome Question Answer

Cycle.js 10.2k Jan 4, 2023
ENS Avatar resolver library for both nodejs and browser.

ens-avatar Avatar resolver library for both nodejs and browser. Getting started Prerequisites Have your web3 provider ready (web3.js, ethers.js) [Only

Ethereum Name Service (ENS) 27 Dec 30, 2022
A Web Component compiler for building fast, reusable UI components and static site generated Progressive Web Apps

Stencil: A Compiler for Web Components and PWAs npm init stencil Stencil is a simple compiler for generating Web Components and static site generated

Ionic 11.3k Jan 4, 2023
One framework. Mobile & desktop.

Angular - One framework. Mobile & desktop. Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScr

Angular 85.6k Dec 31, 2022
The tiny framework for building hypertext applications.

Hyperapp The tiny framework for building hypertext applications. Do more with less—We have minimized the concepts you need to learn to get stuff done.

Jorge Bucaran 18.9k Jan 1, 2023